sud-ui 0.4.1 → 0.4.2

package/dist/index.js

@@ -78,14 +78,14 @@ function R2() {
           case Z:
             return (r._context.displayName || "Context") + ".Consumer";
           case R:
-            var f = r.render;
-            return r = r.displayName, r || (r = f.displayName || f.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+            var p = r.render;
+            return r = r.displayName, r || (r = p.displayName || p.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case N:
-            return f = r.displayName || null, f !== null ? f : s(r.type) || "Memo";
+            return p = r.displayName || null, p !== null ? p : s(r.type) || "Memo";
           case A:
-            f = r._payload, r = r._init;
+            p = r._payload, r = r._init;
             try {
-              return s(r(f));
+              return s(r(p));
             } catch {
             }
         }
@@ -97,15 +97,15 @@ function R2() {
     function o(r) {
       try {
         c(r);
-        var f = !1;
+        var p = !1;
       } catch {
-        f = !0;
+        p = !0;
       }
-      if (f) {
-        f = console;
-        var v = f.error, D = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (p) {
+        p = console;
+        var v = p.error, D = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return v.call(
-          f,
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           D
         ), c(r);
@@ -116,8 +116,8 @@ function R2() {
       if (typeof r == "object" && r !== null && r.$$typeof === A)
         return "<...>";
       try {
-        var f = s(r);
-        return f ? "<" + f + ">" : "<...>";
+        var p = s(r);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -131,16 +131,16 @@ function R2() {
     }
     function u(r) {
       if (H.call(r, "key")) {
-        var f = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (f && f.isReactWarning) return !1;
+        var p = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function g(r, f) {
+    function g(r, p) {
       function v() {
         T || (T = !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)",
-          f
+          p
         ));
       }
       v.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -154,11 +154,11 @@ function R2() {
         "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 h(r, f, v, D, Y, F, W, I) {
+    function h(r, p, v, D, Y, F, W, I) {
       return v = F.ref, r = {
-        $$typeof: p,
+        $$typeof: f,
         type: r,
-        key: f,
+        key: p,
         props: F,
         _owner: Y
       }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(r, "ref", {
@@ -186,8 +186,8 @@ function R2() {
         value: I
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function d(r, f, v, D, Y, F, W, I) {
-      var E = f.children;
+    function d(r, p, v, D, Y, F, W, I) {
+      var E = p.children;
       if (E !== void 0)
         if (D)
           if (U(E)) {
@@ -199,9 +199,9 @@ function R2() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else m(E);
-      if (H.call(f, "key")) {
+      if (H.call(p, "key")) {
         E = s(r);
-        var G = Object.keys(f).filter(function(o0) {
+        var G = Object.keys(p).filter(function(o0) {
           return o0 !== "key";
         });
         D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", C[E + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -217,11 +217,11 @@ React keys must be passed directly to JSX without using spread:
           E
         ), C[E + D] = !0);
       }
-      if (E = null, v !== void 0 && (o(v), E = "" + v), u(f) && (o(f.key), E = "" + f.key), "key" in f) {
+      if (E = null, v !== void 0 && (o(v), E = "" + v), u(p) && (o(p.key), E = "" + p.key), "key" in p) {
         v = {};
-        for (var X in f)
-          X !== "key" && (v[X] = f[X]);
-      } else v = f;
+        for (var X in p)
+          X !== "key" && (v[X] = p[X]);
+      } else v = p;
       return E && g(
         v,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
@@ -237,9 +237,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function m(r) {
-      typeof r == "object" && r !== null && r.$$typeof === p && r._store && (r._store.validated = 1);
+      typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
     }
-    var j = D0, p = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var j = D0, f = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -251,11 +251,11 @@ React keys must be passed directly to JSX without using spread:
       j,
       a
     )(), i = B(l(a)), C = {};
-    b1.Fragment = b, b1.jsx = function(r, f, v, D, Y) {
+    b1.Fragment = b, b1.jsx = function(r, p, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
         r,
-        f,
+        p,
         v,
         !1,
         D,
@@ -263,11 +263,11 @@ React keys must be passed directly to JSX without using spread:
         F ? Error("react-stack-top-frame") : y,
         F ? B(l(r)) : i
       );
-    }, b1.jsxs = function(r, f, v, D, Y) {
+    }, b1.jsxs = function(r, p, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
         r,
-        f,
+        p,
         v,
         !0,
         D,
@@ -965,7 +965,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   const $ = g0(), { bgColor: h, txtColor: d } = i0({
     border: !1,
     fallback: c
-  }), m = o ? L(o, $) : h, j = l ? L(l, $) : d, p = (_) => {
+  }), m = o ? L(o, $) : h, j = l ? L(l, $) : d, f = (_) => {
     n && n(_);
   };
   return /* @__PURE__ */ t.jsx(
@@ -980,7 +980,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         backgroundColor: m,
         ...a
       },
-      onClick: p,
+      onClick: f,
       ...g,
       children: s
     }
@@ -1014,7 +1014,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const p = g0(), _ = $, { fontSize: b, fontWeight: O } = h1({ size: u, weight: g, theme: p }), w = h ? L(h, p) : void 0, Z = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, z = !Z;
+  const f = g0(), _ = $, { fontSize: b, fontWeight: O } = h1({ size: u, weight: g, theme: f }), w = h ? L(h, f) : void 0, Z = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, z = !Z;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -1047,10 +1047,10 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const p = g0(), { txtColor: _, borColor: b } = i0({
+  const f = g0(), { txtColor: _, borColor: b } = i0({
     border: n,
     fallback: g
-  }), O = a ? L(a, p) : _, w = u ? L(u, p) : b, Z = n && w ? `${o}px ${l} ${w}` : "none", z = (R) => s ? d ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
+  }), O = a ? L(a, f) : _, w = u ? L(u, f) : b, Z = n && w ? `${o}px ${l} ${w}` : "none", z = (R) => s ? d ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1176,7 +1176,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   icon: d = null,
   iconPosition: m = d ? "left" : "",
   disabled: j = !1,
-  loading: p = !1,
+  loading: f = !1,
   loadingText: _ = "",
   loadingType: b = "default",
   loadingPosition: O = "right",
@@ -1194,19 +1194,19 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     border: n,
     fallback: j ? "disabled" : c
   }), T = o ? L(o, V) : H, x = l ? L(l, V) : U, y = a ? L(a, V) : B, i = n && y ? `${g}px ${u} ${y}` : "none", C = U0(w, V), r = B0(Z, V);
-  let f = {};
-  typeof P == "string" && (P === "sm" ? f = { padding: "4px 10px", fontSize: "0.875rem" } : P === "md" ? f = { padding: "6px 16px", fontSize: "1rem" } : P === "lg" && (f = { padding: "10px 20px", fontSize: "1.125rem" })), v0(() => {
+  let p = {};
+  typeof P == "string" && (P === "sm" ? p = { padding: "4px 10px", fontSize: "0.875rem" } : P === "md" ? p = { padding: "6px 16px", fontSize: "1rem" } : P === "lg" && (p = { padding: "10px 20px", fontSize: "1.125rem" })), v0(() => {
     B2("sud-button-styles", P2);
   }, []);
   const v = (Y) => {
-    j || p || (S1(Y.currentTarget), $ && $(Y));
+    j || f || (S1(Y.currentTarget), $ && $(Y));
   }, D = typeof s == "string" ? /* @__PURE__ */ t.jsx(t0, { className: "sud-button__label", children: s }) : s;
   return /* @__PURE__ */ t.jsx(
     "button",
     {
       className: c0(
         "sud-button",
-        j || p ? "" : "sud-hover",
+        j || f ? "" : "sud-hover",
         h,
         `cursor-${j ? "not-allowed" : "pointer"}`
       ),
@@ -1222,18 +1222,18 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         border: i,
         boxShadow: c === "text" ? "none" : r,
         ...C,
-        ...f,
+        ...p,
         ...z
       },
       onClick: j ? void 0 : v,
-      disabled: j || p,
+      disabled: j || f,
       "aria-label": R,
       "aria-pressed": M,
       "aria-expanded": S,
       "aria-controls": N,
       role: A,
-      "aria-disabled": j || p,
-      children: p ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      "aria-disabled": j || f,
+      children: f ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         O === "left" && /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -1308,7 +1308,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   disabled: d = !1,
   className: m = "",
   divider: j = !1,
-  background: p,
+  background: f,
   color: _,
   border: b = !0,
   borderColor: O,
@@ -1327,7 +1327,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   onConfirm: U,
   ...B
 }) => {
-  const T = g0(), [x, y] = q(g), i = h0(null), C = h0(null), r = A || C, f = h0(null), v = h0({}), [D, Y] = q(!1), [F, W] = q({
+  const T = g0(), [x, y] = q(g), i = h0(null), C = h0(null), r = A || C, p = h0(null), v = h0({}), [D, Y] = q(!1), [F, W] = q({
     position: "fixed",
     top: "-9999px",
     left: "-9999px",
@@ -1355,14 +1355,14 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     },
     [G, $, r]
   ), f0 = () => {
-    !d && !X && (r != null && r.current) ? (f.current && (clearTimeout(f.current), f.current = null), o0(!0)) : !d && !X && o0(!0);
+    !d && !X && (r != null && r.current) ? (p.current && (clearTimeout(p.current), p.current = null), o0(!0)) : !d && !X && o0(!0);
   }, n0 = () => {
     if (!d) {
       if (n === "click") {
         o0(!1);
         return;
       }
-      f.current && clearTimeout(f.current), f.current = setTimeout(() => {
+      p.current && clearTimeout(p.current), p.current = setTimeout(() => {
         o0(!1);
       }, 100);
     }
@@ -1384,7 +1384,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   const { bgColor: d0, txtColor: C0, borColor: R0 } = i0({
     border: b,
     fallback: M
-  }), w0 = p ? L(p, T) : d0, F0 = _ ? L(_, T) : C0, S0 = O ? L(O, T) : R0, N0 = b && S0 ? `${Z}px ${w} ${S0}` : "none", G0 = B0(R, T), I0 = U0(z), k0 = Z0(() => {
+  }), w0 = f ? L(f, T) : d0, F0 = _ ? L(_, T) : C0, S0 = O ? L(O, T) : R0, N0 = b && S0 ? `${Z}px ${w} ${S0}` : "none", G0 = B0(R, T), I0 = U0(z), k0 = Z0(() => {
     if (!i.current || !r.current) return {};
     const r0 = i.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, T0 = window.scrollX || document.documentElement.scrollLeft, q0 = {
       position: "fixed",
@@ -1521,12 +1521,12 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         T0 && f0();
         return;
       }
-      !T0 && !q0 && !H0 ? f.current || (f.current = setTimeout(() => {
+      !T0 && !q0 && !H0 ? p.current || (p.current = setTimeout(() => {
         n0();
-      }, 100)) : (clearTimeout(f.current), f.current = null);
+      }, 100)) : (clearTimeout(p.current), p.current = null);
     };
     return document.addEventListener("pointermove", r0), () => {
-      document.removeEventListener("pointermove", r0), clearTimeout(f.current);
+      document.removeEventListener("pointermove", r0), clearTimeout(p.current);
     };
   }, [n, X, f0, n0]), v0(() => {
     if (n === "hover" && (z1.add(r), P)) {
@@ -1546,7 +1546,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
           const r0 = M1.get(P);
           r0 && (r0.delete(v.current), r0.size === 0 && M1.delete(P));
         }
-        f.current && (clearTimeout(f.current), f.current = null);
+        p.current && (clearTimeout(p.current), p.current = null);
       }
     };
   }, [n, P, f0, n0, y0]), /* @__PURE__ */ t.jsxs(
@@ -1577,10 +1577,10 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
                 r0.stopPropagation(), h && n0();
               },
               onMouseEnter: () => {
-                f.current && (clearTimeout(f.current), f.current = null);
+                p.current && (clearTimeout(p.current), p.current = null);
               },
               onMouseLeave: () => {
-                n !== "click" && (f.current || (f.current = setTimeout(() => {
+                n !== "click" && (p.current || (p.current = setTimeout(() => {
                   n0();
                 }, 100)));
               },
@@ -1681,7 +1681,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   borderColor: d,
   borderType: m = "solid",
   borderWeight: j = 1,
-  shadow: p = "none",
+  shadow: f = "none",
   style: _ = {},
   className: b = "",
   onClick: O,
@@ -1693,7 +1693,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     border: h,
     componentType: "tag",
     fallback: u
-  }), P = g ? L(g, R) : S, V = $ ? L($, R) : N, k = d ? L(d, R) : A, H = h && k ? `${j}px ${m} ${k}` : "none", U = U0(a, R), B = B0(p, R), T = s || (l ? null : c ? W2[c] : null), x = () => l || (T ? typeof T == "string" ? T.startsWith("http") || T.startsWith("/") ? /* @__PURE__ */ t.jsx(
+  }), P = g ? L(g, R) : S, V = $ ? L($, R) : N, k = d ? L(d, R) : A, H = h && k ? `${j}px ${m} ${k}` : "none", U = U0(a, R), B = B0(f, R), T = s || (l ? null : c ? W2[c] : null), x = () => l || (T ? typeof T == "string" ? T.startsWith("http") || T.startsWith("/") ? /* @__PURE__ */ t.jsx(
     "img",
     {
       className: "sud-avatar-img",
@@ -1766,7 +1766,7 @@ w1.Group = ({
   borderWeight: d,
   shadow: m,
   style: j,
-  className: p,
+  className: f,
   zIndexStart: _ = 10,
   gap: b = 0.6,
   "aria-label": O = "아바타 그룹"
@@ -1784,7 +1784,7 @@ w1.Group = ({
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `sud-avatar-group ${p}`,
+      className: `sud-avatar-group ${f}`,
       role: "group",
       "aria-label": O,
       style: {
@@ -1961,7 +1961,7 @@ const Y2 = {
   borderColor: d,
   borderType: m = "solid",
   borderWeight: j = 1,
-  shadow: p = "none",
+  shadow: f = "none",
   size: _ = "sm",
   offsetRatio: b = 0.25,
   label: O = !1,
@@ -1998,7 +1998,7 @@ const Y2 = {
               background: V,
               color: k,
               border: U,
-              boxShadow: B0(p, S),
+              boxShadow: B0(f, S),
               display: "flex",
               justifyContent: "center",
               alignItems: "center",
@@ -2018,7 +2018,7 @@ function X2() {
     (function(o, l) {
       s.exports = l();
     })(G2, function() {
-      var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", g = "minute", $ = "hour", h = "day", d = "week", m = "month", j = "quarter", p = "year", _ = "date", b = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, w = /\[([^\]]+)]|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, Z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
+      var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", g = "minute", $ = "hour", h = "day", d = "week", m = "month", j = "quarter", f = "year", _ = "date", b = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, w = /\[([^\]]+)]|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, Z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
         var T = ["th", "st", "nd", "rd"], x = B % 100;
         return "[" + B + (T[(x - 20) % 10] || T[x] || T[0]) + "]";
       } }, z = function(B, T, x) {
@@ -2034,7 +2034,7 @@ function X2() {
       }, a: function(B) {
         return B < 0 ? Math.ceil(B) || 0 : Math.floor(B);
       }, p: function(B) {
-        return { M: m, y: p, w: d, d: h, D: _, h: $, m: g, s: u, ms: a, Q: j }[B] || String(B || "").toLowerCase().replace(/s$/, "");
+        return { M: m, y: f, w: d, d: h, D: _, h: $, m: g, s: u, ms: a, Q: j }[B] || String(B || "").toLowerCase().replace(/s$/, "");
       }, u: function(B) {
         return B === void 0;
       } }, M = "en", S = {};
@@ -2050,8 +2050,8 @@ function X2() {
           var r = T.split("-");
           if (!i && r.length > 1) return B(r[0]);
         } else {
-          var f = T.name;
-          S[f] = T, i = f;
+          var p = T.name;
+          S[p] = T, i = p;
         }
         return !y && i && (M = i), i || !y && M;
       }, V = function(B, T) {
@@ -2076,8 +2076,8 @@ function X2() {
             if (typeof i == "string" && !/Z$/i.test(i)) {
               var r = i.match(O);
               if (r) {
-                var f = r[2] - 1 || 0, v = (r[7] || "0").substring(0, 3);
-                return C ? new Date(Date.UTC(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v)) : new Date(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v);
+                var p = r[2] - 1 || 0, v = (r[7] || "0").substring(0, 3);
+                return C ? new Date(Date.UTC(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v)) : new Date(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v);
               }
             }
             return new Date(i);
@@ -2103,20 +2103,20 @@ function X2() {
         }, T.valueOf = function() {
           return this.$d.getTime();
         }, T.startOf = function(x, y) {
-          var i = this, C = !!k.u(y) || y, r = k.p(x), f = function(G, X) {
+          var i = this, C = !!k.u(y) || y, r = k.p(x), p = function(G, X) {
             var o0 = k.w(i.$u ? Date.UTC(i.$y, X, G) : new Date(i.$y, X, G), i);
             return C ? o0 : o0.endOf(h);
           }, v = function(G, X) {
             return k.w(i.toDate()[G].apply(i.toDate("s"), (C ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), i);
           }, D = this.$W, Y = this.$M, F = this.$D, W = "set" + (this.$u ? "UTC" : "");
           switch (r) {
-            case p:
-              return C ? f(1, 0) : f(31, 11);
+            case f:
+              return C ? p(1, 0) : p(31, 11);
             case m:
-              return C ? f(1, Y) : f(0, Y + 1);
+              return C ? p(1, Y) : p(0, Y + 1);
             case d:
               var I = this.$locale().weekStart || 0, E = (D < I ? D + 7 : D) - I;
-              return f(C ? F - E : F + (6 - E), Y);
+              return p(C ? F - E : F + (6 - E), Y);
             case h:
             case _:
               return v(W + "Hours", 0);
@@ -2132,11 +2132,11 @@ function X2() {
         }, T.endOf = function(x) {
           return this.startOf(x, !1);
         }, T.$set = function(x, y) {
-          var i, C = k.p(x), r = "set" + (this.$u ? "UTC" : ""), f = (i = {}, i[h] = r + "Date", i[_] = r + "Date", i[m] = r + "Month", i[p] = r + "FullYear", i[$] = r + "Hours", i[g] = r + "Minutes", i[u] = r + "Seconds", i[a] = r + "Milliseconds", i)[C], v = C === h ? this.$D + (y - this.$W) : y;
-          if (C === m || C === p) {
+          var i, C = k.p(x), r = "set" + (this.$u ? "UTC" : ""), p = (i = {}, i[h] = r + "Date", i[_] = r + "Date", i[m] = r + "Month", i[f] = r + "FullYear", i[$] = r + "Hours", i[g] = r + "Minutes", i[u] = r + "Seconds", i[a] = r + "Milliseconds", i)[C], v = C === h ? this.$D + (y - this.$W) : y;
+          if (C === m || C === f) {
             var D = this.clone().set(_, 1);
-            D.$d[f](v), D.init(), this.$d = D.set(_, Math.min(this.$D, D.daysInMonth())).$d;
-          } else f && this.$d[f](v);
+            D.$d[p](v), D.init(), this.$d = D.set(_, Math.min(this.$D, D.daysInMonth())).$d;
+          } else p && this.$d[p](v);
           return this.init(), this;
         }, T.set = function(x, y) {
           return this.clone().$set(x, y);
@@ -2145,14 +2145,14 @@ function X2() {
         }, T.add = function(x, y) {
           var i, C = this;
           x = Number(x);
-          var r = k.p(y), f = function(Y) {
+          var r = k.p(y), p = function(Y) {
             var F = V(C);
             return k.w(F.date(F.date() + Math.round(Y * x)), C);
           };
           if (r === m) return this.set(m, this.$M + x);
-          if (r === p) return this.set(p, this.$y + x);
-          if (r === h) return f(1);
-          if (r === d) return f(7);
+          if (r === f) return this.set(f, this.$y + x);
+          if (r === h) return p(1);
+          if (r === d) return p(7);
           var v = (i = {}, i[g] = l, i[$] = n, i[u] = o, i)[r] || 1, D = this.$d.getTime() + x * v;
           return k.w(D, this);
         }, T.subtract = function(x, y) {
@@ -2160,10 +2160,10 @@ function X2() {
         }, T.format = function(x) {
           var y = this, i = this.$locale();
           if (!this.isValid()) return i.invalidDate || b;
-          var C = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), f = this.$H, v = this.$m, D = this.$M, Y = i.weekdays, F = i.months, W = i.meridiem, I = function(X, o0, f0, n0) {
+          var C = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), p = this.$H, v = this.$m, D = this.$M, Y = i.weekdays, F = i.months, W = i.meridiem, I = function(X, o0, f0, n0) {
             return X && (X[o0] || X(y, C)) || f0[o0].slice(0, n0);
           }, E = function(X) {
-            return k.s(f % 12 || 12, X, "0");
+            return k.s(p % 12 || 12, X, "0");
           }, G = W || function(X, o0, f0) {
             var n0 = X < 12 ? "AM" : "PM";
             return f0 ? n0.toLowerCase() : n0;
@@ -2196,17 +2196,17 @@ function X2() {
                 case "dddd":
                   return Y[y.$W];
                 case "H":
-                  return String(f);
+                  return String(p);
                 case "HH":
-                  return k.s(f, 2, "0");
+                  return k.s(p, 2, "0");
                 case "h":
                   return E(1);
                 case "hh":
                   return E(2);
                 case "a":
-                  return G(f, v, !0);
+                  return G(p, v, !0);
                 case "A":
-                  return G(f, v, !1);
+                  return G(p, v, !1);
                 case "m":
                   return String(v);
                 case "mm":
@@ -2226,11 +2226,11 @@ function X2() {
         }, T.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, T.diff = function(x, y, i) {
-          var C, r = this, f = k.p(y), v = V(x), D = (v.utcOffset() - this.utcOffset()) * l, Y = this - v, F = function() {
+          var C, r = this, p = k.p(y), v = V(x), D = (v.utcOffset() - this.utcOffset()) * l, Y = this - v, F = function() {
             return k.m(r, v);
           };
-          switch (f) {
-            case p:
+          switch (p) {
+            case f:
               C = F() / 12;
               break;
             case m:
@@ -2278,7 +2278,7 @@ function X2() {
           return this.$d.toUTCString();
         }, B;
       }(), U = H.prototype;
-      return V.prototype = U, [["$ms", a], ["$s", u], ["$m", g], ["$H", $], ["$W", h], ["$M", m], ["$y", p], ["$D", _]].forEach(function(B) {
+      return V.prototype = U, [["$ms", a], ["$s", u], ["$m", g], ["$H", $], ["$W", h], ["$M", m], ["$y", f], ["$D", _]].forEach(function(B) {
         U[B[1]] = function(T) {
           return this.$g(T, B[0], B[1]);
         };
@@ -2405,14 +2405,14 @@ function Q2() {
           case Z:
             return (r._context.displayName || "Context") + ".Consumer";
           case R:
-            var f = r.render;
-            return r = r.displayName, r || (r = f.displayName || f.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+            var p = r.render;
+            return r = r.displayName, r || (r = p.displayName || p.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case N:
-            return f = r.displayName || null, f !== null ? f : s(r.type) || "Memo";
+            return p = r.displayName || null, p !== null ? p : s(r.type) || "Memo";
           case A:
-            f = r._payload, r = r._init;
+            p = r._payload, r = r._init;
             try {
-              return s(r(f));
+              return s(r(p));
             } catch {
             }
         }
@@ -2424,15 +2424,15 @@ function Q2() {
     function o(r) {
       try {
         c(r);
-        var f = !1;
+        var p = !1;
       } catch {
-        f = !0;
+        p = !0;
       }
-      if (f) {
-        f = console;
-        var v = f.error, D = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (p) {
+        p = console;
+        var v = p.error, D = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return v.call(
-          f,
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           D
         ), c(r);
@@ -2443,8 +2443,8 @@ function Q2() {
       if (typeof r == "object" && r !== null && r.$$typeof === A)
         return "<...>";
       try {
-        var f = s(r);
-        return f ? "<" + f + ">" : "<...>";
+        var p = s(r);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -2458,16 +2458,16 @@ function Q2() {
     }
     function u(r) {
       if (H.call(r, "key")) {
-        var f = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (f && f.isReactWarning) return !1;
+        var p = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function g(r, f) {
+    function g(r, p) {
       function v() {
         T || (T = !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)",
-          f
+          p
         ));
       }
       v.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -2481,11 +2481,11 @@ function Q2() {
         "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 h(r, f, v, D, Y, F, W, I) {
+    function h(r, p, v, D, Y, F, W, I) {
       return v = F.ref, r = {
-        $$typeof: p,
+        $$typeof: f,
         type: r,
-        key: f,
+        key: p,
         props: F,
         _owner: Y
       }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(r, "ref", {
@@ -2513,8 +2513,8 @@ function Q2() {
         value: I
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function d(r, f, v, D, Y, F, W, I) {
-      var E = f.children;
+    function d(r, p, v, D, Y, F, W, I) {
+      var E = p.children;
       if (E !== void 0)
         if (D)
           if (U(E)) {
@@ -2526,9 +2526,9 @@ function Q2() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else m(E);
-      if (H.call(f, "key")) {
+      if (H.call(p, "key")) {
         E = s(r);
-        var G = Object.keys(f).filter(function(o0) {
+        var G = Object.keys(p).filter(function(o0) {
           return o0 !== "key";
         });
         D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", C[E + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -2544,11 +2544,11 @@ React keys must be passed directly to JSX without using spread:
           E
         ), C[E + D] = !0);
       }
-      if (E = null, v !== void 0 && (o(v), E = "" + v), u(f) && (o(f.key), E = "" + f.key), "key" in f) {
+      if (E = null, v !== void 0 && (o(v), E = "" + v), u(p) && (o(p.key), E = "" + p.key), "key" in p) {
         v = {};
-        for (var X in f)
-          X !== "key" && (v[X] = f[X]);
-      } else v = f;
+        for (var X in p)
+          X !== "key" && (v[X] = p[X]);
+      } else v = p;
       return E && g(
         v,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
@@ -2564,9 +2564,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function m(r) {
-      typeof r == "object" && r !== null && r.$$typeof === p && r._store && (r._store.validated = 1);
+      typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
     }
-    var j = D0, p = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var j = D0, f = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -2578,11 +2578,11 @@ React keys must be passed directly to JSX without using spread:
       j,
       a
     )(), i = B(l(a)), C = {};
-    $1.Fragment = b, $1.jsx = function(r, f, v, D, Y) {
+    $1.Fragment = b, $1.jsx = function(r, p, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
         r,
-        f,
+        p,
         v,
         !1,
         D,
@@ -2590,11 +2590,11 @@ React keys must be passed directly to JSX without using spread:
         F ? Error("react-stack-top-frame") : y,
         F ? B(l(r)) : i
       );
-    }, $1.jsxs = function(r, f, v, D, Y) {
+    }, $1.jsxs = function(r, p, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
         r,
-        f,
+        p,
         v,
         !0,
         D,
@@ -5798,7 +5798,7 @@ const m1 = ({
   icon: d,
   iconPosition: m = d ? "left" : "",
   shape: j = "rounded",
-  shadow: p = "none",
+  shadow: f = "none",
   border: _ = !0,
   size: b = "sm",
   // 기본값 sm
@@ -5809,7 +5809,7 @@ const m1 = ({
     border: _,
     fallback: c,
     componentType: "tag"
-  }), S = o ? L(o, Z) : z, N = l ? L(l, Z) : R, A = n ? L(n, Z) : M, P = _ && A ? `${u}px ${a} ${A}` : "none", V = U0(j, Z), k = B0(p, Z), H = {
+  }), S = o ? L(o, Z) : z, N = l ? L(l, Z) : R, A = n ? L(n, Z) : M, P = _ && A ? `${u}px ${a} ${A}` : "none", V = U0(j, Z), k = B0(f, Z), H = {
     sm: Z.typography.fontSize.sm,
     md: Z.typography.fontSize.base,
     lg: Z.typography.fontSize.lg
@@ -5888,7 +5888,7 @@ const m1 = ({
   value: m,
   onChange: j = () => {
   },
-  shape: p = "rounded",
+  shape: f = "rounded",
   shadow: _ = "sm",
   size: b = "md",
   id: O,
@@ -5912,7 +5912,7 @@ const m1 = ({
   ariaDescribedby: i,
   ...C
 }) => {
-  const r = g0(), [f, v] = q(!1), [D, Y] = q(""), [F, W] = q(null), [I, E] = q(-1), [G, X] = q(!1), [o0, f0] = q({
+  const r = g0(), [p, v] = q(!1), [D, Y] = q(""), [F, W] = q(null), [I, E] = q(-1), [G, X] = q(!1), [o0, f0] = q({
     top: 0,
     left: 0
   }), n0 = h0(null), y0 = h0(null), K = h0(null), J = h0([]), d0 = U.filter(
@@ -5948,10 +5948,10 @@ const m1 = ({
     (Q) => {
       var $0, V0, E0, X0;
       if (Q.key.length === 1 && !Q.ctrlKey && !Q.altKey && !Q.metaKey) {
-        f || v(!0), ($0 = y0.current) == null || $0.focus();
+        p || v(!0), ($0 = y0.current) == null || $0.focus();
         return;
       }
-      if (!f && (Q.key === "Enter" || Q.key === "ArrowDown")) {
+      if (!p && (Q.key === "Enter" || Q.key === "ArrowDown")) {
         Q.preventDefault(), v(!0), E(0), (V0 = y0.current) == null || V0.focus();
         return;
       }
@@ -5988,7 +5988,7 @@ const m1 = ({
       }
     },
     [
-      f,
+      p,
       I,
       d0,
       D,
@@ -6006,21 +6006,21 @@ const m1 = ({
     });
   }, []);
   l1(() => {
-    f && N0();
-  }, [f, N0]), v0(() => {
-    if (!f) return;
+    p && N0();
+  }, [p, N0]), v0(() => {
+    if (!p) return;
     const Q = () => {
       N0();
     };
     return window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), () => {
       window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
     };
-  }, [f, N0]), l1(() => {
+  }, [p, N0]), l1(() => {
     n0.current && W(n0.current.offsetWidth);
-  }, [f]), v0(() => (document.addEventListener("mousedown", R0), document.addEventListener("keydown", w0), () => {
+  }, [p]), v0(() => (document.addEventListener("mousedown", R0), document.addEventListener("keydown", w0), () => {
     document.removeEventListener("mousedown", R0), document.removeEventListener("keydown", w0);
   }), [R0, w0]), v0(() => {
-    if (f && C0 && !D) {
+    if (p && C0 && !D) {
       const Q = d0.findIndex(
         ($0) => $0.value === (k ? m[0] : m)
       );
@@ -6028,7 +6028,7 @@ const m1 = ({
         block: "center"
       }), E(Q));
     }
-  }, [f]);
+  }, [p]);
   const G0 = () => {
     var Q;
     j(k ? [] : null), Y(""), (Q = y0.current) == null || Q.focus();
@@ -6036,7 +6036,7 @@ const m1 = ({
     border: o,
     fallback: M ? "error" : G ? "focus" : "default",
     componentType: "input"
-  }), r0 = s ? L(s, r) : I0, M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, T0 = o && _0 ? `${a}px ${n} ${_0}` : "none", q0 = U0(p, r), H0 = B0(_, r), P0 = {
+  }), r0 = s ? L(s, r) : I0, M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, T0 = o && _0 ? `${a}px ${n} ${_0}` : "none", q0 = U0(f, r), H0 = B0(_, r), P0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6078,7 +6078,7 @@ const m1 = ({
           {
             className: c0(N ? "" : "sud-hover", h),
             role: "combobox",
-            "aria-expanded": f,
+            "aria-expanded": p,
             "aria-haspopup": "listbox",
             "aria-label": T || z,
             "aria-required": x,
@@ -6106,7 +6106,7 @@ const m1 = ({
             },
             onClick: () => {
               var Q;
-              !N && !A && (v(!f), (Q = y0.current) == null || Q.focus());
+              !N && !A && (v(!p), (Q = y0.current) == null || Q.focus());
             },
             onFocus: () => X(!0),
             onBlur: () => X(!1),
@@ -6156,7 +6156,7 @@ const m1 = ({
                           {
                             ref: y0,
                             className: "sud-select__input",
-                            value: f ? D : "",
+                            value: p ? D : "",
                             onChange: (Q) => Y(Q.target.value),
                             disabled: N,
                             placeholder: Array.isArray(m) && m.length === 0 ? B : "",
@@ -6181,7 +6181,7 @@ const m1 = ({
                     {
                       ref: y0,
                       className: "sud-select__input",
-                      value: f ? D : (C0 == null ? void 0 : C0.label) || "",
+                      value: p ? D : (C0 == null ? void 0 : C0.label) || "",
                       onChange: (Q) => Y(Q.target.value),
                       disabled: N,
                       readOnly: !V,
@@ -6244,7 +6244,7 @@ const m1 = ({
             ]
           }
         ),
-        f && p1(
+        p && p1(
           /* @__PURE__ */ t.jsx(
             "div",
             {
@@ -6368,7 +6368,7 @@ const m1 = ({
   borderColor: d,
   borderType: m,
   borderWeight: j,
-  shadow: p,
+  shadow: f,
   shape: _ = "rounded",
   style: b = {},
   className: O = "",
@@ -6378,7 +6378,7 @@ const m1 = ({
   const z = g0(), R = (k) => typeof k == "object" ? k.value : k, M = (k) => typeof k == "object" ? k.label : k, S = (k) => typeof k == "object" && k.disabled, { bgColor: N } = i0({
     fallback: "hovered",
     componentType: "etc"
-  }), A = U0(_, z), P = B0(p, z), V = (k, H) => {
+  }), A = U0(_, z), P = B0(f, z), V = (k, H) => {
     (k.key === "Enter" || k.key === " ") && (k.preventDefault(), l || o == null || o(H));
   };
   return /* @__PURE__ */ t.jsx(
@@ -6444,7 +6444,7 @@ const m1 = ({
   size: d = "base",
   weight: m = "normal",
   as: j = "span",
-  color: p = "neutral-8",
+  color: f = "neutral-8",
   ..._
 }) => {
   const b = s ? g1(s, { size: o }) : null;
@@ -6476,7 +6476,7 @@ const m1 = ({
             fontFamily: h,
             size: d,
             weight: m,
-            color: p,
+            color: f,
             as: j,
             children: a
           }
@@ -6498,7 +6498,7 @@ const m1 = ({
   borderWeight: d = 1,
   shape: m = "rounded",
   shadow: j = "sm",
-  width: p,
+  width: f,
   height: _,
   thumbHeight: b,
   className: O = "",
@@ -6522,7 +6522,7 @@ const m1 = ({
       style: {
         display: "flex",
         flexDirection: "column",
-        width: p || "fit-content",
+        width: f || "fit-content",
         height: _ || "fit-content",
         background: H,
         color: U,
@@ -6685,7 +6685,7 @@ const m1 = ({
   colorType: d = "sky",
   background: m,
   hoverBackground: j,
-  color: p,
+  color: f,
   border: _ = !0,
   borderColor: b,
   borderType: O = "solid",
@@ -6715,21 +6715,21 @@ const m1 = ({
       x0.disconnect();
     };
   }, [A]);
-  const [i, C] = q(k9[x]), [r, f] = q(a0(s || /* @__PURE__ */ new Date())), [v, D] = q(
+  const [i, C] = q(k9[x]), [r, p] = q(a0(s || /* @__PURE__ */ new Date())), [v, D] = q(
     S ? a0(S) : null
   ), [Y, F] = q(N ? a0(N) : null), [W, I] = q(null), [E, G] = q(a0(s || /* @__PURE__ */ new Date())), [X, o0] = q(l), [f0, n0] = q(!1), [y0, K] = q(r.year()), [J, d0] = q(r.month()), [C0, R0] = q(r.date()), [w0, F0] = q(!1), S0 = () => {
     F0(!0), setTimeout(() => F0(!1), 150);
   }, N0 = (e0, x0, O0) => {
     const p0 = a0(new Date(e0, x0, O0));
-    K(e0), d0(x0), R0(O0), f(p0), G(p0);
+    K(e0), d0(x0), R0(O0), p(p0), G(p0);
   }, G0 = a0().year(), I0 = Array.from({ length: 201 }, (e0, x0) => G0 - 100 + x0), k0 = Array.from({ length: 12 }, (e0, x0) => x0), A0 = r.daysInMonth(), r0 = Array.from({ length: A0 }, (e0, x0) => x0 + 1);
   v0(() => {
-    s && (G(a0(s)), f(a0(s)));
+    s && (G(a0(s)), p(a0(s)));
   }, [s]), v0(() => {
     S && D(a0(S)), N && F(a0(N));
   }, [S, N]);
   const M0 = (e0, x0) => !e0 || !x0 ? !1 : a0(e0).isSame(a0(x0), "day"), _0 = (e0) => {
-    S0(), o0(e0), e0 === "daily" && f(E);
+    S0(), o0(e0), e0 === "daily" && p(E);
   }, T0 = z0(() => {
     const e0 = [], x0 = a0(r), O0 = x0.startOf("month"), p0 = O0.day(), j1 = O0.subtract(1, "day").date(), c1 = x0.daysInMonth(), x1 = 42;
     for (let t1 = 0; t1 < x1; t1++) {
@@ -6751,10 +6751,10 @@ const m1 = ({
     border: _,
     fallback: d,
     componentType: "tag"
-  }), J0 = m ? L(m, k) : q0, Q = L(j || "neutral-2", k), $0 = p ? L(p, k) : H0, V0 = b ? L(b, k) : P0, E0 = _ && V0 ? `${w}px ${O} ${V0}` : "none", X0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", Q0 = (e0) => {
+  }), J0 = m ? L(m, k) : q0, Q = L(j || "neutral-2", k), $0 = f ? L(f, k) : H0, V0 = b ? L(b, k) : P0, E0 = _ && V0 ? `${w}px ${O} ${V0}` : "none", X0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", Q0 = (e0) => {
     if (X === "year") {
       const O0 = a0(e0).startOf("month");
-      f(O0), o0("month");
+      p(O0), o0("month");
       return;
     }
     const x0 = a0(e0);
@@ -6767,9 +6767,9 @@ const m1 = ({
       D(O0), F(p0), c({ startDate: O0.toDate(), endDate: p0.toDate() });
     }
   }, e1 = () => {
-    S0(), f(X === "daily" ? r.subtract(1, "day") : X === "month" ? r.subtract(1, "month").startOf("month") : r.subtract(1, "year").startOf("month"));
+    S0(), p(X === "daily" ? r.subtract(1, "day") : X === "month" ? r.subtract(1, "month").startOf("month") : r.subtract(1, "year").startOf("month"));
   }, _2 = () => {
-    S0(), f(X === "daily" ? r.add(1, "day") : X === "month" ? r.add(1, "month").startOf("month") : r.add(1, "year").startOf("month"));
+    S0(), p(X === "daily" ? r.add(1, "day") : X === "month" ? r.add(1, "month").startOf("month") : r.add(1, "year").startOf("month"));
   }, z2 = (e0, x0) => {
     (e0.key === "Enter" || e0.key === " ") && (e0.preventDefault(), Q0(x0));
   }, Q1 = (e0, x0 = !1) => x0 ? e0.length === 0 ? null : e0.length === 1 ? /* @__PURE__ */ t.jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t.jsx(
@@ -7279,7 +7279,7 @@ const m1 = ({
   style: d,
   navBtn: m = !0,
   leftBtnIcon: j = /* @__PURE__ */ t.jsx(b2, { size: 30 }),
-  rightBtnIcon: p = /* @__PURE__ */ t.jsx(K1, { size: 30 }),
+  rightBtnIcon: f = /* @__PURE__ */ t.jsx(K1, { size: 30 }),
   effectType: _ = "fade",
   // "overlap" | "fade" | "slide" | "scale" | "stack"
   drag: b = !0,
@@ -7358,14 +7358,14 @@ const m1 = ({
     const C = Math.floor(i / 2) || 1;
     let r = (x - w + y) % y;
     r > y / 2 && (r -= y);
-    const f = Math.abs(r);
-    if (f > C)
+    const p = Math.abs(r);
+    if (p > C)
       return {
         opacity: 0,
         transform: "scale(0)",
         zIndex: 0
       };
-    const v = P * 1.2, D = r * (v / C), Y = 1 - a * (f / C), F = 1 - u * (f / C), W = i - f;
+    const v = P * 1.2, D = r * (v / C), Y = 1 - a * (p / C), F = 1 - u * (p / C), W = i - p;
     switch (_) {
       case "fade":
         return {
@@ -7498,7 +7498,7 @@ const m1 = ({
           Y0,
           {
             className: "sud-carousel__btn sud-carousel__btn--right",
-            icon: p,
+            icon: f,
             onClick: k,
             colorType: "text",
             style: {
@@ -7528,7 +7528,7 @@ const m1 = ({
   headerColor: d,
   contentColorType: m = "default",
   contentBackground: j,
-  contentColor: p,
+  contentColor: f,
   shadow: _ = "sm",
   disabledKeys: b = [],
   className: O = "",
@@ -7550,7 +7550,7 @@ const m1 = ({
   }), { bgColor: U, txtColor: B } = i0({
     border: !1,
     fallback: m
-  }), T = h ? L(h, M) : V, x = d ? L(d, M) : H, y = a ? L(a, M) : k, i = j ? L(j, M) : U, C = p ? L(p, M) : B, r = n && y ? `${g}px ${u} ${y}` : "none", { bgColor: f, txtColor: v } = i0({
+  }), T = h ? L(h, M) : V, x = d ? L(d, M) : H, y = a ? L(a, M) : k, i = j ? L(j, M) : U, C = f ? L(f, M) : B, r = n && y ? `${g}px ${u} ${y}` : "none", { bgColor: p, txtColor: v } = i0({
     border: !1,
     fallback: "disabled"
   }), D = B0(_, M), Y = U0(Z, M), F = M.spacing[w] || M.spacing.md, W = M.typography.fontSize[w === "md" ? "base" : w] || M.typography.fontSize.base;
@@ -7592,7 +7592,7 @@ const m1 = ({
                     padding: F,
                     cursor: X ? "not-allowed" : "pointer",
                     height: W.lineHeight,
-                    background: X ? f : T,
+                    background: X ? p : T,
                     color: X ? v : x,
                     transition: "background 0.3s ease"
                   },
@@ -7665,7 +7665,7 @@ const m1 = ({
   border: d = !0,
   borderColor: m,
   borderType: j = "solid",
-  borderWeight: p = 1,
+  borderWeight: f = 1,
   shape: _ = "rounded",
   shadow: b = "sm",
   width: O = 300,
@@ -7839,7 +7839,7 @@ const m1 = ({
           border: d,
           borderColor: m,
           borderType: j,
-          borderWeight: p,
+          borderWeight: f,
           shadow: b,
           width: O,
           height: w,
@@ -7904,7 +7904,7 @@ const m1 = ({
   ratio: d,
   shape: m = "square",
   shadow: j = "",
-  borderColor: p,
+  borderColor: f,
   borderType: _ = "solid",
   borderWeight: b = "1",
   ...O
@@ -7929,9 +7929,9 @@ const m1 = ({
     display: "inline-block",
     width: typeof o == "number" ? `${o}px` : o || "100%",
     height: l || (d && o && typeof o == "number" ? `${o * M}px` : void 0),
-    borderStyle: p ? _ : void 0,
-    borderWidth: p ? `${b}px` : void 0,
-    borderColor: p ? L(p, w) : void 0,
+    borderStyle: f ? _ : void 0,
+    borderWidth: f ? `${b}px` : void 0,
+    borderColor: f ? L(f, w) : void 0,
     boxShadow: S,
     overflow: "hidden",
     ...N,
@@ -8045,7 +8045,7 @@ const m1 = ({
   borderColor: d,
   borderType: m = "solid",
   borderWeight: j = 1,
-  shape: p = "rounded",
+  shape: f = "rounded",
   shadow: _ = "lg",
   width: b = 480,
   height: O,
@@ -8097,7 +8097,7 @@ const m1 = ({
           borderType: m,
           borderWeight: j,
           shadow: _,
-          shape: p,
+          shape: f,
           width: b,
           height: O,
           className: w,
@@ -8137,7 +8137,7 @@ const m1 = ({
   // 스타일 관련 props
   divider: m = !1,
   background: j,
-  color: p,
+  color: f,
   border: _ = !0,
   borderColor: b,
   borderType: O,
@@ -8159,7 +8159,7 @@ const m1 = ({
     disabled: $,
     className: `sud-popover ${h}`,
     background: j,
-    color: p,
+    color: f,
     borderColor: b,
     borderType: O,
     borderWeight: w,
@@ -8194,13 +8194,13 @@ const m1 = ({
   borderColor: d = { active: void 0, inactive: void 0 },
   borderType: m = "solid",
   borderWeight: j = 1,
-  style: p = {},
+  style: f = {},
   className: _ = "",
   disabledKeys: b = [],
   align: O = "left",
   ...w
 }) => {
-  var f;
+  var p;
   const Z = g0(), z = l ? l.map((v) => ({
     key: v.key,
     label: v.label,
@@ -8209,7 +8209,7 @@ const m1 = ({
     key: v.props.tabKey || `tab-${D}`,
     label: v.props.label,
     content: v.props.children
-  })), R = (f = z[0]) == null ? void 0 : f.key, [M, S] = q(c ?? R), N = s ?? M, A = s !== void 0, P = h0([]), V = {
+  })), R = (p = z[0]) == null ? void 0 : p.key, [M, S] = q(c ?? R), N = s ?? M, A = s !== void 0, P = h0([]), V = {
     xs: {
       padding: Z.spacing.xs,
       fontSize: Z.typography.fontSize.xs
@@ -8305,7 +8305,7 @@ const m1 = ({
     "div",
     {
       className: c0("sud-tabs", _),
-      style: { width: "100%", ...p },
+      style: { width: "100%", ...f },
       role: "tablist",
       ...w,
       children: [
@@ -8412,7 +8412,7 @@ const a4 = ({
   background: d,
   color: m,
   border: j,
-  borderColor: p,
+  borderColor: f,
   borderType: _,
   borderWeight: b,
   shape: O,
@@ -8433,7 +8433,7 @@ const a4 = ({
     className: `tooltip ${h}`,
     background: d,
     color: m,
-    borderColor: p,
+    borderColor: f,
     borderType: _,
     borderWeight: b,
     shape: O,
@@ -8464,7 +8464,7 @@ const a4 = ({
   align: d = "left",
   ...m
 }) => {
-  const j = g0(), [p, _] = D0.useState(s), b = Math.ceil(c / o), O = (M) => {
+  const j = g0(), [f, _] = D0.useState(s), b = Math.ceil(c / o), O = (M) => {
     _(M), l == null || l(M);
   }, w = () => {
     switch (d) {
@@ -8479,23 +8479,23 @@ const a4 = ({
     if (b <= u)
       return Array.from({ length: b }, (S, N) => N + 1);
     const M = [];
-    if (p <= Math.ceil(u / 2)) {
+    if (f <= Math.ceil(u / 2)) {
       for (let S = 1; S <= u; S++)
         M.push(S);
       u < b && M.push("...");
-    } else if (p > b - Math.floor(u / 2)) {
+    } else if (f > b - Math.floor(u / 2)) {
       M.push("...");
       for (let S = b - u + 1; S <= b; S++)
         M.push(S);
     } else {
       M.push("...");
       const S = Math.floor(u / 2);
-      for (let N = p - S; N <= p + S; N++)
+      for (let N = f - S; N <= f + S; N++)
         M.push(N);
       M.push("...");
     }
     return M;
-  }, [p, b, u]), z = (M, S) => {
+  }, [f, b, u]), z = (M, S) => {
     if (M === "...")
       return d1(
         "span",
@@ -8509,11 +8509,11 @@ const a4 = ({
         },
         "..."
       );
-    const N = M === p, A = N ? g : $;
+    const N = M === f, A = N ? g : $;
     return d1(Y0, {
       key: `page-${M}`,
       onClick: () => {
-        M !== p && O(M);
+        M !== f && O(M);
       },
       className: c0(
         "sud-pagination__item",
@@ -8553,70 +8553,70 @@ const a4 = ({
       a && d1("div", {
         key: "first",
         className: "sud-pagination__nav sud-pagination__nav--first",
-        onClick: p === 1 ? void 0 : () => O(1),
+        onClick: f === 1 ? void 0 : () => O(1),
         style: {
           ...R,
-          cursor: p === 1 ? "not-allowed" : "pointer",
-          color: L(p === 1 ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === 1 ? "not-allowed" : "pointer",
+          color: L(f === 1 ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: p === 1 ? "transparent" : L("cool-gray-1", j)
+            background: f === 1 ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "첫 페이지로 이동",
-        "aria-disabled": p === 1,
+        "aria-disabled": f === 1,
         children: /* @__PURE__ */ t.jsx(g9, { size: "12" })
       }),
       n && d1("div", {
         key: "prev",
         className: "sud-pagination__nav sud-pagination__nav--prev",
-        onClick: p === 1 ? void 0 : () => O(p - 1),
+        onClick: f === 1 ? void 0 : () => O(f - 1),
         style: {
           ...R,
-          cursor: p === 1 ? "not-allowed" : "pointer",
-          color: L(p === 1 ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === 1 ? "not-allowed" : "pointer",
+          color: L(f === 1 ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: p === 1 ? "transparent" : L("cool-gray-1", j)
+            background: f === 1 ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "이전 페이지로 이동",
-        "aria-disabled": p === 1,
+        "aria-disabled": f === 1,
         children: /* @__PURE__ */ t.jsx(b2, { size: "12" })
       }),
       ...Z.map((M, S) => z(M, S)),
       n && d1("div", {
         key: "next",
         className: "sud-pagination__nav sud-pagination__nav--next",
-        onClick: p === b ? void 0 : () => O(p + 1),
+        onClick: f === b ? void 0 : () => O(f + 1),
         style: {
           ...R,
-          cursor: p === b ? "not-allowed" : "pointer",
-          color: L(p === b ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === b ? "not-allowed" : "pointer",
+          color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: p === b ? "transparent" : L("cool-gray-1", j)
+            background: f === b ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "다음 페이지로 이동",
-        "aria-disabled": p === b,
+        "aria-disabled": f === b,
         children: /* @__PURE__ */ t.jsx(K1, { size: "12" })
       }),
       a && d1("div", {
         key: "last",
         className: "sud-pagination__nav sud-pagination__nav--last",
-        onClick: p === b ? void 0 : () => O(b),
+        onClick: f === b ? void 0 : () => O(b),
         style: {
           ...R,
-          cursor: p === b ? "not-allowed" : "pointer",
-          color: L(p === b ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === b ? "not-allowed" : "pointer",
+          color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: p === b ? "transparent" : L("cool-gray-1", j)
+            background: f === b ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "마지막 페이지로 이동",
-        "aria-disabled": p === b,
+        "aria-disabled": f === b,
         children: /* @__PURE__ */ t.jsx(m9, { size: "12" })
       })
     ]
@@ -8636,7 +8636,7 @@ const a4 = ({
     _1(u, 30),
     _1(u, 60),
     _1(u, 90)
-  ], $ = 2, h = (d, m, j, p, _ = "0s") => /* @__PURE__ */ t.jsx(
+  ], $ = 2, h = (d, m, j, f, _ = "0s") => /* @__PURE__ */ t.jsx(
     "g",
     {
       style: {
@@ -8649,7 +8649,7 @@ const a4 = ({
           cx: d,
           cy: m,
           r: $,
-          fill: p,
+          fill: f,
           style: {
             transformOrigin: `${d}px ${m}px`,
             animation: `pulse 1.2s ${_} ease-in-out infinite`
@@ -8735,7 +8735,7 @@ const a4 = ({
   virtualScroll: d = !1,
   itemHeight: m = 40,
   overscanCount: j = 5,
-  ...p
+  ...f
 }) => {
   const [_, b] = q(1), [O, w] = q(0), Z = h0(null), [z, R] = q(0), M = h0(/* @__PURE__ */ new Map());
   v0(() => {
@@ -8761,10 +8761,10 @@ const a4 = ({
         totalHeight: 0
       };
     let y = 0, i = 0, C = 0, r = !1;
-    for (let f = 0; f < s.length; f++) {
-      const v = M.current.get(f) || v || 40;
-      if (!r && y + v > O && (i = Math.max(0, f - j), r = !0), r && y > O + z) {
-        C = Math.min(s.length, f + j);
+    for (let p = 0; p < s.length; p++) {
+      const v = M.current.get(p) || v || 40;
+      if (!r && y + v > O && (i = Math.max(0, p - j), r = !0), r && y > O + z) {
+        C = Math.min(s.length, p + j);
         break;
       }
       y += v;
@@ -8811,16 +8811,16 @@ const a4 = ({
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          ref: (f) => S(r, f),
+          ref: (p) => S(r, p),
           style: {
             ...d && {
               position: "absolute",
               width: "100%",
               top: (() => {
-                let f = 0;
+                let p = 0;
                 for (let v = 0; v < r; v++)
-                  f += M.current.get(v) || m || 40;
-                return f;
+                  p += M.current.get(v) || m || 40;
+                return p;
               })()
             }
           },
@@ -8867,7 +8867,7 @@ const a4 = ({
       },
       role: "list",
       "aria-label": "데이터 목록",
-      ...p,
+      ...f,
       children: n ? /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -8995,8 +8995,8 @@ const a4 = ({
     }, []);
     const g = Z0((d, m = "left", j) => {
       if (!d) return null;
-      const p = { color: j, textAlign: m };
-      return Array.isArray(d) ? /* @__PURE__ */ t.jsx("div", { style: p, children: d.map(
+      const f = { color: j, textAlign: m };
+      return Array.isArray(d) ? /* @__PURE__ */ t.jsx("div", { style: f, children: d.map(
         (_, b) => typeof _ == "string" ? /* @__PURE__ */ t.jsx(
           t0,
           {
@@ -9014,7 +9014,7 @@ const a4 = ({
           },
           b
         )
-      ) }) : /* @__PURE__ */ t.jsx("div", { style: p, children: typeof d == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", color: j, children: d }) : d });
+      ) }) : /* @__PURE__ */ t.jsx("div", { style: f, children: typeof d == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", color: j, children: d }) : d });
     }, []), $ = z0(() => 20, []), h = z0(() => 2, []);
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -9031,11 +9031,11 @@ const a4 = ({
         },
         ...n,
         children: s.map((d, m) => {
-          const j = !!d.label, p = !!d.content;
+          const j = !!d.label, f = !!d.content;
           let _ = null, b = null, O = "center";
-          if (j && p)
+          if (j && f)
             c === "alternate" ? m % 2 === 0 ? (_ = d.label, b = d.content) : (_ = d.content, b = d.label) : c === "left" ? (_ = d.label, b = d.content) : c === "right" && (_ = d.content, b = d.label);
-          else if (p && !j)
+          else if (f && !j)
             u ? c === "alternate" ? m % 2 === 0 ? (_ = null, b = d.content) : (_ = d.content, b = null) : c === "left" ? (_ = null, b = d.content) : c === "right" && (_ = d.content, b = null) : c === "left" ? (O = "left", b = d.content) : c === "right" ? (O = "right", _ = d.content) : c === "alternate" && (O = "center", m % 2 === 0 ? (_ = null, b = d.content) : (_ = d.content, b = null));
           else
             return null;
@@ -9080,7 +9080,7 @@ const w2 = D0.memo(
     dotSize: d,
     tailWidth: m,
     renderContent: j,
-    delay: p = 0
+    delay: f = 0
   }) => {
     var H, U;
     const _ = g0(), b = L(c, _), { txtColor: O, borColor: w } = i0({
@@ -9132,9 +9132,9 @@ const w2 = D0.memo(
       [d]
     ), P = z0(
       () => ({
-        animationDelay: `${p}ms`
+        animationDelay: `${f}ms`
       }),
-      [p]
+      [f]
     ), k = D0.isValidElement(s) ? D0.cloneElement(s, {
       size: ((H = s.props) == null ? void 0 : H.size) || d,
       color: ((U = s.props) == null ? void 0 : U.color) || b
@@ -9313,7 +9313,7 @@ const d4 = ({
   borderWeight: d = 1,
   className: m = "",
   headerClassName: j = "",
-  bodyClassName: p = "",
+  bodyClassName: f = "",
   width: _ = "100%",
   height: b = "auto",
   style: O = {},
@@ -9341,7 +9341,7 @@ const d4 = ({
       lg: { padding: "16px 20px", fontSize: 16 }
     }),
     []
-  ), i = y[l] || y.md, C = U0(a, M), r = B0(u, M), f = i.padding, v = Z0(
+  ), i = y[l] || y.md, C = U0(a, M), r = B0(u, M), p = i.padding, v = Z0(
     (K, J) => typeof o == "function" ? o(K) : K[o] ?? J,
     [o]
   ), D = z0(() => {
@@ -9480,7 +9480,7 @@ const d4 = ({
                           borderLeft: J === 0 ? "none" : x,
                           borderRight: J === s.length - 1 ? "none" : x,
                           fontSize: i.fontSize,
-                          padding: f,
+                          padding: p,
                           cursor: K.sorter ? "pointer" : "default"
                         },
                         role: "columnheader",
@@ -9550,7 +9550,7 @@ const d4 = ({
           "div",
           {
             ref: E,
-            className: c0("sud-table__body", p),
+            className: c0("sud-table__body", f),
             style: { maxHeight: b, overflow: "auto", ...f0 },
             role: "presentation",
             tabIndex: 0,
@@ -9619,7 +9619,7 @@ const d4 = ({
                                 borderLeft: N0 === 0 ? "none" : F0,
                                 borderRight: N0 === s.length - 1 ? "none" : F0,
                                 fontSize: i.fontSize,
-                                padding: f
+                                padding: p
                               },
                               role: "cell",
                               "aria-label": `${S0.title}: ${I0}`,
@@ -9677,7 +9677,7 @@ function Y1({
   ariaLabel: d,
   ariaRequired: m,
   ariaInvalid: j,
-  ariaDescribedby: p
+  ariaDescribedby: f
 }) {
   const _ = g0(), { bgColor: b } = i0({
     border: !1,
@@ -9712,7 +9712,7 @@ function Y1({
       "aria-label": d,
       "aria-required": m,
       "aria-invalid": j,
-      "aria-describedby": p,
+      "aria-describedby": f,
       "aria-disabled": u,
       children: [
         /* @__PURE__ */ t.jsx(
@@ -9772,7 +9772,7 @@ Y1.Group = function({
   color: d,
   colorType: m = "primary",
   labelPosition: j = "right",
-  ariaLabel: p,
+  ariaLabel: f,
   ariaRequired: _,
   name: b,
   role: O = "checkboxgroup",
@@ -9801,7 +9801,7 @@ Y1.Group = function({
       className: c0("sud-checkbox-group", w),
       style: M,
       role: O,
-      "aria-label": p,
+      "aria-label": f,
       "aria-required": _,
       children: c.map(({ value: S, label: N, disabled: A }) => /* @__PURE__ */ t.jsx(
         Y1,
@@ -9836,7 +9836,7 @@ const a1 = ({
   suffix: d,
   className: m = "",
   style: j = {},
-  disabled: p = !1,
+  disabled: f = !1,
   readOnly: _ = !1,
   autoFocus: b = !1,
   password: O = !1,
@@ -9861,7 +9861,7 @@ const a1 = ({
   ariaRequired: i,
   ariaInvalid: C,
   ariaDescribedby: r,
-  onClick: f,
+  onClick: p,
   thousandSeparator: v = !1
 }) => {
   const D = g0(), Y = h0(null), [F, W] = q(b), { bgColor: I, txtColor: E, borColor: G } = i0({
@@ -9911,7 +9911,7 @@ const a1 = ({
               marginBottom: 6,
               fontSize: 14,
               fontWeight: 500,
-              color: L(p ? "cool-gray-3" : "cool-gray-9", D)
+              color: L(f ? "cool-gray-3" : "cool-gray-9", D)
             },
             "aria-label": U,
             "aria-required": i,
@@ -9940,18 +9940,18 @@ const a1 = ({
           {
             className: c0(
               "sud-input",
-              p ? "" : "sud-hover",
+              f ? "" : "sud-hover",
               m,
-              `cursor-${p ? "not-allowed" : ""}`
+              `cursor-${f ? "not-allowed" : ""}`
             ),
-            onClick: f,
+            onClick: p,
             "data-name": k,
             "data-autocomplete": H,
             style: {
               display: "inline-flex",
               alignItems: "center",
-              backgroundColor: p ? L("cool-gray-1", D) : X,
-              color: p ? L("cool-gray-3", D) : o0,
+              backgroundColor: f ? L("cool-gray-1", D) : X,
+              color: f ? L("cool-gray-3", D) : o0,
               ...y0,
               width: "fit-content",
               maxWidth: "100%",
@@ -9988,12 +9988,12 @@ const a1 = ({
                 "input",
                 {
                   ref: Y,
-                  className: `sud-input__field cursor-${p ? "not-allowed" : ""}`,
+                  className: `sud-input__field cursor-${f ? "not-allowed" : ""}`,
                   type: v ? "text" : d0,
                   value: w0,
                   onChange: R0,
                   placeholder: R,
-                  disabled: p,
+                  disabled: f,
                   readOnly: _,
                   autoFocus: b,
                   maxLength: w,
@@ -10004,7 +10004,7 @@ const a1 = ({
                   "aria-required": i || y,
                   "aria-invalid": C || S0,
                   "aria-describedby": r || (S0 ? `${V}-error` : void 0),
-                  "aria-disabled": p,
+                  "aria-disabled": f,
                   onFocus: () => W(!0),
                   onBlur: () => W(!1),
                   style: {
@@ -10024,7 +10024,7 @@ const a1 = ({
                   }
                 }
               ),
-              z && !_ && !p && M && /* @__PURE__ */ t.jsx(
+              z && !_ && !f && M && /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   className: "sud-input__clear",
@@ -10047,7 +10047,7 @@ const a1 = ({
                   className: "sud-input__length",
                   style: {
                     fontSize: 12,
-                    color: L(p ? "cool-gray-3" : "sky-6", D)
+                    color: L(f ? "cool-gray-3" : "sky-6", D)
                   },
                   children: [
                     M.length,
@@ -10113,7 +10113,7 @@ const a1 = ({
   readOnly: d = !1,
   autoFocus: m = !1,
   placeholder: j,
-  value: p = "",
+  value: f = "",
   onChange: _ = () => {
   },
   shape: b = "rounded",
@@ -10138,13 +10138,13 @@ const a1 = ({
   ariaDescribedby: i,
   onClick: C
 }) => {
-  const r = g0(), f = h0(null), [v, D] = q(m), [Y, F] = q(!1), { bgColor: W, txtColor: I, borColor: E } = i0({
+  const r = g0(), p = h0(null), [v, D] = q(m), [Y, F] = q(!1), { bgColor: W, txtColor: I, borColor: E } = i0({
     border: o,
     fallback: B ? "error" : v ? "focus" : "default",
     componentType: "input"
   });
   v0(() => {
-    m && f.current && f.current.focus();
+    m && p.current && p.current.focus();
   }, [m]);
   const G = s ? L(s, r) : W, X = c ? L(c, r) : I, o0 = l ? L(l, r) : E, f0 = o && o0 ? `${a}px ${n} ${o0}` : "none", n0 = U0(b, r), y0 = B0(O, r), K = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
@@ -10152,13 +10152,13 @@ const a1 = ({
     lg: { height: 42, fontSize: 18, padding: "8px" }
   }[w] || {};
   return v0(() => {
-    if (M && f.current) {
-      const J = f.current;
+    if (M && p.current) {
+      const J = p.current;
       J.style.height = "0px";
       const d0 = J.scrollHeight;
       J.style.height = d0 + "px";
     }
-  }, [p, M]), /* @__PURE__ */ t.jsxs(
+  }, [f, M]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       style: {
@@ -10244,9 +10244,9 @@ const a1 = ({
                   children: /* @__PURE__ */ t.jsx(
                     "textarea",
                     {
-                      ref: f,
+                      ref: p,
                       className: `sud-textarea__field cursor-${h ? "not-allowed" : ""}`,
-                      value: p,
+                      value: f,
                       onChange: _,
                       placeholder: j,
                       disabled: h,
@@ -10305,7 +10305,7 @@ const a1 = ({
                         style: { display: "flex", gap: 8 },
                         children: [
                           z && /* @__PURE__ */ t.jsxs("span", { children: [
-                            p.length,
+                            f.length,
                             "/",
                             z
                           ] }),
@@ -10357,7 +10357,7 @@ const a1 = ({
   readOnly: d = !1,
   autoFocus: m = !1,
   password: j = !1,
-  length: p = 6,
+  length: f = 6,
   type: _ = "int",
   value: b = "",
   onChange: O = () => {
@@ -10385,7 +10385,7 @@ const a1 = ({
   v0(() => {
     m && x.current[0] && x.current[0].focus();
   }, [m]);
-  const r = c ? L(c, T) : C, f = U0(w, T), v = B0(Z, T), D = {
+  const r = c ? L(c, T) : C, p = U0(w, T), v = B0(Z, T), D = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10393,14 +10393,14 @@ const a1 = ({
     const X = E.target.value;
     if (_ === "int" && !/^\d*$/.test(X)) return;
     const o0 = b.split("");
-    o0[G] = X, O({ target: { value: o0.join("") } }), X && G < p - 1 && x.current[G + 1].focus();
+    o0[G] = X, O({ target: { value: o0.join("") } }), X && G < f - 1 && x.current[G + 1].focus();
   }, W = (E, G) => {
     E.key === "Backspace" && !b[G] && G > 0 && x.current[G - 1].focus();
   }, I = (E) => {
     E.preventDefault();
     const G = E.clipboardData.getData("text");
     if (_ === "int" && !/^\d*$/.test(G)) return;
-    const X = G.slice(0, p).padEnd(p, "");
+    const X = G.slice(0, f).padEnd(f, "");
     O({ target: { value: X } });
   };
   return /* @__PURE__ */ t.jsxs(
@@ -10467,7 +10467,7 @@ const a1 = ({
               gap: 8
             },
             onPaste: I,
-            children: Array.from({ length: p }).map((E, G) => {
+            children: Array.from({ length: f }).map((E, G) => {
               const {
                 bgColor: X,
                 txtColor: o0,
@@ -10496,7 +10496,7 @@ const a1 = ({
                       boxShadow: "none"
                     } : {
                       border: K,
-                      ...f,
+                      ...p,
                       boxShadow: v
                     }
                   },
@@ -10581,7 +10581,7 @@ const u2 = ({
   borderWeight: d = 1,
   borderColor: m,
   trackColor: j,
-  fill: p = !0,
+  fill: f = !0,
   width: _,
   height: b,
   minMaxVisible: O = !1,
@@ -10601,7 +10601,7 @@ const u2 = ({
   ariaValueText: B,
   ...T
 }) => {
-  const x = g0(), y = h0(null), i = h0(null), [C, r] = q(!1), [f, v] = q(o), D = m2(), Y = H || D, { bgColor: F, borColor: W } = i0({
+  const x = g0(), y = h0(null), i = h0(null), [C, r] = q(!1), [p, v] = q(o), D = m2(), Y = H || D, { bgColor: F, borColor: W } = i0({
     border: $,
     fallback: w,
     componentType: "button"
@@ -10620,7 +10620,7 @@ const u2 = ({
     height: f0,
     thumb: n0,
     fontSize: y0
-  } = a ? G[S] : X[S], K = _ || o0, J = b || f0, d0 = (f - s) / (c - s) * 100;
+  } = a ? G[S] : X[S], K = _ || o0, J = b || f0, d0 = (p - s) / (c - s) * 100;
   v0(() => {
     C || v(o);
   }, [o, C]);
@@ -10648,15 +10648,15 @@ const u2 = ({
   }, [C, w0]);
   const S0 = (k0) => {
     if (u) return;
-    let A0 = f;
+    let A0 = p;
     switch (k0.key) {
       case "ArrowRight":
       case "ArrowUp":
-        k0.preventDefault(), A0 = Math.min(c, f + l);
+        k0.preventDefault(), A0 = Math.min(c, p + l);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        k0.preventDefault(), A0 = Math.max(s, f - l);
+        k0.preventDefault(), A0 = Math.max(s, p - l);
         break;
       case "Home":
         k0.preventDefault(), A0 = s;
@@ -10665,10 +10665,10 @@ const u2 = ({
         k0.preventDefault(), A0 = c;
         break;
       case "PageUp":
-        k0.preventDefault(), A0 = Math.min(c, f + l * 10);
+        k0.preventDefault(), A0 = Math.min(c, p + l * 10);
         break;
       case "PageDown":
-        k0.preventDefault(), A0 = Math.max(s, f - l * 10);
+        k0.preventDefault(), A0 = Math.max(s, p - l * 10);
         break;
       default:
         return;
@@ -10749,7 +10749,7 @@ const u2 = ({
               height: `${J}px`
             },
             children: [
-              p && /* @__PURE__ */ t.jsx(
+              f && /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   className: "su-hover sud-slider__filled",
@@ -10768,8 +10768,8 @@ const u2 = ({
                   tabIndex: u ? -1 : 0,
                   "aria-valuemin": s,
                   "aria-valuemax": c,
-                  "aria-valuenow": f,
-                  "aria-valuetext": B || `${f}${Z ? ` ${Z}` : ""}`,
+                  "aria-valuenow": p,
+                  "aria-valuetext": B || `${p}${Z ? ` ${Z}` : ""}`,
                   "aria-orientation": a ? "vertical" : "horizontal",
                   "aria-disabled": u,
                   id: Y,
@@ -10796,7 +10796,7 @@ const u2 = ({
                           placement: "top",
                           trigger: "click",
                           followTrigger: !0,
-                          content: `${f} ${Z}`,
+                          content: `${p} ${Z}`,
                           className: P,
                           style: V,
                           colorType: w,
@@ -10893,7 +10893,7 @@ const u2 = ({
   content: d,
   background: m,
   divider: j = !1,
-  color: p,
+  color: f,
   border: _ = !0,
   borderColor: b,
   borderType: O,
@@ -10933,7 +10933,7 @@ const u2 = ({
             as: "span",
             pretendard: "B",
             className: "sud-popconfirm__title-text",
-            color: p,
+            color: f,
             style: { whiteSpace: "nowrap" },
             children: c
           }
@@ -10953,7 +10953,7 @@ const u2 = ({
       disabled: $,
       className: `sud-popconfirm ${h}`,
       background: m,
-      color: p,
+      color: f,
       border: _,
       borderColor: b,
       borderType: O,
@@ -11002,7 +11002,7 @@ const h4 = ({
   popConfirmProps: d = {},
   selectProps: m = {},
   inputProps: j = {},
-  sliderProps: p = {},
+  sliderProps: f = {},
   cardProps: _ = {},
   buttonProps: b = {},
   ...O
@@ -11013,18 +11013,18 @@ const h4 = ({
     lg: 48
   }, T = Z0(
     ({ r: y, g: i, b: C }) => {
-      const r = Math.max(y, i, C), f = Math.min(y, i, C), v = r / 255, D = r === 0 ? 0 : (r - f) / r;
+      const r = Math.max(y, i, C), p = Math.min(y, i, C), v = r / 255, D = r === 0 ? 0 : (r - p) / r;
       let Y = 0;
-      if (r !== f) {
+      if (r !== p) {
         switch (r) {
           case y:
-            Y = (i - C) / (r - f) + (i < C ? 6 : 0);
+            Y = (i - C) / (r - p) + (i < C ? 6 : 0);
             break;
           case i:
-            Y = (C - y) / (r - f) + 2;
+            Y = (C - y) / (r - p) + 2;
             break;
           case C:
-            Y = (y - i) / (r - f) + 4;
+            Y = (y - i) / (r - p) + 4;
             break;
         }
         Y *= 60;
@@ -11052,7 +11052,7 @@ const h4 = ({
     (y) => {
       const i = w.current.getBoundingClientRect(), C = Math.min(Math.max(y.clientX - i.left, 0), i.width), r = Math.min(Math.max(y.clientY - i.top, 0), i.height);
       P({ x: C, y: r });
-      const f = C / i.width, v = 1 - r / i.height, D = R, Y = (E, G = (E + D / 60) % 6) => v - v * f * Math.max(Math.min(G, 4 - G, 1), 0), F = Math.round(Y(5) * 255), W = Math.round(Y(3) * 255), I = Math.round(Y(1) * 255);
+      const p = C / i.width, v = 1 - r / i.height, D = R, Y = (E, G = (E + D / 60) % 6) => v - v * p * Math.max(Math.min(G, 4 - G, 1), 0), F = Math.round(Y(5) * 255), W = Math.round(Y(3) * 255), I = Math.round(Y(1) * 255);
       T({ r: F, g: W, b: I });
     },
     [R, T]
@@ -11097,7 +11097,7 @@ const h4 = ({
                 onTouchStart: (y) => {
                   const i = y.touches[0];
                   x(i);
-                  const C = (f) => x(f.touches[0]), r = () => {
+                  const C = (p) => x(p.touches[0]), r = () => {
                     window.removeEventListener("touchmove", C), window.removeEventListener("touchend", r);
                   };
                   window.addEventListener("touchmove", C), window.addEventListener("touchend", r);
@@ -11154,7 +11154,7 @@ const h4 = ({
                       onChange: (y) => {
                         const i = y.target.value;
                         try {
-                          const C = p2(i), r = Math.max(C.r, C.g, C.b), f = Math.min(C.r, C.g, C.b), v = r / 255, Y = (r === 0 ? 0 : (r - f) / r) * 100, F = (1 - v) * 100;
+                          const C = p2(i), r = Math.max(C.r, C.g, C.b), p = Math.min(C.r, C.g, C.b), v = r / 255, Y = (r === 0 ? 0 : (r - p) / r) * 100, F = (1 - v) * 100;
                           P({ x: Y, y: F }), T(C);
                         } catch {
                         }
@@ -11203,13 +11203,13 @@ const h4 = ({
                 size: "md",
                 onChange: (y) => {
                   M(y), k((F) => ({ ...F, h: y }));
-                  const i = y, C = V.s / 100, r = V.b / 100, f = (F, W = (F + i / 60) % 6) => r - r * C * Math.max(Math.min(W, 4 - W, 1), 0), v = Math.round(f(5) * 255), D = Math.round(f(3) * 255), Y = Math.round(f(1) * 255);
+                  const i = y, C = V.s / 100, r = V.b / 100, p = (F, W = (F + i / 60) % 6) => r - r * C * Math.max(Math.min(W, 4 - W, 1), 0), v = Math.round(p(5) * 255), D = Math.round(p(3) * 255), Y = Math.round(p(1) * 255);
                   T({ r: v, g: D, b: Y });
                 },
                 fill: !1,
                 trackColor: "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)",
                 className: "sud-color-picker__hue-slider",
-                ...p
+                ...f
               }
             ),
             /* @__PURE__ */ t.jsx(
@@ -11233,7 +11233,7 @@ const h4 = ({
                 fill: !1,
                 trackColor: `linear-gradient(to right, transparent, ${Z})`,
                 className: "sud-color-picker__alpha-slider",
-                ...p
+                ...f
               }
             ),
             /* @__PURE__ */ t.jsx(
@@ -11289,7 +11289,7 @@ const h4 = ({
   },
   placeholder: m = "날짜 선택",
   format: j = "YYYY-MM-DD",
-  range: p = !1,
+  range: f = !1,
   placement: _ = "top",
   locale: b = "en",
   popConfirmProps: O = {},
@@ -11310,14 +11310,14 @@ const h4 = ({
 }) => {
   const [T, x] = q(!1), y = z0(() => {
     if (!h) return "";
-    if (p) {
+    if (f) {
       const v = h == null ? void 0 : h.startDate, D = h == null ? void 0 : h.endDate, Y = v && a0(v).isValid() ? a0(v).format(j) : "", F = D && a0(D).isValid() ? a0(D).format(j) : "";
       return [Y, F].filter(Boolean).join(" ~ ");
     }
     return a0(h).isValid() ? a0(h).format(j) : "";
-  }, [h, j, p]), i = (v) => {
+  }, [h, j, f]), i = (v) => {
     if (!v) return "";
-    if (p) {
+    if (f) {
       const D = v == null ? void 0 : v.startDate, Y = v == null ? void 0 : v.endDate, F = D && a0(D).isValid() ? a0(D).format(j) : "", W = Y && a0(Y).isValid() ? a0(Y).format(j) : "";
       return [F, W].filter(Boolean).join(" ~ ");
     }
@@ -11325,10 +11325,10 @@ const h4 = ({
   }, C = (v) => {
     if (n || a) return;
     const D = i(v);
-    d(v, D), (!p || (v == null ? void 0 : v.startDate) && (v == null ? void 0 : v.endDate)) && (x(!1), requestAnimationFrame(() => {
+    d(v, D), (!f || (v == null ? void 0 : v.startDate) && (v == null ? void 0 : v.endDate)) && (x(!1), requestAnimationFrame(() => {
       setTimeout(() => x(!0), 0);
     }));
-  }, r = p ? h == null ? void 0 : h.startDate : void 0, f = p ? h == null ? void 0 : h.endDate : void 0;
+  }, r = f ? h == null ? void 0 : h.startDate : void 0, p = f ? h == null ? void 0 : h.endDate : void 0;
   return /* @__PURE__ */ t.jsx(
     J1,
     {
@@ -11343,11 +11343,11 @@ const h4 = ({
       content: /* @__PURE__ */ t.jsx(
         _9,
         {
-          value: p ? r : h,
+          value: f ? r : h,
           startDate: r,
-          endDate: f,
+          endDate: p,
           onChange: C,
-          range: p,
+          range: f,
           size: "miniView",
           locale: b,
           ...P
@@ -11408,10 +11408,10 @@ function U1({
   ariaRequired: m,
   name: j
 }) {
-  const p = g0(), { bgColor: _ } = i0({
+  const f = g0(), { bgColor: _ } = i0({
     border: !1,
     fallback: g
-  }), b = a ? L(a, p) : _, [O, w] = q(c || !1), [Z, z] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), A = h0(), P = Z || M ? b : L("cool-gray-3", p), V = (k) => {
+  }), b = a ? L(a, f) : _, [O, w] = q(c || !1), [Z, z] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), A = h0(), P = Z || M ? b : L("cool-gray-3", f), V = (k) => {
     if (k.stopPropagation(), u || M) return;
     const H = !0;
     R || w(H), o == null || o(H), N.current && S1(N.current), A.current && X1(A.current);
@@ -11454,7 +11454,7 @@ function U1({
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              background: M ? b : L("white-10", p),
+              background: M ? b : L("white-10", f),
               border: `1px solid ${P}`,
               borderRadius: "50%",
               transition: "border-color 0.2s ease, background 0.2s ease"
@@ -11469,7 +11469,7 @@ function U1({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ t.jsx(a9, { color: L("white-10", p), size: "12" })
+                children: /* @__PURE__ */ t.jsx(a9, { color: L("white-10", f), size: "12" })
               }
             )
           }
@@ -11501,7 +11501,7 @@ U1.Group = function({
   color: d,
   colorType: m = "primary",
   labelPosition: j = "right",
-  ariaLabel: p,
+  ariaLabel: f,
   ariaRequired: _,
   name: b,
   className: O = "",
@@ -11528,7 +11528,7 @@ U1.Group = function({
       className: c0("sud-radio-group", O),
       style: R,
       role: "radiogroup",
-      "aria-label": p,
+      "aria-label": f,
       "aria-required": _,
       children: c.map(({ value: M, label: S, disabled: N }) => /* @__PURE__ */ t.jsx(
         U1,
@@ -11563,7 +11563,7 @@ const p4 = ({
   className: d = "",
   style: m = {},
   ariaLabel: j = "별점 평가",
-  testId: p = "rate",
+  testId: f = "rate",
   icon: _ = "star",
   ...b
 }) => {
@@ -11599,8 +11599,8 @@ const p4 = ({
     ] });
   }, [P, V, h, k]), U = Z0(
     (i) => {
-      const C = z !== null ? z : S, r = C >= i + 1, f = !r && c && C >= i + 0.5;
-      return r ? k(P) : f ? H() : k(V);
+      const C = z !== null ? z : S, r = C >= i + 1, p = !r && c && C >= i + 0.5;
+      return r ? k(P) : p ? H() : k(V);
     },
     [
       z,
@@ -11621,7 +11621,7 @@ const p4 = ({
   ), T = Z0(
     (i, C) => {
       if (a) return;
-      const { left: r, width: f } = i.currentTarget.getBoundingClientRect(), v = (i.clientX - r) / f, D = c && v < 0.5 ? C + 0.5 : C + 1;
+      const { left: r, width: p } = i.currentTarget.getBoundingClientRect(), v = (i.clientX - r) / p, D = c && v < 0.5 ? C + 0.5 : C + 1;
       R(D);
     },
     [a, c]
@@ -11650,7 +11650,7 @@ const p4 = ({
         flexWrap: "wrap",
         ...m
       },
-      "data-testid": p,
+      "data-testid": f,
       ...b,
       children: [
         Array.from({ length: s }).map((i, C) => /* @__PURE__ */ t.jsx(
@@ -11667,7 +11667,7 @@ const p4 = ({
               width: h,
               height: h
             },
-            "data-testid": `${p}-star-${C + 1}`,
+            "data-testid": `${f}-star-${C + 1}`,
             children: U(C)
           },
           C
@@ -11678,7 +11678,7 @@ const p4 = ({
             as: "span",
             style: { marginLeft: 8, fontSize: h * 0.8 },
             color: a ? $ : g,
-            "data-testid": `${p}-value`,
+            "data-testid": `${f}-value`,
             children: S
           }
         )
@@ -11699,7 +11699,7 @@ const p4 = ({
   shadow: d = "",
   thumbColor: m,
   size: j = "md",
-  colorType: p = "primary",
+  colorType: f = "primary",
   className: _ = "",
   style: b = {},
   id: O,
@@ -11714,13 +11714,13 @@ const p4 = ({
     l || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), T(F));
   }, y = B0(d, z), { bgColor: i } = i0({
     border: !1,
-    fallback: p,
+    fallback: f,
     componentType: "button"
-  }), C = n ? L(n, z) : i, r = L(a || "cool-gray-3", z), f = {
+  }), C = n ? L(n, z) : i, r = L(a || "cool-gray-3", z), p = {
     sm: { height: 22, thumb: 18, fontSize: 12 },
     md: { height: 32, thumb: 28, fontSize: 14 },
     lg: { height: 40, thumb: 34, fontSize: 16 }
-  }, { height: v, thumb: D, fontSize: Y } = f[j] || f.md;
+  }, { height: v, thumb: D, fontSize: Y } = p[j] || p.md;
   return v0(() => {
     if (k.current && H.current) {
       const F = k.current.offsetWidth, W = H.current.offsetWidth, I = Math.max(F, W) + D;
@@ -11849,7 +11849,7 @@ const p4 = ({
   ...$
 }) => {
   g0();
-  const [h, d] = q(null), [m, j] = q(0), [p, _] = q("hour"), [b, O] = q({
+  const [h, d] = q(null), [m, j] = q(0), [f, _] = q("hour"), [b, O] = q({
     startTime: { hour: !1, minute: !1, second: !1 },
     endTime: { hour: !1, minute: !1, second: !1 }
   }), w = o, Z = l, z = a, R = (W) => {
@@ -11920,7 +11920,7 @@ const p4 = ({
   }, r = (W) => {
     const I = { ...U }, E = w && m === 1 ? "endTime" : "startTime";
     I[E].ampm = W, B(I);
-  }, { bgColor: f, txtColor: v } = i0({
+  }, { bgColor: p, txtColor: v } = i0({
     border: !1,
     fallback: u,
     componentType: "tag"
@@ -11942,7 +11942,7 @@ const p4 = ({
           style: {
             padding: "6px 12px",
             cursor: "pointer",
-            backgroundColor: n0 ? f : y0 ? D : "transparent",
+            backgroundColor: n0 ? p : y0 ? D : "transparent",
             borderRadius: 6,
             textAlign: "center"
           },
@@ -11970,7 +11970,7 @@ const p4 = ({
           style: {
             padding: "6px 12px",
             cursor: "pointer",
-            backgroundColor: G ? f : "transparent",
+            backgroundColor: G ? p : "transparent",
             borderRadius: 6,
             textAlign: "center"
           },
@@ -12029,7 +12029,7 @@ const p4 = ({
   },
   placeholder: m = "시간 선택",
   format: j = "HH:mm:ss",
-  range: p = !1,
+  range: f = !1,
   placement: _ = "top",
   showSecond: b = !1,
   use12Hours: O = !1,
@@ -12052,31 +12052,31 @@ const p4 = ({
 }) => {
   const [y, i] = q(!1), C = z0(() => j && !O ? j : O ? b ? "hh:mm:ss A" : "hh:mm A" : b ? "HH:mm:ss" : "HH:mm", [j, O, b]), r = z0(() => {
     if (!h) return "";
-    if (p) {
+    if (f) {
       const F = h == null ? void 0 : h.startTime, W = h == null ? void 0 : h.endTime, I = F && a0(F).isValid() ? a0(F).format(C) : "", E = W && a0(W).isValid() ? a0(W).format(C) : "";
       return [I, E].filter(Boolean).join(" ~ ");
     }
     return a0(h).isValid() ? a0(h).format(C) : "";
-  }, [h, C, p]), f = (F) => {
+  }, [h, C, f]), p = (F) => {
     if (!F) return "";
-    if (p) {
+    if (f) {
       const W = F == null ? void 0 : F.startTime, I = F == null ? void 0 : F.endTime, E = W && a0(W).isValid() ? a0(W).format(C) : "", G = I && a0(I).isValid() ? a0(I).format(C) : "";
       return [E, G].filter(Boolean).join(" ~ ");
     }
     return a0(F).isValid() ? a0(F).format(C) : "";
   }, v = (F) => {
     if (n || a) return;
-    const W = f(F);
+    const W = p(F);
     d(F, W);
     const I = (G) => {
       var X, o0, f0;
       return a0(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((o0 = G.getMinutes) == null ? void 0 : o0.call(G)) != null && (!b || ((f0 = G.getSeconds) == null ? void 0 : f0.call(G)) != null);
     };
     let E = !1;
-    p ? E = I(F == null ? void 0 : F.startTime) && I(F == null ? void 0 : F.endTime) : E = I(F), E && (i(!1), requestAnimationFrame(() => {
+    f ? E = I(F == null ? void 0 : F.startTime) && I(F == null ? void 0 : F.endTime) : E = I(F), E && (i(!1), requestAnimationFrame(() => {
       setTimeout(() => i(!0), 0);
     }));
-  }, D = p ? h == null ? void 0 : h.startTime : void 0, Y = p ? h == null ? void 0 : h.endTime : void 0;
+  }, D = f ? h == null ? void 0 : h.startTime : void 0, Y = f ? h == null ? void 0 : h.endTime : void 0;
   return /* @__PURE__ */ t.jsx(
     J1,
     {
@@ -12091,9 +12091,9 @@ const p4 = ({
       content: /* @__PURE__ */ t.jsx(
         R9,
         {
-          value: p ? { startTime: D, endTime: Y } : h,
+          value: f ? { startTime: D, endTime: Y } : h,
           onChange: v,
-          range: p,
+          range: f,
           showSecond: b,
           use12Hours: O,
           step: w,
@@ -12207,11 +12207,11 @@ const P1 = {
 }, A9 = ({ id: s, type: c, message: o, duration: l, onClose: n, icon: a }) => {
   const [u, g] = q(!1), $ = g0();
   v0(() => {
-    const j = setTimeout(() => g(!0), 10), p = setTimeout(() => {
+    const j = setTimeout(() => g(!0), 10), f = setTimeout(() => {
       g(!1), setTimeout(() => n == null ? void 0 : n(s), 300);
     }, l);
     return () => {
-      clearTimeout(j), clearTimeout(p);
+      clearTimeout(j), clearTimeout(f);
     };
   }, [s, l, n]);
   const { bgColor: h } = i0({
@@ -12261,7 +12261,7 @@ const P1 = {
   thumbnailSize: $,
   cardSize: h
 }) => {
-  const d = s.status === "error", [m, j] = q(!1), [p, _] = q(!1), [b, O] = q(null);
+  const d = s.status === "error", [m, j] = q(!1), [f, _] = q(!1), [b, O] = q(null);
   v0(() => {
     if (s.type.startsWith("image/")) {
       const z = URL.createObjectURL(s);
@@ -12280,7 +12280,7 @@ const P1 = {
           m1,
           {
             className: "sud-hover sud-upload__file sud-upload__file--thumbnail",
-            colorType: d ? a : p ? g : m ? u : n,
+            colorType: d ? a : f ? g : m ? u : n,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -12368,7 +12368,7 @@ const P1 = {
           m1,
           {
             className: "sud-hover sud-upload__file sud-upload__file--card",
-            colorType: d ? a : p ? g : m ? u : n,
+            colorType: d ? a : f ? g : m ? u : n,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -12453,7 +12453,7 @@ const P1 = {
           m1,
           {
             className: "sud-hover sud-upload__file sud-upload__file--text",
-            colorType: d ? a : p ? g : m ? u : n,
+            colorType: d ? a : f ? g : m ? u : n,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -12518,7 +12518,7 @@ const P1 = {
   onDrag: d,
   children: m,
   className: j,
-  ariaLabel: p,
+  ariaLabel: f,
   role: _ = "button",
   listColorType: b = "default",
   listErrorColorType: O = "red",
@@ -12543,8 +12543,8 @@ const P1 = {
   }, r = (F) => {
     if (F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1), a) return;
     const W = Array.from(F.dataTransfer.files);
-    f(W);
-  }, f = (F) => {
+    p(W);
+  }, p = (F) => {
     if (l && T.length + F.length > l && (P1.danger(`최대 ${l}개의 파일만 업로드할 수 있습니다.`), F = F.slice(0, l - T.length)), n) {
       const I = F.filter(
         (E) => E.size > n
@@ -12579,7 +12579,7 @@ const P1 = {
     B || P(W), $(o ? W : W[0]), k(!1);
   }, v = async (F) => {
     const W = Array.from(F.target.files || []);
-    f(W), N.current && (N.current.value = "");
+    p(W), N.current && (N.current.value = "");
   }, D = Z0(
     (F) => {
       const W = T.filter((I, E) => E !== F);
@@ -12647,7 +12647,7 @@ const P1 = {
             className: "sud-upload__trigger",
             onClick: y,
             role: _,
-            "aria-label": p,
+            "aria-label": f,
             style: { cursor: a || V ? "not-allowed" : "pointer" },
             ...S && {
               onDragOver: i,
@@ -12675,7 +12675,7 @@ const P1 = {
   valuePosition: d = "inside-end",
   size: m = "md",
   fontSize: j,
-  className: p = "",
+  className: f = "",
   style: _ = {},
   ...b
 }) => {
@@ -12751,7 +12751,7 @@ const P1 = {
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: c0("sud-progress sud-progress-bar", p),
+        className: c0("sud-progress sud-progress-bar", f),
         style: {
           display: "flex",
           alignItems: "center",
@@ -12808,7 +12808,7 @@ const P1 = {
       }
     );
   }
-  const B = P / 2, T = B - V / 2, x = 2 * Math.PI * T, y = s === "dashboard", r = (y ? 270 : 360) / 360 * x, f = y ? `${r} ${x}` : `${x}`, v = y ? r * (1 - w / 100) : x * (1 - w / 100), D = c === o ? a && D0.cloneElement(a, { color: R }) : u ? D0.cloneElement(u, { color: R }) : n && /* @__PURE__ */ t.jsxs(
+  const B = P / 2, T = B - V / 2, x = 2 * Math.PI * T, y = s === "dashboard", r = (y ? 270 : 360) / 360 * x, p = y ? `${r} ${x}` : `${x}`, v = y ? r * (1 - w / 100) : x * (1 - w / 100), D = c === o ? a && D0.cloneElement(a, { color: R }) : u ? D0.cloneElement(u, { color: R }) : n && /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "sud-progress__text-container",
@@ -12848,7 +12848,7 @@ const P1 = {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: c0("sud-progress sud-progress-circle", p),
+      className: c0("sud-progress sud-progress-circle", f),
       style: {
         width: P,
         height: P,
@@ -12880,7 +12880,7 @@ const P1 = {
                   stroke: S,
                   strokeWidth: V,
                   fill: "none",
-                  strokeDasharray: f,
+                  strokeDasharray: p,
                   strokeDashoffset: 0,
                   strokeLinecap: "round",
                   style: {
@@ -12900,7 +12900,7 @@ const P1 = {
                   stroke: R,
                   strokeWidth: V,
                   fill: "none",
-                  strokeDasharray: f,
+                  strokeDasharray: p,
                   strokeDashoffset: v,
                   strokeLinecap: "round",
                   style: {
@@ -13034,7 +13034,7 @@ const j4 = {
     borderColor: d,
     borderWeight: m,
     border: j,
-    shape: p,
+    shape: f,
     shadow: _,
     width: b
   }) => {
@@ -13052,7 +13052,7 @@ const j4 = {
       borderColor: d,
       borderWeight: m,
       border: j,
-      shape: p,
+      shape: f,
       shadow: _,
       width: b
     });
@@ -13069,7 +13069,7 @@ const j4 = {
       onClose: d,
       colorType: m,
       color: j,
-      background: p,
+      background: f,
       borderType: _,
       borderColor: b,
       borderWeight: O,
@@ -13091,7 +13091,7 @@ const j4 = {
           onClose: d,
           colorType: m,
           color: j,
-          background: p,
+          background: f,
           borderType: _,
           borderColor: b,
           borderWeight: O,
@@ -13149,7 +13149,7 @@ const j4 = {
   borderColor: d,
   border: m = !1,
   borderWeight: j = 1,
-  shape: p = "rounded",
+  shape: f = "rounded",
   shadow: _ = "md",
   width: b = 320
 }) => {
@@ -13167,7 +13167,7 @@ const j4 = {
     {
       className: "sud-notification",
       variant: "notification",
-      shape: p,
+      shape: f,
       shadow: _,
       colorType: u,
       color: g,
@@ -13275,7 +13275,7 @@ const j4 = {
   borderType: d = "solid",
   borderWeight: m = 1,
   disabled: j = !1,
-  shadow: p = "md",
+  shadow: f = "md",
   style: _ = {},
   ariaLabel: b,
   ariaPressed: O,
@@ -13349,7 +13349,7 @@ const j4 = {
                   borderType: x.borderType,
                   borderWeight: x.borderWeight,
                   disabled: x.disabled,
-                  shadow: x.shadow || p,
+                  shadow: x.shadow || f,
                   style: {
                     width: T,
                     height: T,
@@ -13386,7 +13386,7 @@ const j4 = {
             ariaControls: Z,
             role: z,
             disabled: j,
-            shadow: p,
+            shadow: f,
             style: { width: T, height: T, ..._ }
           }
         )
@@ -13408,7 +13408,7 @@ const j4 = {
     const Z = new ResizeObserver(w);
     return l.current && Z.observe(l.current), n.current && Z.observe(n.current), a.current && Z.observe(a.current), () => Z.disconnect();
   }, []);
-  let j = null, p = null, _ = null, b = null;
+  let j = null, f = null, _ = null, b = null;
   const O = [];
   return x2.forEach(s, (w) => {
     if (!(w != null && w.type)) return;
@@ -13417,7 +13417,7 @@ const j4 = {
       ref: l,
       siderPosition: c,
       siderWidth: d
-    }) : Z === "SUFooter" ? p = g1(w, {
+    }) : Z === "SUFooter" ? f = g1(w, {
       ref: n,
       siderPosition: c,
       siderWidth: d
@@ -13450,7 +13450,7 @@ const j4 = {
         j,
         c === "below-header" && _,
         b,
-        p,
+        f,
         O
       ]
     }
@@ -13470,7 +13470,7 @@ const j4 = {
     FullWidth: d = !0,
     shadow: m = "",
     siderPosition: j = "below-header",
-    siderWidth: p = 0,
+    siderWidth: f = 0,
     border: _ = !0,
     style: b = {},
     ...O
@@ -13487,18 +13487,19 @@ const j4 = {
           "sud-header",
           "flex flex-row gap-10 item-cen Pretendard-R",
           `z-${j === "above-header" ? 999 : 1e3}`,
-          j === "above-header" ? `pd-l-${p}` : "",
+          j === "above-header" ? `pd-l-${f}` : "",
           g
         ),
         style: {
-          width: d ? "100%" : "auto",
+          left: 0,
+          right: 0,
+          width: "100%",
           height: typeof h == "number" ? `${h}px` : h,
           backgroundColor: S,
           color: N,
           borderBottom: P,
           position: "absolute",
           top: 0,
-          left: j === "above-header" ? `${p}px` : 0,
           boxShadow: k,
           ...V,
           ...b
@@ -13525,7 +13526,7 @@ const W9 = D1(
     FullHeight: d = !0,
     shadow: m = "",
     onWidthChange: j,
-    siderPosition: p = "below-header",
+    siderPosition: f = "below-header",
     headerHeight: _ = 0,
     footerHeight: b = 0,
     border: O = !0,
@@ -13547,15 +13548,15 @@ const W9 = D1(
         className: c0(
           "sud-sider",
           "relative flex flex-col gap-10 jus-start Pretendard-R",
-          `z-${p === "below-header" ? 999 : 1e3}`,
-          p === "below-header" ? `pd-t-${_}` : "",
+          `z-${f === "below-header" ? 999 : 1e3}`,
+          f === "below-header" ? `pd-t-${_}` : "",
           g
         ),
         style: {
           position: "absolute",
           top: 0,
           left: 0,
-          height: d ? "100%" : "auto",
+          height: "100%",
           width: typeof h == "number" ? `${h}px` : h,
           minWidth: 0,
           // ✅ 내부 요소가 밀리지 않도록
@@ -13591,7 +13592,7 @@ const Y9 = D1(
     style: a = {},
     ...u
   }, g) => {
-    const $ = h0(null), h = g || $, d = g0(), { header: m = 0, footer: j = 0, sider: p = 0 } = n, { bgColor: _, txtColor: b } = i0({
+    const $ = h0(null), h = g || $, d = g0(), { header: m = 0, footer: j = 0, sider: f = 0 } = n, { bgColor: _, txtColor: b } = i0({
       border: !1
     }), O = o ? L(o, d) : _, w = l ? L(l, d) : b;
     return /* @__PURE__ */ t.jsx(
@@ -13602,10 +13603,10 @@ const Y9 = D1(
         style: {
           position: "absolute",
           top: `${m}px`,
-          left: `${p}px`,
+          left: `${f}px`,
           right: 0,
           bottom: `${j}px`,
-          width: `calc(100% - ${p}px)`,
+          width: `calc(100% - ${f}px)`,
           height: `calc(100% - ${m}px - ${j}px)`,
           overflowY: "auto",
           backgroundColor: O,
@@ -13635,7 +13636,7 @@ const U9 = D1(
     FullWidth: d = !0,
     shadow: m = "",
     onHeightChange: j,
-    siderPosition: p = "below-header",
+    siderPosition: f = "below-header",
     siderWidth: _ = 0,
     border: b = !0,
     style: O = {},
@@ -13656,17 +13657,17 @@ const U9 = D1(
         className: c0(
           "sud-footer",
           "flex flex-row Pretendard-R pd-10",
-          `z-${p === "above-header" ? 999 : 1e3}`,
+          `z-${f === "above-header" ? 999 : 1e3}`,
           g
         ),
         style: {
-          width: d && p === "above-header" ? `calc(100% - ${_}px)` : "100%",
+          width: d && f === "above-header" ? `calc(100% - ${_}px)` : "100%",
           height: `${h}px`,
           backgroundColor: P,
           color: V,
           borderTop: H,
           position: "absolute",
-          left: p === "above-header" ? `${_}px` : 0,
+          left: f === "above-header" ? `${_}px` : 0,
           bottom: 0,
           boxShadow: U,
           ...B,
@@ -13732,7 +13733,7 @@ const G9 = ({ isOpen: s, children: c }) => {
   finalDividerColor: h,
   ...d
 }) => {
-  const [m, j] = q(!1), p = Array.isArray(s.children) && s.children.length > 0, _ = a.includes(s.key), b = !p, O = `${12 + c * 16}px`, { backgroundColor: w, color: Z } = u(s.key, b, m);
+  const [m, j] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, _ = a.includes(s.key), b = !f, O = `${12 + c * 16}px`, { backgroundColor: w, color: Z } = u(s.key, b, m);
   return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { className: "mg-b-6", children: [
     typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
       t0,
@@ -13801,10 +13802,10 @@ const G9 = ({ isOpen: s, children: c }) => {
           var z;
           b ? (l == null || l(s.key), (z = s.onClick) == null || z.call(s)) : n(s.key);
         },
-        role: p ? "button" : "menuitem",
-        "aria-expanded": p ? _ : void 0,
-        "aria-haspopup": p ? "true" : void 0,
-        "aria-controls": p ? `accordion-content-${s.key}` : void 0,
+        role: f ? "button" : "menuitem",
+        "aria-expanded": f ? _ : void 0,
+        "aria-haspopup": f ? "true" : void 0,
+        "aria-controls": f ? `accordion-content-${s.key}` : void 0,
         "aria-label": s.label,
         ...d,
         children: [
@@ -13821,7 +13822,7 @@ const G9 = ({ isOpen: s, children: c }) => {
               }
             ) : s.label
           ] }),
-          p && /* @__PURE__ */ t.jsx("span", { className: "sud-accordion__item-arrow", children: /* @__PURE__ */ t.jsx(
+          f && /* @__PURE__ */ t.jsx("span", { className: "sud-accordion__item-arrow", children: /* @__PURE__ */ t.jsx(
             B1,
             {
               size: "15",
@@ -13836,7 +13837,7 @@ const G9 = ({ isOpen: s, children: c }) => {
         ]
       }
     ),
-    p && /* @__PURE__ */ t.jsx(G9, { isOpen: _, children: /* @__PURE__ */ t.jsx(
+    f && /* @__PURE__ */ t.jsx(G9, { isOpen: _, children: /* @__PURE__ */ t.jsx(
       "div",
       {
         id: `accordion-content-${s.key}`,
@@ -13883,7 +13884,7 @@ const G9 = ({ isOpen: s, children: c }) => {
   colorType: d,
   dividerColor: m,
   background: j,
-  color: p,
+  color: f,
   border: _,
   borderColor: b,
   borderType: O,
@@ -13916,14 +13917,14 @@ const G9 = ({ isOpen: s, children: c }) => {
   }), { borColor: C } = i0({
     border: h,
     fallback: d
-  }), r = j ? L(j, M) : x, f = p ? L(p, M) : y, v = b ? L(b, M) : i, D = m ? L(m, M) : C, Y = _ && v ? `${w}px ${O} ${v}` : "none";
+  }), r = j ? L(j, M) : x, p = f ? L(f, M) : y, v = b ? L(b, M) : i, D = m ? L(m, M) : C, Y = _ && v ? `${w}px ${O} ${v}` : "none";
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       className: c0("sud-accordion", $),
       style: {
         backgroundColor: r,
-        color: f,
+        color: p,
         border: Y,
         boxShadow: N,
         ...S,
@@ -13965,11 +13966,11 @@ const G9 = ({ isOpen: s, children: c }) => {
   placement: g,
   colorType: $
 }) => {
-  const [h, d] = q(!1), m = h0(), j = h0(null), p = l === s.key, _ = Array.isArray(s.children) && s.children.length > 0, b = p || h, w = i0({
+  const [h, d] = q(!1), m = h0(), j = h0(null), f = l === s.key, _ = Array.isArray(s.children) && s.children.length > 0, b = f || h, w = i0({
     border: !1,
     componentType: "etc",
-    fallback: p ? "selected" : "hovered"
-  }), Z = p ? a.selectedColor || w.bgColor : a.hoverColor || w.bgColor, z = p ? a.selectedTextColor || w.txtColor : a.hoverTextColor || w.txtColor;
+    fallback: f ? "selected" : "hovered"
+  }), Z = f ? a.selectedColor || w.bgColor : a.hoverColor || w.bgColor, z = f ? a.selectedTextColor || w.txtColor : a.hoverTextColor || w.txtColor;
   v0(() => {
     const M = (S) => {
       var P, V;
@@ -14057,7 +14058,7 @@ const G9 = ({ isOpen: s, children: c }) => {
   dividerColor: m,
   level: j = 0,
   // PopupBase용 추가 스타일 props
-  background: p,
+  background: f,
   color: _,
   border: b = !1,
   borderColor: O,
@@ -14087,7 +14088,7 @@ const G9 = ({ isOpen: s, children: c }) => {
     divider: h,
     colorType: d,
     dividerColor: m,
-    background: p,
+    background: f,
     color: _,
     border: b,
     borderColor: O,
@@ -14097,7 +14098,7 @@ const G9 = ({ isOpen: s, children: c }) => {
     shadow: R,
     style: A
   }, U = {
-    background: p,
+    background: f,
     color: _,
     border: b,
     borderColor: O,
@@ -14194,7 +14195,7 @@ const G9 = ({ isOpen: s, children: c }) => {
   background: d,
   color: m,
   border: j,
-  borderColor: p,
+  borderColor: f,
   borderType: _,
   borderWeight: b,
   shape: O = "rounded",
@@ -14221,7 +14222,7 @@ const G9 = ({ isOpen: s, children: c }) => {
       className: c0("sud-dropdown", $),
       background: d,
       color: m,
-      borderColor: p,
+      borderColor: f,
       borderType: _,
       borderWeight: b,
       shape: O,
@@ -14271,7 +14272,7 @@ const G9 = ({ isOpen: s, children: c }) => {
   }), j = {
     color: h,
     ...n
-  }, p = {
+  }, f = {
     color: d
   }, _ = {
     color: m
@@ -14323,7 +14324,7 @@ const G9 = ({ isOpen: s, children: c }) => {
                         display: "inline-flex",
                         alignItems: "center",
                         cursor: "pointer",
-                        ...p,
+                        ...f,
                         ...a
                       },
                       onClick: () => {