sud-ui 0.1.2015 → 0.1.2016

package/dist/index.js

@@ -60,7 +60,7 @@ function T2() {
           return "Profiler";
         case b:
           return "StrictMode";
-        case _:
+        case F:
           return "Suspense";
         case N:
           return "SuspenseList";
@@ -73,7 +73,7 @@ function T2() {
         ), c.$$typeof) {
           case z:
             return "Portal";
-          case F:
+          case _:
             return (c.displayName || "Context") + ".Provider";
           case M:
             return (c._context.displayName || "Context") + ".Consumer";
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function f(c) {
       typeof c == "object" && c !== null && c.$$typeof === w && c._store && (c._store.validated = 1);
     }
-    var m = Q0, w = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), F = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), S = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, H = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var m = Q0, w = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), S = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, H = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -1012,14 +1012,14 @@ const s1 = {
   style: f = {},
   ...m
 }) => {
-  const w = p0(), z = C, { fontSize: Z, fontWeight: b } = $1({ size: d, weight: v, theme: w }), j = u ? L(u, w) : void 0, M = a || o && "IntelOneMono-Medium" || n && `GmarketSans${n}` || l && `SUITE-${l}` || r && `Pretendard-${r}`, F = !M;
+  const w = p0(), z = C, { fontSize: Z, fontWeight: b } = $1({ size: d, weight: v, theme: w }), j = u ? L(u, w) : void 0, M = a || o && "IntelOneMono-Medium" || n && `GmarketSans${n}` || l && `SUITE-${l}` || r && `Pretendard-${r}`, _ = !M;
   return /* @__PURE__ */ t.jsx(
     z,
     {
       className: l0("sud-typography", i),
       style: {
         fontSize: Z,
-        fontWeight: F ? b : void 0,
+        fontWeight: _ ? b : void 0,
         fontFamily: M,
         color: j,
         margin: 0,
@@ -1128,9 +1128,9 @@ const s1 = {
   borderWeight: b = 1,
   shape: j = "rounded",
   shadow: M = "sm",
-  colorType: F = "default",
+  colorType: _ = "default",
   style: D = {},
-  followTrigger: _ = !1,
+  followTrigger: F = !1,
   contentRef: N = null,
   parentRef: B = null,
   // 부모 팝업의 ref
@@ -1180,7 +1180,7 @@ const s1 = {
   }, [l, k, Y]);
   const { bgColor: W, txtColor: t0, borColor: q } = d0({
     border: w,
-    fallback: F
+    fallback: _
   }), o0 = f ? L(f, E) : W, y0 = m ? L(m, E) : t0, b0 = z ? L(z, E) : q, k0 = w && b0 ? `${b}px ${Z} ${b0}` : "none", h0 = N0(M, E), $0 = V0(j), R0 = F0(() => {
     if (!H.current || !x.current) return {};
     const U = H.current.getBoundingClientRect(), e0 = x.current.getBoundingClientRect(), u0 = window.scrollY || document.documentElement.scrollTop, g0 = window.scrollX || document.documentElement.scrollLeft, j0 = {
@@ -1239,14 +1239,14 @@ const s1 = {
       pointerEvents: "none"
     }));
   }, [k, c, R0]), z0(() => {
-    if (!k || !_) return;
+    if (!k || !F) return;
     let U;
     const e0 = () => {
       const u0 = R0();
       T((g0) => ({ ...g0, ...u0 })), U = requestAnimationFrame(e0);
     };
     return e0(), () => cancelAnimationFrame(U);
-  }, [k, _, R0]);
+  }, [k, F, R0]);
   const G = F0(
     ({ type: U = "background" }) => {
       const e0 = U === "border", u0 = b0 && b > 0, g0 = l1 * 2 + (u0 ? b * 2 : 0), j0 = Math.sqrt(b * b * 2), a0 = !e0 && u0 ? j0 : 0, C0 = {
@@ -1466,9 +1466,9 @@ const s1 = {
   onClick: b,
   onKeyDown: j,
   tabIndex: M = 0,
-  ...F
+  ..._
 }) => {
-  const D = p0(), _ = t2[o] || t2.md, { bgColor: N, txtColor: B, borColor: R } = d0({
+  const D = p0(), F = t2[o] || t2.md, { bgColor: N, txtColor: B, borColor: R } = d0({
     border: u,
     componentType: "tag",
     fallback: d
@@ -1485,13 +1485,13 @@ const s1 = {
       onClick: b,
       onKeyDown: p,
       style: {
-        width: _,
-        height: _,
+        width: F,
+        height: F,
         background: I,
         color: E,
         border: A,
         boxShadow: $,
-        fontSize: _ * 0.4,
+        fontSize: F * 0.4,
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
@@ -1501,7 +1501,7 @@ const s1 = {
         cursor: b ? "pointer" : "default",
         ...z
       },
-      ...F,
+      ..._,
       children: x ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1539,14 +1539,14 @@ M1.Group = ({
   "aria-label": Z = "아바타 그룹"
 }) => {
   const b = s.slice(0, r), j = s.slice(r), M = T0(() => {
-    const F = {
+    const _ = {
       xs: 32,
       sm: 40,
       md: 48,
       lg: 56,
       xl: 64
     }[n];
-    return Math.floor(F * 0.6);
+    return Math.floor(_ * 0.6);
   }, [n]);
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -1561,7 +1561,7 @@ M1.Group = ({
         ...m
       },
       children: [
-        b.map((F, D) => /* @__PURE__ */ t.jsx(
+        b.map((_, D) => /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "sud-avatar-group-item",
@@ -1582,7 +1582,7 @@ M1.Group = ({
                 borderType: u,
                 borderWeight: i,
                 shadow: f,
-                ...F
+                ..._
               }
             )
           },
@@ -1609,7 +1609,7 @@ M1.Group = ({
                       maxWidth: "90vw",
                       padding: 8
                     },
-                    children: j.map((F, D) => /* @__PURE__ */ t.jsx(
+                    children: j.map((_, D) => /* @__PURE__ */ t.jsx(
                       M1,
                       {
                         size: n,
@@ -1622,7 +1622,7 @@ M1.Group = ({
                         borderType: u,
                         borderWeight: i,
                         shadow: f,
-                        ...F
+                        ..._
                       },
                       D
                     ))
@@ -1679,11 +1679,11 @@ const s2 = {
   "aria-label": j,
   ...M
 }) => {
-  const F = p0(), { bgColor: D, txtColor: _, borColor: N } = d0({
+  const _ = p0(), { bgColor: D, txtColor: F, borColor: N } = d0({
     border: C,
     fallback: a,
     componentType: "tag"
-  }), B = d ? L(d, F) : _, R = v ? L(v, F) : D, I = u ? L(u, F) : N, E = C && I ? `${f}px ${i} ${I}` : "none", S = typeof s == "number" && typeof r == "number" && s > r ? `${r}+` : s, A = n || s != null && (s !== 0 || l), H = s2[o] || s2["top-right"], $ = () => j || (n ? "알림 표시" : typeof s == "number" ? `${s}개의 알림` : "알림");
+  }), B = d ? L(d, _) : F, R = v ? L(v, _) : D, I = u ? L(u, _) : N, E = C && I ? `${f}px ${i} ${I}` : "none", S = typeof s == "number" && typeof r == "number" && s > r ? `${r}+` : s, A = n || s != null && (s !== 0 || l), H = s2[o] || s2["top-right"], $ = () => j || (n ? "알림 표시" : typeof s == "number" ? `${s}개의 알림` : "알림");
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1705,7 +1705,7 @@ const s2 = {
               background: B,
               color: R,
               border: E,
-              boxShadow: N0(w, F),
+              boxShadow: N0(w, _),
               padding: n ? 0 : "0 6px",
               minWidth: n ? 8 : 30,
               height: n ? 8 : 30,
@@ -1733,12 +1733,12 @@ function D2() {
       var n = 1e3, l = 6e4, o = 36e5, a = "millisecond", d = "second", v = "minute", C = "hour", u = "day", i = "week", f = "month", m = "quarter", w = "year", z = "date", Z = "Invalid Date", b = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, j = /\[([^\]]+)]|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, M = { 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($) {
         var x = ["th", "st", "nd", "rd"], p = $ % 100;
         return "[" + $ + (x[(p - 20) % 10] || x[p] || x[0]) + "]";
-      } }, F = function($, x, p) {
+      } }, _ = function($, x, p) {
         var O = String($);
         return !O || O.length >= x ? $ : "" + Array(x + 1 - O.length).join(p) + $;
-      }, D = { s: F, z: function($) {
+      }, D = { s: _, z: function($) {
         var x = -$.utcOffset(), p = Math.abs(x), O = Math.floor(p / 60), g = p % 60;
-        return (x <= 0 ? "+" : "-") + F(O, 2, "0") + ":" + F(g, 2, "0");
+        return (x <= 0 ? "+" : "-") + _(O, 2, "0") + ":" + _(g, 2, "0");
       }, m: function $(x, p) {
         if (x.date() < p.date()) return -$(p, x);
         var O = 12 * (p.year() - x.year()) + (p.month() - x.month()), g = x.clone().add(O, f), T = p - g < 0, c = x.clone().add(O + (T ? -1 : 1), f);
@@ -1749,13 +1749,13 @@ function D2() {
         return { M: f, y: w, w: i, d: u, D: z, h: C, m: v, s: d, ms: a, Q: m }[$] || String($ || "").toLowerCase().replace(/s$/, "");
       }, u: function($) {
         return $ === void 0;
-      } }, _ = "en", N = {};
-      N[_] = M;
+      } }, F = "en", N = {};
+      N[F] = M;
       var B = "$isDayjsObject", R = function($) {
         return $ instanceof A || !(!$ || !$[B]);
       }, I = function $(x, p, O) {
         var g;
-        if (!x) return _;
+        if (!x) return F;
         if (typeof x == "string") {
           var T = x.toLowerCase();
           N[T] && (g = T), p && (N[T] = p, g = T);
@@ -1765,7 +1765,7 @@ function D2() {
           var h = x.name;
           N[h] = x, g = h;
         }
-        return !O && g && (_ = g), g || !O && _;
+        return !O && g && (F = g), g || !O && F;
       }, E = function($, x) {
         if (R($)) return $.clone();
         var p = typeof x == "object" ? x : {};
@@ -1998,7 +1998,7 @@ function D2() {
         return $.$i || ($(x, A, E), $.$i = !0), E;
       }, E.locale = I, E.isDayjs = R, E.unix = function($) {
         return E(1e3 * $);
-      }, E.en = N[_], E.Ls = N, E.p = {}, E;
+      }, E.en = N[F], E.Ls = N, E.p = {}, E;
     });
   }(O1)), O1.exports;
 }
@@ -2131,9 +2131,9 @@ const n0 = /* @__PURE__ */ F2(A2), c2 = {
   shadow: b = "sm",
   border: j = !0,
   style: M = {},
-  ariaLabel: F,
+  ariaLabel: _,
   ariaPressed: D,
-  ariaExpanded: _,
+  ariaExpanded: F,
   ariaControls: N,
   role: B = "button"
 }) => {
@@ -2172,9 +2172,9 @@ const n0 = /* @__PURE__ */ F2(A2), c2 = {
       },
       onClick: f ? void 0 : T,
       disabled: f || m,
-      "aria-label": F,
+      "aria-label": _,
       "aria-pressed": D,
-      "aria-expanded": _,
+      "aria-expanded": F,
       "aria-controls": N,
       role: B,
       "aria-disabled": f || m,
@@ -2301,7 +2301,7 @@ function P2() {
           return "Profiler";
         case b:
           return "StrictMode";
-        case _:
+        case F:
           return "Suspense";
         case N:
           return "SuspenseList";
@@ -2314,7 +2314,7 @@ function P2() {
         ), c.$$typeof) {
           case z:
             return "Portal";
-          case F:
+          case _:
             return (c.displayName || "Context") + ".Provider";
           case M:
             return (c._context.displayName || "Context") + ".Consumer";
@@ -2480,7 +2480,7 @@ React keys must be passed directly to JSX without using spread:
     function f(c) {
       typeof c == "object" && c !== null && c.$$typeof === w && c._store && (c._store.validated = 1);
     }
-    var m = Q0, w = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), F = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), S = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, H = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var m = Q0, w = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), S = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, H = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -5718,11 +5718,11 @@ const Z1 = ({
   style: b = {},
   ...j
 }) => {
-  const M = p0(), { bgColor: F, txtColor: D, borColor: _ } = d0({
+  const M = p0(), { bgColor: _, txtColor: D, borColor: F } = d0({
     border: z,
     fallback: r,
     componentType: "tag"
-  }), N = n ? L(n, M) : F, B = l ? L(l, M) : D, R = o ? L(o, M) : _, I = z && R ? `${d}px ${a} ${R}` : "none", E = V0(m, M), S = N0(w, M), A = {
+  }), N = n ? L(n, M) : _, B = l ? L(l, M) : D, R = o ? L(o, M) : F, I = z && R ? `${d}px ${a} ${R}` : "none", E = V0(m, M), S = N0(w, M), A = {
     sm: M.typography.fontSize.sm,
     md: M.typography.fontSize.base,
     lg: M.typography.fontSize.lg
@@ -5806,9 +5806,9 @@ const Z1 = ({
   tagColorType: b = "default",
   colorType: j = "default",
   label: M,
-  errorText: F,
+  errorText: _,
   error: D = !1,
-  clearable: _ = !1,
+  clearable: F = !1,
   disabled: N = !1,
   readOnly: B = !1,
   dropdownStyle: R = {},
@@ -6092,7 +6092,7 @@ const Z1 = ({
                         children: U0()
                       }
                     ),
-                    _ && !N && (E && (i == null ? void 0 : i.length) > 0 || !E && i) && /* @__PURE__ */ t.jsx(
+                    F && !N && (E && (i == null ? void 0 : i.length) > 0 || !E && i) && /* @__PURE__ */ t.jsx(
                       C1,
                       {
                         size: D0.fontSize,
@@ -6177,7 +6177,7 @@ const Z1 = ({
           }
         ),
         /* @__PURE__ */ t.jsx("div", { id: `${Z}-description`, className: "sr-only", children: U0() }),
-        D && F && /* @__PURE__ */ t.jsx(
+        D && _ && /* @__PURE__ */ t.jsx(
           "div",
           {
             id: `${Z}-error`,
@@ -6188,7 +6188,7 @@ const Z1 = ({
               fontSize: 14,
               color: L("danger-6", T)
             },
-            children: F
+            children: _
           }
         )
       ]
@@ -6215,10 +6215,10 @@ const Z1 = ({
   name: j = "segmented-control",
   ...M
 }) => {
-  const F = p0(), D = (S) => typeof S == "object" ? S.value : S, _ = (S) => typeof S == "object" ? S.label : S, N = (S) => typeof S == "object" && S.disabled, { bgColor: B } = d0({
+  const _ = p0(), D = (S) => typeof S == "object" ? S.value : S, F = (S) => typeof S == "object" ? S.label : S, N = (S) => typeof S == "object" && S.disabled, { bgColor: B } = d0({
     fallback: "hovered",
     componentType: "etc"
-  }), R = V0(z, F), I = N0(w, F), E = (S, A) => {
+  }), R = V0(z, _), I = N0(w, _), E = (S, A) => {
     (S.key === "Enter" || S.key === " ") && (S.preventDefault(), l || n == null || n(A));
   };
   return /* @__PURE__ */ t.jsx(
@@ -6240,7 +6240,7 @@ const Z1 = ({
       },
       ...M,
       children: s.map((S, A) => {
-        const H = D(S), $ = _(S), x = H === r, p = l || N(S);
+        const H = D(S), $ = F(S), x = H === r, p = l || N(S);
         return /* @__PURE__ */ t.jsx(
           P0,
           {
@@ -6326,9 +6326,9 @@ const Z1 = ({
   borderColor: b,
   borderType: j = "solid",
   borderWeight: M = 1,
-  width: F,
+  width: _,
   height: D,
-  className: _,
+  className: F,
   range: N = !1,
   startDate: B,
   endDate: R,
@@ -6401,11 +6401,11 @@ const Z1 = ({
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `sud-calendar ${_ || ""}`,
+      className: `sud-calendar ${F || ""}`,
       role: "application",
       "aria-label": "Calendar",
       style: {
-        width: F || "100%",
+        width: _ || "100%",
         height: D || "100%",
         display: "flex",
         flexDirection: "column",
@@ -6904,13 +6904,13 @@ const Z1 = ({
   style: j = {},
   variant: M = "card",
   // "card" | "drawer" | "modal" | "notification" | "toast"
-  divider: F = !1,
+  divider: _ = !1,
   ...D
 }) => {
-  const _ = p0(), { bgColor: N, txtColor: B, borColor: R } = d0({
+  const F = p0(), { bgColor: N, txtColor: B, borColor: R } = d0({
     border: v,
     fallback: o
-  }), I = a ? L(a, _) : N, E = d ? L(d, _) : B, S = C ? L(C, _) : R, A = v && S ? `${i}px ${u} ${S}` : "none", H = M === "drawer" ? {} : V0(f, _), $ = N0(m, _), x = _.spacing || {
+  }), I = a ? L(a, F) : N, E = d ? L(d, F) : B, S = C ? L(C, F) : R, A = v && S ? `${i}px ${u} ${S}` : "none", H = M === "drawer" ? {} : V0(f, F), $ = N0(m, F), x = F.spacing || {
     sm: "0.5rem",
     md: "1rem"
   };
@@ -6942,7 +6942,7 @@ const Z1 = ({
             children: typeof s == "string" ? /* @__PURE__ */ t.jsx(r0, { as: "h2", size: "lg", pretendard: "SB", color: E, children: s }) : s
           }
         ),
-        s && F && /* @__PURE__ */ t.jsx(L1, {}),
+        s && _ && /* @__PURE__ */ t.jsx(L1, {}),
         l && /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -6981,7 +6981,7 @@ const Z1 = ({
             children: r
           }
         )),
-        n && F && /* @__PURE__ */ t.jsx(L1, {}),
+        n && _ && /* @__PURE__ */ t.jsx(L1, {}),
         n && /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -7019,20 +7019,20 @@ const Z1 = ({
   // "overlap" | "fade" | "slide" | "scale" | "stack"
   ...b
 }) => {
-  const [j, M] = K(0), F = x0(!1), D = x0(0), _ = () => {
+  const [j, M] = K(0), _ = x0(!1), D = x0(0), F = () => {
     M(
       (S) => (S - 1 + s.length) % s.length
     );
   }, N = () => {
     M((S) => (S + 1) % s.length);
   }, B = (S) => {
-    S.preventDefault(), F.current = !0, D.current = S.clientX || S.touches[0].clientX;
+    S.preventDefault(), _.current = !0, D.current = S.clientX || S.touches[0].clientX;
   }, R = (S) => {
-    if (!F.current) return;
+    if (!_.current) return;
     const A = S.clientX || S.touches[0].clientX, H = D.current - A;
-    H > 50 ? (N(), F.current = !1) : H < -50 && (_(), F.current = !1);
+    H > 50 ? (N(), _.current = !1) : H < -50 && (F(), _.current = !1);
   }, I = () => {
-    F.current = !1;
+    _.current = !1;
   }, E = (S) => {
     const A = s.length, H = Math.min(l, A);
     if (H === 1)
@@ -7136,7 +7136,7 @@ const Z1 = ({
           {
             className: "sud-carousel__btn sud-carousel__btn--left",
             icon: w,
-            onClick: _,
+            onClick: F,
             colorType: "text",
             style: {
               position: "absolute",
@@ -7222,10 +7222,10 @@ const Z1 = ({
   className: b = "",
   size: j = "md",
   shape: M = "rounded",
-  style: F = {},
+  style: _ = {},
   ...D
 }) => {
-  const _ = p0(), [N, B] = K(n), R = r ?? N, I = (X) => {
+  const F = p0(), [N, B] = K(n), R = r ?? N, I = (X) => {
     const W = R.includes(X) ? R.filter((t0) => t0 !== X) : [...R, X];
     r === void 0 && B(W), l == null || l(W);
   }, {
@@ -7238,10 +7238,10 @@ const Z1 = ({
   }), { bgColor: H, txtColor: $ } = d0({
     border: !1,
     fallback: f
-  }), x = u ? L(u, _) : E, p = i ? L(i, _) : A, O = a ? L(a, _) : S, g = m ? L(m, _) : H, T = w ? L(w, _) : $, c = o && O ? `${v}px ${d} ${O}` : "none", { bgColor: h, txtColor: y } = d0({
+  }), x = u ? L(u, F) : E, p = i ? L(i, F) : A, O = a ? L(a, F) : S, g = m ? L(m, F) : H, T = w ? L(w, F) : $, c = o && O ? `${v}px ${d} ${O}` : "none", { bgColor: h, txtColor: y } = d0({
     border: !1,
     fallback: "disabled"
-  }), k = N0(z, _), P = V0(M, _), V = _.spacing[j] || _.spacing.md, Y = _.typography.fontSize[j === "md" ? "base" : j] || _.typography.fontSize.base;
+  }), k = N0(z, F), P = V0(M, F), V = F.spacing[j] || F.spacing.md, Y = F.typography.fontSize[j === "md" ? "base" : j] || F.typography.fontSize.base;
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -7251,7 +7251,7 @@ const Z1 = ({
         borderRadius: P.borderRadius,
         boxShadow: k,
         overflow: "hidden",
-        ...F
+        ..._
       },
       ...D,
       children: s.map((X, W) => {
@@ -7360,9 +7360,9 @@ const Z1 = ({
   className: j = "",
   placement: M = "right",
   // "left" | "right" | "top" | "bottom"
-  style: F = {},
+  style: _ = {},
   ariaLabel: D,
-  ariaDescribedby: _,
+  ariaDescribedby: F,
   ...N
 }) => {
   const B = p0(), R = V0(w, B), I = 9999, [E, S] = K(!1), [A, H] = K(!1), $ = x0();
@@ -7518,10 +7518,10 @@ const Z1 = ({
         role: "dialog",
         "aria-modal": "true",
         "aria-label": D || n,
-        "aria-describedby": _,
+        "aria-describedby": F,
         style: {
           ...x,
-          ...F
+          ..._
         },
         ...N
       }
@@ -7576,7 +7576,7 @@ const Z1 = ({
   borderWeight: Z = "1",
   ...b
 }) => {
-  const j = p0(), [M, F] = K(!1);
+  const j = p0(), [M, _] = K(!1);
   z0(() => {
     if (!document.getElementById("sud-image-styles")) {
       const S = document.createElement("style");
@@ -7584,18 +7584,18 @@ const Z1 = ({
     }
   }, []);
   const D = (S) => {
-    C ? F(!0) : u && u(S);
+    C ? _(!0) : u && u(S);
   };
-  let _ = 1;
+  let F = 1;
   if (i && i.includes("/")) {
     const [S, A] = i.split("/").map(Number);
-    !isNaN(S) && !isNaN(A) && A !== 0 && (_ = A / S);
+    !isNaN(S) && !isNaN(A) && A !== 0 && (F = A / S);
   }
   const N = N0(m, j), B = V0(f, j), R = `sud-image ${o}`, I = {
     position: "relative",
     display: "inline-block",
     width: typeof n == "number" ? `${n}px` : n || "100%",
-    height: l || (i && n && typeof n == "number" ? `${n * _}px` : void 0),
+    height: l || (i && n && typeof n == "number" ? `${n * F}px` : void 0),
     borderStyle: w ? z : void 0,
     borderWidth: w ? `${Z}px` : void 0,
     borderColor: w ? L(w, j) : void 0,
@@ -7677,7 +7677,7 @@ const Z1 = ({
             alignItems: "center",
             zIndex: 1e3
           },
-          onClick: () => F(!1),
+          onClick: () => _(!1),
           role: "dialog",
           "aria-label": "이미지 미리보기",
           "aria-modal": "true",
@@ -7718,9 +7718,9 @@ const Z1 = ({
   height: b,
   className: j = "",
   divider: M = !1,
-  style: F = {},
+  style: _ = {},
   ariaLabel: D,
-  ariaDescribedby: _,
+  ariaDescribedby: F,
   ...N
 }) => (p0(), z0(() => {
   const B = (R) => {
@@ -7738,7 +7738,7 @@ const Z1 = ({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": D || l,
-      "aria-describedby": _,
+      "aria-describedby": F,
       style: {
         position: "fixed",
         inset: 0,
@@ -7769,7 +7769,7 @@ const Z1 = ({
           className: j,
           divider: M,
           variant: "modal",
-          style: F,
+          style: _,
           children: o
         }
       ) })
@@ -7807,9 +7807,9 @@ const Z1 = ({
   borderWeight: b,
   shape: j = "rounded",
   shadow: M,
-  colorType: F,
+  colorType: _,
   style: D = {},
-  ..._
+  ...F
 }) => {
   const N = p0();
   return /* @__PURE__ */ t.jsx(
@@ -7834,7 +7834,7 @@ const Z1 = ({
       content: i,
       children: s,
       border: w,
-      colorType: F,
+      colorType: _,
       variant: "popover",
       role: "dialog",
       "aria-labelledby": r ? `popover-title-${r}` : void 0,
@@ -7843,7 +7843,7 @@ const Z1 = ({
         ...D,
         borderRadius: N.borderRadius[j] || N.borderRadius.md
       },
-      ..._
+      ...F
     }
   );
 }, j2 = ({
@@ -7873,7 +7873,7 @@ const Z1 = ({
     key: k.props.tabKey || `tab-${P}`,
     label: k.props.label,
     content: k.props.children
-  })), M = (y = j[0]) == null ? void 0 : y.key, [F, D] = K(r ?? M), _ = s ?? F, N = s !== void 0, B = x0([]), R = {
+  })), M = (y = j[0]) == null ? void 0 : y.key, [_, D] = K(r ?? M), F = s ?? _, N = s !== void 0, B = x0([]), R = {
     xs: {
       padding: b.spacing.xs,
       fontSize: b.typography.fontSize.xs
@@ -7933,7 +7933,7 @@ const Z1 = ({
   }), { bgColor: x, txtColor: p } = d0({
     fallback: "hovered",
     componentType: "etc"
-  }), O = j.find((k) => k.key === _), g = v ? L(v, b) : S, T = C ? L(C, b) : A, c = i ? L(i, b) : H, h = u && c ? `${m}px ${f} ${c}` : "none";
+  }), O = j.find((k) => k.key === F), g = v ? L(v, b) : S, T = C ? L(C, b) : A, c = i ? L(i, b) : H, h = u && c ? `${m}px ${f} ${c}` : "none";
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -7952,7 +7952,7 @@ const Z1 = ({
               borderBottom: `${m}px ${f} ${$}`
             },
             children: j.map(({ key: k, label: P }) => {
-              const V = k === _;
+              const V = k === F;
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -7999,8 +7999,8 @@ const Z1 = ({
           {
             className: "sud-tabs__content",
             role: "tabpanel",
-            id: `tabpanel-${_}`,
-            "aria-labelledby": `tab-${_}`,
+            id: `tabpanel-${F}`,
+            "aria-labelledby": `tab-${F}`,
             style: {
               borderTop: "none",
               padding: 16,
@@ -8048,10 +8048,10 @@ const c4 = ({
   shape: b,
   shadow: j,
   colorType: M,
-  style: F = {},
+  style: _ = {},
   ...D
 }) => {
-  const _ = p0();
+  const F = p0();
   return /* @__PURE__ */ t.jsx(
     h1,
     {
@@ -8078,8 +8078,8 @@ const c4 = ({
       role: "tooltip",
       "aria-describedby": r ? `tooltip-${r}` : void 0,
       style: {
-        ...F,
-        borderRadius: _.borderRadius[b] || _.borderRadius.md,
+        ..._,
+        borderRadius: F.borderRadius[b] || F.borderRadius.md,
         padding: "8px 12px"
       },
       ...D
@@ -8130,15 +8130,15 @@ const c4 = ({
 }) => {
   const f = p0(), m = Math.ceil(r / n), w = T0(() => {
     if (m <= d)
-      return Array.from({ length: m }, (D, _) => _ + 1);
+      return Array.from({ length: m }, (D, F) => F + 1);
     const b = Math.floor(d / 2);
     let j = Math.max(1, s - b), M = j + d - 1;
     M > m && (M = m, j = M - d + 1);
-    const F = [];
-    j > 1 && (F.push(1), j > 2 && F.push("..."));
+    const _ = [];
+    j > 1 && (_.push(1), j > 2 && _.push("..."));
     for (let D = j; D <= M; D++)
-      F.push(D);
-    return M < m && (M < m - 1 && F.push("..."), F.push(m)), F;
+      _.push(D);
+    return M < m && (M < m - 1 && _.push("..."), _.push(m)), _;
   }, [s, m, d]), z = (b) => {
     if (b === "...")
       return i1(
@@ -8384,7 +8384,7 @@ const c4 = ({
   overscanCount: j = 5,
   ...M
 }) => {
-  const [F, D] = K(1), [_, N] = K(0), B = x0(null), [R, I] = K(0);
+  const [_, D] = K(1), [F, N] = K(0), B = x0(null), [R, I] = K(0);
   z0(() => {
     if (B.current) {
       const y = new ResizeObserver((k) => {
@@ -8406,10 +8406,10 @@ const c4 = ({
       };
     const y = Math.max(
       0,
-      Math.floor(_ / b) - j
+      Math.floor(F / b) - j
     ), k = Math.min(
       s.length,
-      Math.ceil((_ + R) / b) + j
+      Math.ceil((F + R) / b) + j
     );
     return {
       visibleItems: s.slice(y, k),
@@ -8419,14 +8419,14 @@ const c4 = ({
   }, [
     Z,
     R,
-    _,
+    F,
     s,
     b,
     j
   ]), { pageSize: $, paginatedData: x } = T0(() => {
-    const y = (l == null ? void 0 : l.pageSize) || s.length, k = l ? s.slice((F - 1) * y, F * y) : s;
+    const y = (l == null ? void 0 : l.pageSize) || s.length, k = l ? s.slice((_ - 1) * y, _ * y) : s;
     return { pageSize: y, paginatedData: k };
-  }, [s, l, F]), p = r === "row", O = F0((y) => {
+  }, [s, l, _]), p = r === "row", O = F0((y) => {
     N(y.target.scrollTop);
   }, []), g = F0((y) => {
     const k = {
@@ -8454,7 +8454,7 @@ const c4 = ({
           children: /* @__PURE__ */ t.jsx(
             b2,
             {
-              current: F,
+              current: _,
               total: s.length,
               pageSize: $,
               onChange: T,
@@ -8466,7 +8466,7 @@ const c4 = ({
     },
     [
       l,
-      F,
+      _,
       s.length,
       $,
       z,
@@ -8749,11 +8749,11 @@ const y2 = Q0.memo(
     const z = p0(), Z = L(r, z), { txtColor: b, borColor: j } = d0({
       border: !0,
       fallback: "default"
-    }), M = x0(), F = x0(), [D, _] = K(0);
+    }), M = x0(), _ = x0(), [D, F] = K(0);
     w1(() => {
       var p, O;
-      const $ = ((p = M.current) == null ? void 0 : p.offsetHeight) || 0, x = ((O = F.current) == null ? void 0 : O.offsetHeight) || 0;
-      _(i + Math.max($, x));
+      const $ = ((p = M.current) == null ? void 0 : p.offsetHeight) || 0, x = ((O = _.current) == null ? void 0 : O.offsetHeight) || 0;
+      F(i + Math.max($, x));
     }, [n, l, i]);
     const N = T0(
       () => ({
@@ -8849,7 +8849,7 @@ const y2 = Q0.memo(
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: F,
+              ref: _,
               className: "sud-timeline__item-right",
               role: "presentation",
               children: m(l, "left", b)
@@ -8906,7 +8906,7 @@ const y2 = Q0.memo(
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: F,
+              ref: _,
               className: "sud-timeline__item-right",
               role: "presentation",
               children: m(l, "left", b)
@@ -8975,14 +8975,16 @@ const n4 = ({
   width: b = "100%",
   height: j = "auto",
   style: M = {},
-  pagination: F,
+  pagination: _ = !1,
   onChange: D,
-  emptyText: _ = "데이터가 없습니다",
+  emptyText: F = "데이터가 없습니다",
   ...N
 }) => {
   if (s.length === 0 || r.length === 0)
-    return /* @__PURE__ */ t.jsx(V1, { description: _ });
-  const B = p0(), [R, I] = K(null), [E, S] = K((F == null ? void 0 : F.current) || 1), A = (F == null ? void 0 : F.pageSize) || 10, H = (F == null ? void 0 : F.total) || r.length, {
+    return /* @__PURE__ */ t.jsx(V1, { description: F });
+  const B = p0(), [R, I] = K(null), [E, S] = K(
+    _ && _.current ? _.current : 1
+  ), A = _ && _ !== !1 ? _.pageSize || 10 : r.length, H = _ && _ !== !1 && _.total || r.length, {
     bgColor: $,
     txtColor: x,
     borColor: p
@@ -9013,9 +9015,11 @@ const n4 = ({
       return U === "ascend" ? C0 : -C0;
     });
   }, [r, R, s]), Y = T0(() => {
+    if (!_ || _ === !1)
+      return V;
     const G = (E - 1) * A, U = G + A;
     return V.slice(G, U);
-  }, [V, E, A]), X = F0(
+  }, [V, E, A, _]), X = F0(
     (G) => {
       if (!G.sorter) return;
       const U = G.dataIndex || G.key;
@@ -9028,9 +9032,9 @@ const n4 = ({
   ), W = F0(
     (G) => {
       var U;
-      S(G), (U = F == null ? void 0 : F.onChange) == null || U.call(F, G);
+      S(G), (U = _ == null ? void 0 : _.onChange) == null || U.call(_, G);
     },
-    [F]
+    [_]
   ), t0 = F0((G) => {
     switch (G) {
       case "bottom-left":
@@ -9224,7 +9228,7 @@ const n4 = ({
                 },
                 role: "alert",
                 "aria-live": "polite",
-                children: /* @__PURE__ */ t.jsx(V1, { description: _ })
+                children: /* @__PURE__ */ t.jsx(V1, { description: F })
               }
             ) : /* @__PURE__ */ t.jsxs(
               "table",
@@ -9294,14 +9298,14 @@ const n4 = ({
             )
           }
         ),
-        F && Y.length > 0 && /* @__PURE__ */ t.jsx(
+        _ && _ !== !1 && Y.length > 0 && /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "sud-table__pagination",
             style: {
               display: "flex",
               marginTop: "12px",
-              ...t0(F.position)
+              ...t0(_.position)
             },
             role: "navigation",
             "aria-label": "페이지네이션",
@@ -9340,10 +9344,10 @@ function P1({
   const z = p0(), { bgColor: Z } = d0({
     border: !1,
     fallback: v
-  }), b = a ? L(a, z) : Z, [j, M] = K(r || !1), [F, D] = K(!1), _ = s !== void 0, N = _ ? s : j, B = l === "top" || l === "bottom", R = x0(), I = x0(), E = F || N ? b : L("cool-gray-3", z), S = (A) => {
+  }), b = a ? L(a, z) : Z, [j, M] = K(r || !1), [_, D] = K(!1), F = s !== void 0, N = F ? s : j, B = l === "top" || l === "bottom", R = x0(), I = x0(), E = _ || N ? b : L("cool-gray-3", z), S = (A) => {
     if (A.stopPropagation(), d) return;
     const H = !N;
-    _ || M(H), n == null || n(H), R.current && S1(R.current), I.current && W1(I.current);
+    F || M(H), n == null || n(H), R.current && S1(R.current), I.current && W1(I.current);
   };
   return /* @__PURE__ */ t.jsxs(
     "label",
@@ -9434,8 +9438,8 @@ P1.Group = function({
   role: z = "group"
 }) {
   const Z = (M) => {
-    const F = n.includes(M) ? n.filter((D) => D !== M) : [...n, M];
-    l == null || l(F);
+    const _ = n.includes(M) ? n.filter((D) => D !== M) : [...n, M];
+    l == null || l(_);
   }, b = o === "horizontal", j = {
     display: "grid",
     gap: d,
@@ -9451,7 +9455,7 @@ P1.Group = function({
       role: z,
       "aria-label": m,
       "aria-required": w,
-      children: r.map(({ value: M, label: F }) => /* @__PURE__ */ t.jsx(
+      children: r.map(({ value: M, label: _ }) => /* @__PURE__ */ t.jsx(
         P1,
         {
           checked: n.includes(M),
@@ -9460,7 +9464,7 @@ P1.Group = function({
           color: u,
           colorType: i,
           labelPosition: f,
-          children: F
+          children: _
         },
         M
       ))
@@ -9488,9 +9492,9 @@ const I0 = ({
   maxLength: b,
   password: j = !1,
   type: M = "text",
-  clearable: F = !1,
+  clearable: _ = !1,
   placeholder: D,
-  value: _ = "",
+  value: F = "",
   onChange: N = () => {
   },
   shape: B = "rounded",
@@ -9614,7 +9618,7 @@ const I0 = ({
                 {
                   className: `sud-input__field cursor-${w ? "not-allowed" : ""}`,
                   type: $0,
-                  value: _,
+                  value: F,
                   onChange: N,
                   placeholder: D,
                   disabled: w,
@@ -9643,7 +9647,7 @@ const I0 = ({
                   }
                 }
               ),
-              F && !z && !w && _ && /* @__PURE__ */ t.jsx(
+              _ && !z && !w && F && /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   className: "sud-input__clear",
@@ -9669,7 +9673,7 @@ const I0 = ({
                     color: L(w ? "cool-gray-3" : "info-6", V)
                   },
                   children: [
-                    _.length,
+                    F.length,
                     "/",
                     b
                   ]
@@ -9739,9 +9743,9 @@ const I0 = ({
   size: b = "md",
   rows: j = 4,
   maxLength: M,
-  resizable: F = !1,
+  resizable: _ = !1,
   autoSize: D = !1,
-  bottomLeft: _,
+  bottomLeft: F,
   bottomRight: N,
   id: B,
   name: R,
@@ -9858,7 +9862,7 @@ const I0 = ({
                     outline: "none",
                     color: h,
                     fontSize: Y.fontSize,
-                    resize: F ? "both" : "none",
+                    resize: _ ? "both" : "none",
                     minHeight: Y.height * j,
                     ...D && {
                       height: "auto",
@@ -9867,7 +9871,7 @@ const I0 = ({
                   }
                 }
               ),
-              (_ || N || M) && /* @__PURE__ */ t.jsxs(
+              (F || N || M) && /* @__PURE__ */ t.jsxs(
                 "div",
                 {
                   className: "sud-textarea__bottom",
@@ -9879,7 +9883,7 @@ const I0 = ({
                     color: L(C ? "cool-gray-3" : "cool-gray-6", p)
                   },
                   children: [
-                    /* @__PURE__ */ t.jsx("div", { className: "sud-textarea__bottom-left", children: _ }),
+                    /* @__PURE__ */ t.jsx("div", { className: "sud-textarea__bottom-left", children: F }),
                     /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -9949,9 +9953,9 @@ const _9 = ({
   shadow: b = "sm",
   size: j = "md",
   length: M = 6,
-  id: F,
+  id: _,
   colorType: D = "default",
-  label: _,
+  label: F,
   errorText: N,
   error: B = !1
 }) => {
@@ -9988,17 +9992,17 @@ const _9 = ({
         ...v
       },
       children: [
-        _ && /* @__PURE__ */ t.jsx(
+        F && /* @__PURE__ */ t.jsx(
           "label",
           {
             className: "sud-input-otp__label",
-            htmlFor: F,
+            htmlFor: _,
             style: {
               display: "block",
               marginBottom: 6,
               marginLeft: T.padding
             },
-            children: typeof _ == "string" ? /* @__PURE__ */ t.jsx(
+            children: typeof F == "string" ? /* @__PURE__ */ t.jsx(
               r0,
               {
                 as: "span",
@@ -10011,9 +10015,9 @@ const _9 = ({
                   marginBottom: 6,
                   marginLeft: T.padding
                 },
-                children: _
+                children: F
               }
-            ) : _
+            ) : F
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -10056,7 +10060,7 @@ const _9 = ({
                   boxShadow: g
                 },
                 "aria-invalid": B,
-                "aria-describedby": N ? `error-${F}` : void 0
+                "aria-describedby": N ? `error-${_}` : void 0
               },
               P
             ))
@@ -10109,9 +10113,9 @@ const i2 = ({
   minMaxVisible: b = !1,
   colorType: j = "primary",
   mark: M = "",
-  style: F = {},
+  style: _ = {},
   className: D = "",
-  shadow: _ = "md",
+  shadow: F = "md",
   size: N = "sm",
   thumbColor: B,
   popupClassName: R = "",
@@ -10126,7 +10130,7 @@ const i2 = ({
     border: C,
     fallback: j,
     componentType: "button"
-  }), Y = N0(_, x), X = v ? L(v, x) : P, W = f ? L(f, x) : V, t0 = W ? `${i}px ${u} ${W}` : "none", q = {
+  }), Y = N0(F, x), X = v ? L(v, x) : P, W = f ? L(f, x) : V, t0 = W ? `${i}px ${u} ${W}` : "none", q = {
     sm: { width: 8, height: 240, thumb: 20, fontSize: 14 },
     md: { width: 16, height: 320, thumb: 28, fontSize: 16 },
     lg: { width: 24, height: 400, thumb: 36, fontSize: 18 }
@@ -10246,7 +10250,7 @@ const i2 = ({
         position: "relative",
         width: a ? R0 : $0,
         height: a ? $0 : R0,
-        ...F
+        ..._
       },
       ...$,
       children: [
@@ -10406,9 +10410,9 @@ const i2 = ({
   borderWeight: b,
   shape: j = "rounded",
   shadow: M,
-  colorType: F,
+  colorType: _,
   type: D = "primary",
-  onCancel: _,
+  onCancel: F,
   onConfirm: N,
   footer: B,
   style: R = {},
@@ -10436,7 +10440,7 @@ const i2 = ({
   ] }) : null, g = () => {
     N == null || N(), x(!1);
   }, T = () => {
-    _ == null || _(), x(!1);
+    F == null || F(), x(!1);
   }, c = () => {
     if (!i) return null;
     const h = /* @__PURE__ */ t.jsx("div", { children: i });
@@ -10471,7 +10475,7 @@ const i2 = ({
       title: O(),
       content: c(),
       children: s,
-      colorType: F,
+      colorType: _,
       variant: "popconfirm",
       style: {
         ...R,
@@ -10517,7 +10521,7 @@ const o4 = ({
   buttonProps: z = {},
   ...Z
 }) => {
-  const b = x0(), [j, M] = K(s), [F, D] = K("HEX"), [_, N] = K(210), [B, R] = K(100), [I, E] = K({ x: 0, y: 0 }), [S, A] = K({ h: 210, s: 100, b: 100 }), [H, $] = K({ r: 22, g: 119, b: 255 }), x = {
+  const b = x0(), [j, M] = K(s), [_, D] = K("HEX"), [F, N] = K(210), [B, R] = K(100), [I, E] = K({ x: 0, y: 0 }), [S, A] = K({ h: 210, s: 100, b: 100 }), [H, $] = K({ r: 22, g: 119, b: 255 }), x = {
     sm: 32,
     md: 40,
     lg: 48
@@ -10556,10 +10560,10 @@ const o4 = ({
     (g) => {
       const T = b.current.getBoundingClientRect(), c = Math.min(Math.max(g.clientX - T.left, 0), T.width), h = Math.min(Math.max(g.clientY - T.top, 0), T.height);
       E({ x: c, y: h });
-      const y = c / T.width, k = 1 - h / T.height, P = _, V = (t0, q = (t0 + P / 60) % 6) => k - k * y * Math.max(Math.min(q, 4 - q, 1), 0), Y = Math.round(V(5) * 255), X = Math.round(V(3) * 255), W = Math.round(V(1) * 255);
+      const y = c / T.width, k = 1 - h / T.height, P = F, V = (t0, q = (t0 + P / 60) % 6) => k - k * y * Math.max(Math.min(q, 4 - q, 1), 0), Y = Math.round(V(5) * 255), X = Math.round(V(3) * 255), W = Math.round(V(1) * 255);
       p({ r: Y, g: X, b: W });
     },
-    [_, p]
+    [F, p]
   );
   return /* @__PURE__ */ t.jsx(
     K1,
@@ -10611,14 +10615,14 @@ const o4 = ({
                   width: "100%",
                   aspectRatio: "1 / 1",
                   borderRadius: 8,
-                  background: `linear-gradient(to right, #fff, rgba(255,255,255,0)), linear-gradient(to top, #000, transparent), hsl(${_}, 100%, 50%)`,
+                  background: `linear-gradient(to right, #fff, rgba(255,255,255,0)), linear-gradient(to top, #000, transparent), hsl(${F}, 100%, 50%)`,
                   cursor: "crosshair"
                 },
                 role: "slider",
                 "aria-label": "색상 선택",
                 "aria-valuemin": 0,
                 "aria-valuemax": 360,
-                "aria-valuenow": _,
+                "aria-valuenow": F,
                 tabIndex: 0,
                 children: /* @__PURE__ */ t.jsx(
                   "div",
@@ -10645,7 +10649,7 @@ const o4 = ({
                 className: "sud-color-picker__controls",
                 style: {
                   display: "grid",
-                  gridTemplateColumns: F === "HEX" ? "1fr 3fr 1fr" : "1fr 1fr 1fr 1fr 1fr",
+                  gridTemplateColumns: _ === "HEX" ? "1fr 3fr 1fr" : "1fr 1fr 1fr 1fr 1fr",
                   gap: 8,
                   alignItems: "center"
                 },
@@ -10654,14 +10658,14 @@ const o4 = ({
                     N1,
                     {
                       size: "sm",
-                      value: F,
+                      value: _,
                       onChange: D,
                       options: F9,
                       className: "sud-color-picker__mode-select",
                       ...i
                     }
                   ),
-                  F === "HEX" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  _ === "HEX" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(
                       I0,
                       {
@@ -10691,7 +10695,7 @@ const o4 = ({
                       }
                     )
                   ] }),
-                  F === "HSB" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  _ === "HSB" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(
                       I0,
                       {
@@ -10744,7 +10748,7 @@ const o4 = ({
                       }
                     )
                   ] }),
-                  F === "RGB" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  _ === "RGB" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(
                       I0,
                       {
@@ -10798,7 +10802,7 @@ const o4 = ({
               {
                 min: 0,
                 max: 360,
-                value: _,
+                value: F,
                 size: "md",
                 onChange: (g) => {
                   N(g), A((T) => ({ ...T, h: g }));
@@ -10882,9 +10886,9 @@ const o4 = ({
   popConfirmProps: b = {},
   inputProps: j = {},
   calendarProps: M = {},
-  id: F,
+  id: _,
   ariaLabel: D,
-  ariaRequired: _,
+  ariaRequired: F,
   ariaInvalid: N,
   ariaDescribedby: B
 }) => {
@@ -10945,9 +10949,9 @@ const o4 = ({
           error: d,
           errorText: v,
           className: C,
-          id: F,
+          id: _,
           ariaLabel: D || f,
-          ariaRequired: _,
+          ariaRequired: F,
           ariaInvalid: N,
           ariaDescribedby: B,
           value: E,
@@ -10984,8 +10988,8 @@ function Y1({
   const w = p0(), { bgColor: z } = d0({
     border: !1,
     fallback: v
-  }), Z = a ? L(a, w) : z, [b, j] = K(r || !1), [M, F] = K(!1), D = s !== void 0, _ = D ? s : b, N = l === "top" || l === "bottom", B = x0(), R = x0(), I = M || _ ? Z : L("cool-gray-3", w), E = (S) => {
-    if (S.stopPropagation(), d || _) return;
+  }), Z = a ? L(a, w) : z, [b, j] = K(r || !1), [M, _] = K(!1), D = s !== void 0, F = D ? s : b, N = l === "top" || l === "bottom", B = x0(), R = x0(), I = M || F ? Z : L("cool-gray-3", w), E = (S) => {
+    if (S.stopPropagation(), d || F) return;
     const A = !0;
     D || j(A), n == null || n(A), B.current && S1(B.current), R.current && W1(R.current);
   };
@@ -11007,10 +11011,10 @@ function Y1({
         ...C
       },
       onClick: E,
-      onMouseEnter: () => F(!0),
-      onMouseLeave: () => F(!1),
+      onMouseEnter: () => _(!0),
+      onMouseLeave: () => _(!1),
       role: "radio",
-      "aria-checked": _,
+      "aria-checked": F,
       "aria-label": i,
       "aria-required": f,
       "aria-disabled": d,
@@ -11026,7 +11030,7 @@ function Y1({
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              background: _ ? Z : L("white-10", w),
+              background: F ? Z : L("white-10", w),
               border: `1px solid ${I}`,
               borderRadius: "50%",
               transition: "border-color 0.2s ease, background 0.2s ease"
@@ -11093,7 +11097,7 @@ Y1.Group = function({
       role: "radiogroup",
       "aria-label": m,
       "aria-required": w,
-      children: r.map(({ value: M, label: F }) => /* @__PURE__ */ t.jsx(
+      children: r.map(({ value: M, label: _ }) => /* @__PURE__ */ t.jsx(
         Y1,
         {
           checked: n === M,
@@ -11103,8 +11107,8 @@ Y1.Group = function({
           colorType: i,
           labelPosition: f,
           name: z,
-          ariaLabel: F,
-          children: F
+          ariaLabel: _,
+          children: _
         },
         M
       ))
@@ -11133,15 +11137,15 @@ const i4 = ({
   icon: j = "star",
   ...M
 }) => {
-  const F = p0(), [D, _] = K(n), [N, B] = K(null), R = l !== void 0, I = R ? l : D, E = T0(() => !u && typeof j == "string" ? j === "heart" ? "coral" : "gold" : u || "gold", [u, j]), { bgColor: S } = d0({
+  const _ = p0(), [D, F] = K(n), [N, B] = K(null), R = l !== void 0, I = R ? l : D, E = T0(() => !u && typeof j == "string" ? j === "heart" ? "coral" : "gold" : u || "gold", [u, j]), { bgColor: S } = d0({
     fallback: "hovered",
     componentType: "etc"
   }), A = T0(
-    () => L(i || E, F),
-    [i, E, F]
+    () => L(i || E, _),
+    [i, E, _]
   ), H = T0(
-    () => f ? L(f, F) : S,
-    [f, S, F]
+    () => f ? L(f, _) : S,
+    [f, S, _]
   ), $ = F0(
     (h) => typeof j == "function" ? j(h, m) : j === "heart" ? /* @__PURE__ */ t.jsx(r9, { size: m, color: h }) : /* @__PURE__ */ t.jsx(s9, { size: m, color: h }),
     [j, m]
@@ -11182,7 +11186,7 @@ const i4 = ({
     (h) => {
       if (a || d) return;
       const y = v && h === I ? 0 : h;
-      R || _(y), o == null || o(y);
+      R || F(y), o == null || o(y);
     },
     [a, d, v, I, R, o]
   ), g = F0(
@@ -11198,7 +11202,7 @@ const i4 = ({
     (h) => {
       if (a || d) return;
       let y = I;
-      h.key === "ArrowRight" ? y = Math.min(I + 1, s) : h.key === "ArrowLeft" ? y = Math.max(I - 1, 0) : h.key === "Home" ? y = 0 : h.key === "End" && (y = s), R || _(y), o == null || o(y);
+      h.key === "ArrowRight" ? y = Math.min(I + 1, s) : h.key === "ArrowLeft" ? y = Math.max(I - 1, 0) : h.key === "Home" ? y = 0 : h.key === "End" && (y = s), R || F(y), o == null || o(y);
     },
     [a, d, I, s, R, o]
   );
@@ -11268,10 +11272,10 @@ const i4 = ({
   ariaLabel: b,
   ...j
 }) => {
-  const M = p0(), [F, D] = K(r || !1), _ = s !== void 0, N = _ ? s : F, B = x0(), R = f2(), I = Z || R, E = (c) => {
+  const M = p0(), [_, D] = K(r || !1), F = s !== void 0, N = F ? s : _, B = x0(), R = f2(), I = Z || R, E = (c) => {
     if (l) return;
     const h = !N;
-    _ || D(h), n == null || n(h), B.current && W1(B.current), S1(c.currentTarget);
+    F || D(h), n == null || n(h), B.current && W1(B.current), S1(c.currentTarget);
   }, S = (c) => {
     l || (c.key === "Enter" || c.key === " ") && (c.preventDefault(), E(c));
   }, A = N0(i, M), { bgColor: H } = d0({
@@ -11388,7 +11392,7 @@ const i4 = ({
   const [u, i] = K(null), [f, m] = K(0), [w, z] = K("hour"), [Z, b] = K({
     startTime: { hour: !1, minute: !1, second: !1 },
     endTime: { hour: !1, minute: !1, second: !1 }
-  }), j = n, M = l, F = a, D = (Y) => {
+  }), j = n, M = l, _ = a, D = (Y) => {
     if (!Y || !n0(Y).isValid())
       return { hour: null, minute: null, second: null };
     const X = n0(Y);
@@ -11399,7 +11403,7 @@ const i4 = ({
       ampm: X.hour() < 12 ? "AM" : "PM"
     };
   }, {
-    hour: _,
+    hour: F,
     minute: N,
     second: B,
     ampm: R
@@ -11410,7 +11414,7 @@ const i4 = ({
     ampm: A
   } = D(s == null ? void 0 : s.endTime), [H, $] = K({
     startTime: {
-      hour: _ ?? null,
+      hour: F ?? null,
       minute: N ?? null,
       second: B ?? null,
       ampm: R ?? "AM"
@@ -11425,7 +11429,7 @@ const i4 = ({
     const Y = M ? 12 : 24;
     return Array.from({ length: Y }, (X, W) => W + (M ? 1 : 0));
   }, [l]), p = T0(
-    () => Array.from({ length: 60 / F }, (Y, X) => X * F),
+    () => Array.from({ length: 60 / _ }, (Y, X) => X * _),
     [a]
   ), O = T0(() => Array.from({ length: 60 }, (Y, X) => X), []), g = (Y, X) => M ? X === "AM" ? Y % 12 : Y % 12 + 12 : Y, T = (Y, X) => {
     const W = { ...H }, t0 = j && f === 1 ? "endTime" : "startTime";
@@ -11571,9 +11575,9 @@ const i4 = ({
   use12Hours: b = !1,
   step: j = 1,
   popConfirmProps: M = {},
-  inputProps: F = {},
+  inputProps: _ = {},
   timePickerProps: D = {},
-  id: _,
+  id: F,
   ariaLabel: N,
   ariaRequired: B,
   ariaInvalid: R,
@@ -11641,7 +11645,7 @@ const i4 = ({
           error: d,
           errorText: v,
           className: C,
-          id: _,
+          id: F,
           ariaLabel: N || f,
           ariaRequired: B,
           ariaInvalid: R,
@@ -11846,9 +11850,9 @@ const E1 = {
   cardBorderType: b = "solid",
   cardBorderWeight: j = 1,
   cardShape: M = "rounded",
-  cardShadow: F = "none",
+  cardShadow: _ = "none",
   uploadIconSize: D = 24,
-  uploadText: _ = "업로드",
+  uploadText: F = "업로드",
   uploadTextColor: N = "cool-gray-6",
   uploadTextSize: B = "sm",
   children: R,
@@ -11958,7 +11962,7 @@ const E1 = {
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: L(z, h0),
-    boxShadow: N0(F, h0)
+    boxShadow: N0(_, h0)
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -12114,7 +12118,7 @@ const E1 = {
                             style: { color: U0 }
                           }
                         ),
-                        /* @__PURE__ */ t.jsx(r0, { size: B, color: N, children: _ })
+                        /* @__PURE__ */ t.jsx(r0, { size: B, color: N, children: F })
                       ]
                     }
                   )
@@ -12185,10 +12189,10 @@ const E1 = {
   style: Z = {},
   ...b
 }) => {
-  const j = p0(), M = Math.min(100, Math.max(0, r / n * 100)), { txtColor: F, bgColor: D } = d0({
+  const j = p0(), M = Math.min(100, Math.max(0, r / n * 100)), { txtColor: _, bgColor: D } = d0({
     fallback: v,
     componentType: "tag"
-  }), _ = u ? L(u, j) : F, { bgColor: N } = d0({
+  }), F = u ? L(u, j) : _, { bgColor: N } = d0({
     fallback: C,
     componentType: "etc"
   }), B = N0(z, j), R = {
@@ -12212,7 +12216,7 @@ const E1 = {
     }
   }, { barHeight: I, circleSize: E, strokeWidth: S, fontSize: A } = R[f], H = typeof m == "number" ? m : A;
   if (s === "bar") {
-    const P = i.startsWith("inside"), V = P ? D : _, Y = r === n ? a && Q0.cloneElement(a, { color: V }) : d ? Q0.cloneElement(d, { color: V }) : /* @__PURE__ */ t.jsxs(
+    const P = i.startsWith("inside"), V = P ? D : F, Y = r === n ? a && Q0.cloneElement(a, { color: V }) : d ? Q0.cloneElement(d, { color: V }) : /* @__PURE__ */ t.jsxs(
       r0,
       {
         size: H,
@@ -12263,13 +12267,13 @@ const E1 = {
                   className: "sud-progress__gauge",
                   style: {
                     width: `${M}%`,
-                    backgroundColor: _,
+                    backgroundColor: F,
                     height: "100%",
                     transition: "width 0.3s",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: X[i],
-                    color: P ? D : _,
+                    color: P ? D : F,
                     fontSize: H,
                     paddingInline: P ? 4 : 0,
                     boxSizing: "border-box",
@@ -12286,11 +12290,11 @@ const E1 = {
       }
     );
   }
-  const $ = E / 2, x = $ - S / 2, p = 2 * Math.PI * x, O = s === "dashboard", c = (O ? 270 : 360) / 360 * p, h = O ? `${c} ${p}` : `${p}`, y = O ? c * (1 - M / 100) : p * (1 - M / 100), k = r === n ? a && Q0.cloneElement(a, { color: _ }) : d ? Q0.cloneElement(d, { color: _ }) : o && /* @__PURE__ */ t.jsxs(
+  const $ = E / 2, x = $ - S / 2, p = 2 * Math.PI * x, O = s === "dashboard", c = (O ? 270 : 360) / 360 * p, h = O ? `${c} ${p}` : `${p}`, y = O ? c * (1 - M / 100) : p * (1 - M / 100), k = r === n ? a && Q0.cloneElement(a, { color: F }) : d ? Q0.cloneElement(d, { color: F }) : o && /* @__PURE__ */ t.jsxs(
     r0,
     {
       size: H,
-      color: _,
+      color: F,
       pretendard: "B",
       align: "center",
       className: "sud-progress__text",
@@ -12353,7 +12357,7 @@ const E1 = {
                   cx: $,
                   cy: $,
                   r: x,
-                  stroke: _,
+                  stroke: F,
                   strokeWidth: S,
                   fill: "none",
                   strokeDasharray: h,
@@ -12657,9 +12661,9 @@ const x4 = {
   ariaPressed: b,
   ariaExpanded: j,
   ariaControls: M,
-  role: F = "button",
+  role: _ = "button",
   subColorType: D = "default",
-  size: _ = "md"
+  size: F = "md"
 }) => {
   const [N, B] = K(!1), R = n.length > 0, I = h2[l] || h2["bottom-right"], E = I.direction, A = {
     xs: 32,
@@ -12667,7 +12671,7 @@ const x4 = {
     md: 48,
     lg: 56,
     xl: 64
-  }[_];
+  }[F];
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -12732,7 +12736,7 @@ const x4 = {
                   ariaPressed: H.ariaPressed,
                   ariaExpanded: H.ariaExpanded,
                   ariaControls: H.ariaControls,
-                  role: H.role || F
+                  role: H.role || _
                 }
               )
             },
@@ -12757,7 +12761,7 @@ const x4 = {
             ariaPressed: b,
             ariaExpanded: j,
             ariaControls: M,
-            role: F,
+            role: _,
             disabled: m,
             shadow: w,
             style: { width: A, height: A, ...z }
@@ -12774,8 +12778,8 @@ const x4 = {
   const l = x0(null), o = x0(null), a = x0(null), [d, v] = K(0), [C, u] = K(0), [i, f] = K(0);
   w1(() => {
     const j = () => {
-      var F, D, _;
-      v(((F = l.current) == null ? void 0 : F.offsetHeight) || 0), u(((D = o.current) == null ? void 0 : D.offsetHeight) || 0), f(((_ = a.current) == null ? void 0 : _.offsetWidth) || 0);
+      var _, D, F;
+      v(((_ = l.current) == null ? void 0 : _.offsetHeight) || 0), u(((D = o.current) == null ? void 0 : D.offsetHeight) || 0), f(((F = a.current) == null ? void 0 : F.offsetWidth) || 0);
     };
     j();
     const M = new ResizeObserver(j);
@@ -12848,10 +12852,10 @@ const x4 = {
     style: Z = {},
     ...b
   }, j) => {
-    const M = p0(), { bgColor: F, txtColor: D, borColor: _ } = d0({
+    const M = p0(), { bgColor: _, txtColor: D, borColor: F } = d0({
       border: z,
       fallback: l
-    }), N = r ? L(r, M) : F, B = n ? L(n, M) : D, R = o ? L(o, M) : _, I = z && R ? `${d}px ${a} ${R}` : "none", E = C === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, S = N0(f, M);
+    }), N = r ? L(r, M) : _, B = n ? L(n, M) : D, R = o ? L(o, M) : F, I = z && R ? `${d}px ${a} ${R}` : "none", E = C === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, S = N0(f, M);
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -12903,10 +12907,10 @@ const E9 = R1(
     border: b = !0,
     style: j = {},
     ...M
-  }, F) => {
-    const D = x0(null), _ = F || D, N = p0();
+  }, _) => {
+    const D = x0(null), F = _ || D, N = p0();
     z0(() => {
-      _.current && (m == null || m(_.current.offsetWidth));
+      F.current && (m == null || m(F.current.offsetWidth));
     }, []);
     const { bgColor: B, txtColor: R, borColor: I } = d0({
       border: b,
@@ -12915,7 +12919,7 @@ const E9 = R1(
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: _,
+        ref: F,
         className: l0(
           "sud-sider",
           "relative flex flex-col gap-10 jus-start Pretendard-R",
@@ -13012,14 +13016,14 @@ const V9 = R1(
     style: b = {},
     ...j
   }, M) => {
-    const F = x0(null), D = M || F, _ = p0();
+    const _ = x0(null), D = M || _, F = p0();
     z0(() => {
       D.current && (m == null || m(D.current.offsetHeight));
     }, []);
     const { bgColor: N, txtColor: B, borColor: R } = d0({
       border: Z,
       fallback: l
-    }), I = r ? L(r, _) : N, E = n ? L(n, _) : B, S = o ? L(o, _) : R, A = Z && S ? `${d}px ${a} ${S}` : "none", H = N0(f, _), $ = C === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
+    }), I = r ? L(r, F) : N, E = n ? L(n, F) : B, S = o ? L(o, F) : R, A = Z && S ? `${d}px ${a} ${S}` : "none", H = N0(f, F), $ = C === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -13230,10 +13234,10 @@ const P9 = ({ isOpen: s, children: r }) => {
     r === void 0 && w(D), l == null || l(D);
   }, M = (D) => {
     Z(
-      (_) => _.includes(D) ? _.filter((N) => N !== D) : [..._, D]
+      (F) => F.includes(D) ? F.filter((N) => N !== D) : [...F, D]
     );
-  }, F = (D, _, N) => {
-    const B = b === D && _, I = d0({
+  }, _ = (D, F, N) => {
+    const B = b === D && F, I = d0({
       border: !1,
       componentType: "etc",
       fallback: B ? "selected" : N ? "hovered" : "default"
@@ -13251,7 +13255,7 @@ const P9 = ({ isOpen: s, children: r }) => {
         ...i,
         padding: "8px 0"
       },
-      children: /* @__PURE__ */ t.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: s.map((D, _) => /* @__PURE__ */ t.jsx(
+      children: /* @__PURE__ */ t.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: s.map((D, F) => /* @__PURE__ */ t.jsx(
         U1,
         {
           item: D,
@@ -13259,10 +13263,10 @@ const P9 = ({ isOpen: s, children: r }) => {
           onSelect: j,
           toggleOpen: M,
           openKeys: z,
-          getItemStyle: F,
+          getItemStyle: _,
           theme: f
         },
-        D.key || `menu-item-${_}`
+        D.key || `menu-item-${F}`
       )) })
     }
   );
@@ -13281,14 +13285,14 @@ const P9 = ({ isOpen: s, children: r }) => {
     border: !1,
     componentType: "etc",
     fallback: w ? "selected" : "hovered"
-  }), M = w ? a.selectedColor || j.bgColor : a.hoverColor || j.bgColor, F = w ? a.selectedTextColor || j.txtColor : a.hoverTextColor || j.txtColor;
+  }), M = w ? a.selectedColor || j.bgColor : a.hoverColor || j.bgColor, _ = w ? a.selectedTextColor || j.txtColor : a.hoverTextColor || j.txtColor;
   z0(() => {
-    const _ = (N) => {
+    const F = (N) => {
       var I, E;
       const B = N.target, R = (I = f.current) == null ? void 0 : I.contains(B);
       (E = m.current) == null || E.contains(B), R ? u || i(!0) : u && i(!1);
     };
-    return document.addEventListener("pointermove", _), () => document.removeEventListener("pointermove", _);
+    return document.addEventListener("pointermove", F), () => document.removeEventListener("pointermove", F);
   }, [u]);
   const D = /* @__PURE__ */ t.jsxs(
     "div",
@@ -13300,7 +13304,7 @@ const P9 = ({ isOpen: s, children: r }) => {
       style: {
         ...Z && {
           backgroundColor: M,
-          color: F
+          color: _
         },
         whiteSpace: "nowrap",
         padding: 12,
@@ -13315,8 +13319,8 @@ const P9 = ({ isOpen: s, children: r }) => {
       "aria-haspopup": z ? "true" : void 0,
       "aria-expanded": z ? u : void 0,
       onClick: () => {
-        var _;
-        z || (o == null || o(s.key), (_ = s.onClick) == null || _.call(s));
+        var F;
+        z || (o == null || o(s.key), (F = s.onClick) == null || F.call(s));
       },
       children: [
         /* @__PURE__ */ t.jsx("span", { children: s.label }),
@@ -13375,9 +13379,9 @@ const P9 = ({ isOpen: s, children: r }) => {
   borderType: b = "solid",
   borderWeight: j = 1,
   shape: M = "rounded",
-  shadow: F = "sm",
+  shadow: _ = "sm",
   placement: D = ["bottom", "right"],
-  horizontal: _ = !1,
+  horizontal: F = !1,
   // 메뉴 확장 타입
   expandType: N = "accordion",
   style: B = {},
@@ -13407,7 +13411,7 @@ const P9 = ({ isOpen: s, children: r }) => {
     borderType: b,
     borderWeight: j,
     shape: M,
-    shadow: F
+    shadow: _
   }, A = {
     selectedColor: o,
     selectedTextColor: a,
@@ -13419,12 +13423,12 @@ const P9 = ({ isOpen: s, children: r }) => {
     {
       className: l0("sud-menu", C),
       style: {
-        display: _ ? "flex" : "block",
-        gap: _ ? 8 : void 0,
+        display: F ? "flex" : "block",
+        gap: F ? 8 : void 0,
         ...B
       },
       role: "menu",
-      "aria-orientation": _ ? "horizontal" : "vertical",
+      "aria-orientation": F ? "horizontal" : "vertical",
       ...I,
       children: s.map((H, $) => /* @__PURE__ */ t.jsx(
         U9,
@@ -13474,9 +13478,9 @@ const P9 = ({ isOpen: s, children: r }) => {
   shape: b = "rounded",
   shadow: j,
   expandType: M = "popover",
-  placement: F = ["right", "right"],
+  placement: _ = ["right", "right"],
   colorType: D,
-  style: _ = {},
+  style: F = {},
   ...N
 }) => {
   const B = p0(), R = x0(null);
@@ -13505,7 +13509,7 @@ const P9 = ({ isOpen: s, children: r }) => {
       "aria-haspopup": "true",
       "aria-expanded": l,
       style: {
-        ..._,
+        ...F,
         borderRadius: B.borderRadius[b] || B.borderRadius.md,
         padding: "4px"
       },
@@ -13515,7 +13519,7 @@ const P9 = ({ isOpen: s, children: r }) => {
         {
           items: u,
           expandType: M,
-          placement: F,
+          placement: _,
           colorType: D,
           parentContentRef: R,
           className: "sud-dropdown__menu"
@@ -13574,7 +13578,7 @@ const P9 = ({ isOpen: s, children: r }) => {
             ...v
           },
           children: r.map((b, j) => {
-            const M = j === r.length - 1, F = typeof b.label != "string";
+            const M = j === r.length - 1, _ = typeof b.label != "string";
             return /* @__PURE__ */ t.jsxs(
               "li",
               {
@@ -13604,7 +13608,7 @@ const P9 = ({ isOpen: s, children: r }) => {
                       },
                       pretendard: "L",
                       size: C,
-                      children: F ? /* @__PURE__ */ t.jsx("span", { style: Z, children: b.label }) : b.label
+                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: Z, children: b.label }) : b.label
                     }
                   ) : /* @__PURE__ */ t.jsx(
                     r0,
@@ -13614,7 +13618,7 @@ const P9 = ({ isOpen: s, children: r }) => {
                       style: z,
                       pretendard: "SB",
                       size: C,
-                      children: F ? /* @__PURE__ */ t.jsx("span", { style: Z, children: b.label }) : b.label
+                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: Z, children: b.label }) : b.label
                     }
                   ),
                   !M && /* @__PURE__ */ t.jsx(t.Fragment, { children: typeof n == "string" ? /* @__PURE__ */ t.jsx(