sud-ui 0.4.6 → 0.4.8

package/dist/index.js

@@ -1,4 +1,4 @@
-import A1, { createContext as L2, useEffect as j1, useContext as O2, useRef as u1, useState as q, useCallback as C1, useLayoutEffect as n0, useMemo as F1, cloneElement as g0, Children as g2, isValidElement as m2, createElement as d0, useId as v2, forwardRef as B0 } from "react";
+import A1, { createContext as L2, useEffect as j1, useContext as O2, useRef as u1, useState as q, useCallback as C1, useLayoutEffect as n0, useMemo as z1, cloneElement as g0, Children as g2, isValidElement as m2, createElement as d0, useId as v2, forwardRef as B0 } from "react";
 import { createPortal as f0 } from "react-dom";
 function N2(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
@@ -18,19 +18,19 @@ function R2() {
   if (s2) return y0;
   s2 = 1;
   var s = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function o(n, l, i) {
+  function o(n, l, a) {
     var u = null;
-    if (i !== void 0 && (u = "" + i), l.key !== void 0 && (u = "" + l.key), "key" in l) {
-      i = {};
+    if (a !== void 0 && (u = "" + a), l.key !== void 0 && (u = "" + l.key), "key" in l) {
+      a = {};
       for (var g in l)
-        g !== "key" && (i[g] = l[g]);
-    } else i = l;
-    return l = i.ref, {
+        g !== "key" && (a[g] = l[g]);
+    } else a = l;
+    return l = a.ref, {
       $$typeof: s,
       type: n,
       key: u,
       ref: l !== void 0 ? l : null,
-      props: i
+      props: a
     };
   }
   return y0.Fragment = c, y0.jsx = o, y0.jsxs = o, y0;
@@ -126,7 +126,7 @@ function D2() {
       var r = k.A;
       return r === null ? null : r.getOwner();
     }
-    function i() {
+    function a() {
       return Error("react-stack-top-frame");
     }
     function u(r) {
@@ -249,8 +249,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var $, x = {}, y = j["react-stack-bottom-frame"].bind(
       j,
-      i
-    )(), a = B(n(i)), Z = {};
+      a
+    )(), i = B(n(a)), Z = {};
     M0.Fragment = M, M0.jsx = function(r, f, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
@@ -261,7 +261,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         Y,
         F ? Error("react-stack-top-frame") : y,
-        F ? B(n(r)) : a
+        F ? B(n(r)) : i
       );
     }, M0.jsxs = function(r, f, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
@@ -273,7 +273,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         Y,
         F ? Error("react-stack-top-frame") : y,
-        F ? B(n(r)) : a
+        F ? B(n(r)) : i
       );
     };
   }()), M0;
@@ -853,9 +853,9 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
 }, A2 = (s) => {
   const c = {};
   return Object.entries(s).forEach(([o, n]) => {
-    c[o] = {}, Object.entries(n).forEach(([l, i]) => {
+    c[o] = {}, Object.entries(n).forEach(([l, a]) => {
       const u = 11 - parseInt(l);
-      c[o][u] = i;
+      c[o][u] = a;
     });
   }), c;
 }, E2 = {
@@ -872,13 +872,13 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
     lg: "0px 0px 12px rgba(0, 0, 0, 0.6)",
     xl: "0px 0px 16px rgba(0, 0, 0, 0.7)"
   }
-}, a1 = ({
+}, i1 = ({
   border: s = !0,
   fallback: c = "default",
   componentType: o = "button"
 } = {}) => {
   var T, h;
-  const n = m1(), l = ((h = (T = n.components) == null ? void 0 : T[o]) == null ? void 0 : h[c]) || {}, i = N(l.bg, n), u = N(l.txt, n), g = s && l.border ? N(l.border, n) : null;
+  const n = m1(), l = ((h = (T = n.components) == null ? void 0 : T[o]) == null ? void 0 : h[c]) || {}, a = N(l.bg, n), u = N(l.txt, n), g = s && l.border ? N(l.border, n) : null;
   if (o === "breadcrumb") {
     const d = N(l.separator, n), m = N(l.text, n), j = N(l.now, n);
     return {
@@ -888,7 +888,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
     };
   }
   return {
-    bgColor: i,
+    bgColor: a,
     txtColor: u,
     borColor: g
   };
@@ -906,10 +906,10 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
 }, z0 = (s, c) => {
   if (!s || !s.startsWith("#")) return s;
   const o = parseInt(s.slice(1), 16);
-  let n = o >> 16 & 255, l = o >> 8 & 255, i = o & 255;
-  n = Math.min(255, Math.round(n + (255 - n) * c / 100)), l = Math.min(255, Math.round(l + (255 - l) * c / 100)), i = Math.min(255, Math.round(i + (255 - i) * c / 100));
+  let n = o >> 16 & 255, l = o >> 8 & 255, a = o & 255;
+  n = Math.min(255, Math.round(n + (255 - n) * c / 100)), l = Math.min(255, Math.round(l + (255 - l) * c / 100)), a = Math.min(255, Math.round(a + (255 - a) * c / 100));
   const u = (g) => g.toString(16).padStart(2, "0");
-  return `#${u(n)}${u(l)}${u(i)}`;
+  return `#${u(n)}${u(l)}${u(a)}`;
 }, t3 = (s, c = 1, o) => {
   var n;
   return (n = o == null ? void 0 : o.colors) != null && n[s] && o.colors[s][c] || s;
@@ -958,11 +958,11 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   background: o = null,
   color: n = null,
   onClick: l,
-  style: i,
+  style: a,
   className: u,
   ...g
 }) => {
-  const T = m1(), { bgColor: h, txtColor: d } = a1({
+  const T = m1(), { bgColor: h, txtColor: d } = i1({
     border: !1,
     fallback: c
   }), m = o ? N(o, T) : h, j = n ? N(n, T) : d, p = (_) => {
@@ -975,7 +975,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
       style: {
         color: j,
         backgroundColor: m,
-        ...i
+        ...a
       },
       onClick: p,
       ...g,
@@ -984,9 +984,9 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   );
 }, F0 = /* @__PURE__ */ new Set(), E0 = /* @__PURE__ */ new WeakMap(), P2 = (s, c, o, n) => {
   var l;
-  for (const i of n) {
-    if (!((l = i.current) != null && l.contains(c))) continue;
-    let u = o.get(i);
+  for (const a of n) {
+    if (!((l = a.current) != null && l.contains(c))) continue;
+    let u = o.get(a);
     for (; u; ) {
       if (u === s) return !0;
       u = o.get(u);
@@ -1002,7 +1002,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   suite: n,
   // L, R, M, SM, B, EB, H
   code: l = !1,
-  fontFamily: i,
+  fontFamily: a,
   size: u = "base",
   weight: g = "normal",
   as: T = "span",
@@ -1011,7 +1011,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const p = m1(), _ = T, { fontSize: M, fontWeight: L } = h0({ size: u, weight: g, theme: p }), w = h ? N(h, p) : void 0, C = i || l && "IntelOneMono-Medium" || o && `GmarketSans${o}` || n && `SUITE-${n}` || c && `Pretendard-${c}`, z = !C;
+  const p = m1(), _ = T, { fontSize: M, fontWeight: L } = h0({ size: u, weight: g, theme: p }), w = h ? N(h, p) : void 0, C = a || l && "IntelOneMono-Medium" || o && `GmarketSans${o}` || n && `SUITE-${n}` || c && `Pretendard-${c}`, z = !C;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -1035,7 +1035,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   borderWeight: o = 1,
   borderType: n = "solid",
   border: l = !0,
-  color: i,
+  color: a,
   borderColor: u,
   colorType: g = "default",
   width: T = "100%",
@@ -1044,10 +1044,10 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const p = m1(), { txtColor: _, borColor: M } = a1({
+  const p = m1(), { txtColor: _, borColor: M } = i1({
     border: l,
     fallback: g
-  }), L = i ? N(i, p) : _, w = u ? N(u, p) : M, C = l && w ? `${o}px ${n} ${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 };
+  }), L = a ? N(a, p) : _, w = u ? N(u, p) : M, C = l && w ? `${o}px ${n} ${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",
     {
@@ -1165,7 +1165,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   background: o,
   color: n,
   border: l = !0,
-  borderColor: i,
+  borderColor: a,
   borderType: u = "solid",
   borderWeight: g = 1,
   onClick: T = null,
@@ -1187,10 +1187,10 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   role: A = "button",
   size: P
 }) => {
-  const V = m1(), k = u1(), { bgColor: H, txtColor: U, borColor: B } = a1({
+  const V = m1(), k = u1(), { bgColor: H, txtColor: U, borColor: B } = i1({
     border: l,
     fallback: j ? "disabled" : c
-  }), $ = o ? N(o, V) : H, x = n ? N(n, V) : U, y = i ? N(i, V) : B, a = l && y ? `${g}px ${u} ${y}` : "none", Z = G1(w, V), r = E1(C, V);
+  }), $ = o ? N(o, V) : H, x = n ? N(n, V) : U, y = a ? N(a, V) : B, i = l && y ? `${g}px ${u} ${y}` : "none", Z = G1(w, V), r = E1(C, 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" })), j1(() => {
     H2("sud-button-styles", W2);
@@ -1216,7 +1216,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
         alignItems: "center",
         background: $,
         color: x,
-        border: a,
+        border: i,
         boxShadow: c === "text" ? "none" : r,
         ...Z,
         ...f,
@@ -1297,7 +1297,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   title: o,
   arrow: n = !0,
   trigger: l = "hover",
-  placement: i = "bottom",
+  placement: a = "bottom",
   open: u,
   defaultOpen: g = !1,
   onOpenChange: T,
@@ -1324,7 +1324,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   onConfirm: U,
   ...B
 }) => {
-  const $ = m1(), [x, y] = q(g), a = u1(null), Z = u1(null), r = A || Z, f = u1(null), v = u1({}), [D, Y] = q(!1), [F, W] = q({
+  const $ = m1(), [x, y] = q(g), i = u1(null), Z = u1(null), r = A || Z, f = u1(null), v = u1({}), [D, Y] = q(!1), [F, W] = q({
     position: "fixed",
     top: "-9999px",
     left: "-9999px",
@@ -1374,16 +1374,16 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
     if (l !== "click" || !X) return;
     const r1 = (b1) => {
       var _1, $1;
-      !((_1 = a.current) != null && _1.contains(b1.target)) && !(($1 = r.current) != null && $1.contains(b1.target)) && l1();
+      !((_1 = i.current) != null && _1.contains(b1.target)) && !(($1 = r.current) != null && $1.contains(b1.target)) && l1();
     };
     return document.addEventListener("click", r1, !0), () => document.removeEventListener("mousedown", r1);
   }, [l, X, l1]);
-  const { bgColor: d1, txtColor: Z1, borColor: D1 } = a1({
+  const { bgColor: d1, txtColor: Z1, borColor: D1 } = i1({
     border: M,
     fallback: b
-  }), w1 = p ? N(p, $) : d1, T1 = _ ? N(_, $) : Z1, S1 = L ? N(L, $) : D1, N1 = M && S1 ? `${C}px ${w} ${S1}` : "none", X1 = E1(R, $), V1 = G1(z), k1 = C1(() => {
-    if (!a.current || !r.current) return {};
-    const r1 = a.current.getBoundingClientRect(), b1 = r.current.getBoundingClientRect(), _1 = window.scrollY || document.documentElement.scrollTop, $1 = window.scrollX || document.documentElement.scrollLeft, J1 = {
+  }), w1 = p ? N(p, $) : d1, F1 = _ ? N(_, $) : Z1, S1 = L ? N(L, $) : D1, N1 = M && S1 ? `${C}px ${w} ${S1}` : "none", X1 = E1(R, $), V1 = G1(z), k1 = C1(() => {
+    if (!i.current || !r.current) return {};
+    const r1 = i.current.getBoundingClientRect(), b1 = r.current.getBoundingClientRect(), _1 = window.scrollY || document.documentElement.scrollTop, $1 = window.scrollX || document.documentElement.scrollLeft, J1 = {
       position: "fixed",
       zIndex: 1e3,
       transition: "opacity 0.2s ease"
@@ -1417,22 +1417,22 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
           return {};
       }
     };
-    let B1 = W1(i);
-    const K1 = window.innerWidth, Q = window.innerHeight, z1 = B1.left ?? 0, H1 = B1.top ?? 0;
+    let B1 = W1(a);
+    const K1 = window.innerWidth, Q = window.innerHeight, T1 = B1.left ?? 0, H1 = B1.top ?? 0;
     let L1 = !1;
-    if (i === "right" && z1 + b1.width > K1 && (L1 = !0), i === "left" && z1 < 0 && (L1 = !0), i === "top" && H1 < 0 && (L1 = !0), i === "bottom" && H1 + b1.height > Q && (L1 = !0), L1) {
+    if (a === "right" && T1 + b1.width > K1 && (L1 = !0), a === "left" && T1 < 0 && (L1 = !0), a === "top" && H1 < 0 && (L1 = !0), a === "bottom" && H1 + b1.height > Q && (L1 = !0), L1) {
       const P1 = {
         right: "left",
         left: "right",
         top: "bottom",
         bottom: "top"
-      }[i];
+      }[a];
       B1 = W1(P1);
     }
     return { ...J1, ...B1 };
-  }, [i]);
+  }, [a]);
   n0(() => {
-    if (X && r.current && a.current && !I) {
+    if (X && r.current && i.current && !I) {
       const r1 = k1();
       W({
         ...r1,
@@ -1476,7 +1476,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
         zIndex: b1 ? 1 : 3,
         border: b1 ? N1 : void 0,
         borderRadius: "2px 0 0 0",
-        background: b1 ? void 0 : B1[i],
+        background: b1 ? void 0 : B1[a],
         backgroundColor: b1 ? S1 ?? w1 : void 0,
         boxShadow: b1 ? X1 : void 0
       }, Q = {
@@ -1501,10 +1501,10 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
           transform: "translateY(-50%) rotate(45deg)"
         }
       };
-      return { ...K1, ...Q[i] };
+      return { ...K1, ...Q[a] };
     },
     [
-      i,
+      a,
       w1,
       S1,
       N1,
@@ -1516,7 +1516,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
     if (l !== "hover") return;
     const r1 = (b1) => {
       var B1, K1;
-      const _1 = document.elementFromPoint(b1.clientX, b1.clientY), $1 = (B1 = a.current) == null ? void 0 : B1.contains(_1), J1 = (K1 = r.current) == null ? void 0 : K1.contains(_1), W1 = P2(
+      const _1 = document.elementFromPoint(b1.clientX, b1.clientY), $1 = (B1 = i.current) == null ? void 0 : B1.contains(_1), J1 = (K1 = r.current) == null ? void 0 : K1.contains(_1), W1 = P2(
         r,
         _1,
         E0,
@@ -1564,7 +1564,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            ref: a,
+            ref: i,
             onClick: l === "click" ? M1 : void 0,
             onContextMenu: l === "contextMenu" ? (r1) => {
               r1.preventDefault(), M1();
@@ -1606,7 +1606,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
                       flexDirection: "column",
                       gap: "8px",
                       backgroundColor: w1,
-                      color: T1,
+                      color: F1,
                       border: N1,
                       padding: "8px",
                       width: "max-content",
@@ -1633,7 +1633,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
                         t1,
                         {
                           as: "span",
-                          color: T1,
+                          color: F1,
                           style: { whiteSpace: "nowrap" },
                           children: c
                         }
@@ -1678,7 +1678,7 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   alt: o = "avatar",
   children: n,
   size: l = "md",
-  shape: i = "circle",
+  shape: a = "circle",
   colorType: u = "default",
   background: g,
   color: T,
@@ -1694,11 +1694,11 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   tabIndex: C = 0,
   ...z
 }) => {
-  const R = m1(), b = typeof l == "number" ? l : R0[l] || R0.md, { bgColor: S, txtColor: O, borColor: A } = a1({
+  const R = m1(), b = typeof l == "number" ? l : R0[l] || R0.md, { bgColor: S, txtColor: O, borColor: A } = i1({
     border: h,
     componentType: "tag",
     fallback: u
-  }), P = g ? N(g, R) : S, V = T ? N(T, R) : O, k = d ? N(d, R) : A, H = h && k ? `${j}px ${m} ${k}` : "none", U = G1(i, R), B = E1(p, R), $ = s || (n ? null : c ? Y2[c] : null), x = () => n || ($ ? typeof $ == "string" ? $.startsWith("http") || $.startsWith("/") ? /* @__PURE__ */ t.jsx(
+  }), P = g ? N(g, R) : S, V = T ? N(T, R) : O, k = d ? N(d, R) : A, H = h && k ? `${j}px ${m} ${k}` : "none", U = G1(a, R), B = E1(p, R), $ = s || (n ? null : c ? Y2[c] : null), x = () => n || ($ ? typeof $ == "string" ? $.startsWith("http") || $.startsWith("/") ? /* @__PURE__ */ t.jsx(
     "img",
     {
       className: "sud-avatar-img",
@@ -1723,8 +1723,8 @@ const l2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S0 = (s) => {
   ) : A1.cloneElement($, {
     size: b * 0.5,
     color: V
-  }) : null), y = (a) => {
-    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), L == null || L()), w == null || w(a);
+  }) : null), y = (i) => {
+    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), L == null || L()), w == null || w(i);
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -1763,7 +1763,7 @@ w0.Group = ({
   size: o = "md",
   shape: n,
   colorType: l,
-  background: i,
+  background: a,
   color: u,
   border: g,
   borderColor: T,
@@ -1776,7 +1776,7 @@ w0.Group = ({
   gap: M = 0.6,
   "aria-label": L = "아바타 그룹"
 }) => {
-  const w = s.slice(0, c), C = s.slice(c), z = F1(() => {
+  const w = s.slice(0, c), C = s.slice(c), z = z1(() => {
     const b = {
       xs: 32,
       sm: 40,
@@ -1813,7 +1813,7 @@ w0.Group = ({
                 size: o,
                 shape: n,
                 colorType: l,
-                background: i,
+                background: a,
                 color: u,
                 border: g,
                 borderColor: T,
@@ -1853,7 +1853,7 @@ w0.Group = ({
                         size: o,
                         shape: n,
                         colorType: l,
-                        background: i,
+                        background: a,
                         color: u,
                         border: g,
                         borderColor: T,
@@ -1919,14 +1919,14 @@ const U2 = {
     default: { minWidth: 32, minHeight: 32, fontSize: 14, padding: 8 }
   }
 }, G2 = (s, c, o, n, l) => {
-  let i;
-  typeof c == "number" ? i = {
+  let a;
+  typeof c == "number" ? a = {
     minHeight: c,
     minWidth: o ? c : c * 1.5,
     fontSize: Math.max(c * 0.4, 10),
     padding: `${Math.max(c * 0.2, 4)}px`
-  } : i = U2[c][o ? "dot" : "default"];
-  const u = i.minHeight * n, g = -10, T = {
+  } : a = U2[c][o ? "dot" : "default"];
+  const u = a.minHeight * n, g = -10, T = {
     "top-right": {
       top: u,
       right: l ? g : u,
@@ -1950,7 +1950,7 @@ const U2 = {
   };
   return {
     ...T[s] || T["top-right"],
-    ...i
+    ...a
   };
 }, c3 = ({
   count: s,
@@ -1958,7 +1958,7 @@ const U2 = {
   dot: o = !1,
   showZero: n = !1,
   position: l = "top-right",
-  colorType: i = "red",
+  colorType: a = "red",
   background: u,
   color: g,
   shape: T = "circle",
@@ -1976,9 +1976,9 @@ const U2 = {
   "aria-label": R,
   ...b
 }) => {
-  const S = m1(), { bgColor: O, txtColor: A, borColor: P } = a1({
+  const S = m1(), { bgColor: O, txtColor: A, borColor: P } = i1({
     border: h,
-    fallback: i,
+    fallback: a,
     componentType: "tag"
   }), V = u ? N(u, S) : A, k = g ? N(g, S) : O, H = d ? N(d, S) : P, U = h && H ? `${j}px ${m} ${H}` : "none", B = typeof s == "number" && typeof c == "number" && s > c ? `${c}+` : s, $ = o || s != null && (s !== 0 || n), x = () => R || (o ? "알림 표시" : typeof s == "number" ? `${s}개의 알림` : "알림");
   return /* @__PURE__ */ t.jsxs(
@@ -2023,23 +2023,23 @@ function K2() {
     (function(o, n) {
       s.exports = n();
     })(X2, function() {
-      var o = 1e3, n = 6e4, l = 36e5, i = "millisecond", u = "second", g = "minute", T = "hour", h = "day", d = "week", m = "month", j = "quarter", p = "year", _ = "date", M = "Invalid Date", L = /^(\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, C = { 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, n = 6e4, l = 36e5, a = "millisecond", u = "second", g = "minute", T = "hour", h = "day", d = "week", m = "month", j = "quarter", p = "year", _ = "date", M = "Invalid Date", L = /^(\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, C = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
         var $ = ["th", "st", "nd", "rd"], x = B % 100;
         return "[" + B + ($[(x - 20) % 10] || $[x] || $[0]) + "]";
       } }, z = function(B, $, x) {
         var y = String(B);
         return !y || y.length >= $ ? B : "" + Array($ + 1 - y.length).join(x) + B;
       }, R = { s: z, z: function(B) {
-        var $ = -B.utcOffset(), x = Math.abs($), y = Math.floor(x / 60), a = x % 60;
-        return ($ <= 0 ? "+" : "-") + z(y, 2, "0") + ":" + z(a, 2, "0");
+        var $ = -B.utcOffset(), x = Math.abs($), y = Math.floor(x / 60), i = x % 60;
+        return ($ <= 0 ? "+" : "-") + z(y, 2, "0") + ":" + z(i, 2, "0");
       }, m: function B($, x) {
         if ($.date() < x.date()) return -B(x, $);
-        var y = 12 * (x.year() - $.year()) + (x.month() - $.month()), a = $.clone().add(y, m), Z = x - a < 0, r = $.clone().add(y + (Z ? -1 : 1), m);
-        return +(-(y + (x - a) / (Z ? a - r : r - a)) || 0);
+        var y = 12 * (x.year() - $.year()) + (x.month() - $.month()), i = $.clone().add(y, m), Z = x - i < 0, r = $.clone().add(y + (Z ? -1 : 1), m);
+        return +(-(y + (x - i) / (Z ? i - r : r - i)) || 0);
       }, 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: T, m: g, s: u, ms: i, Q: j }[B] || String(B || "").toLowerCase().replace(/s$/, "");
+        return { M: m, y: p, w: d, d: h, D: _, h: T, m: g, s: u, ms: a, Q: j }[B] || String(B || "").toLowerCase().replace(/s$/, "");
       }, u: function(B) {
         return B === void 0;
       } }, b = "en", S = {};
@@ -2047,18 +2047,18 @@ function K2() {
       var O = "$isDayjsObject", A = function(B) {
         return B instanceof H || !(!B || !B[O]);
       }, P = function B($, x, y) {
-        var a;
+        var i;
         if (!$) return b;
         if (typeof $ == "string") {
           var Z = $.toLowerCase();
-          S[Z] && (a = Z), x && (S[Z] = x, a = Z);
+          S[Z] && (i = Z), x && (S[Z] = x, i = Z);
           var r = $.split("-");
-          if (!a && r.length > 1) return B(r[0]);
+          if (!i && r.length > 1) return B(r[0]);
         } else {
           var f = $.name;
-          S[f] = $, a = f;
+          S[f] = $, i = f;
         }
-        return !y && a && (b = a), a || !y && b;
+        return !y && i && (b = i), i || !y && b;
       }, V = function(B, $) {
         if (A(B)) return B.clone();
         var x = typeof $ == "object" ? $ : {};
@@ -2074,18 +2074,18 @@ function K2() {
         var $ = B.prototype;
         return $.parse = function(x) {
           this.$d = function(y) {
-            var a = y.date, Z = y.utc;
-            if (a === null) return /* @__PURE__ */ new Date(NaN);
-            if (k.u(a)) return /* @__PURE__ */ new Date();
-            if (a instanceof Date) return new Date(a);
-            if (typeof a == "string" && !/Z$/i.test(a)) {
-              var r = a.match(L);
+            var i = y.date, Z = y.utc;
+            if (i === null) return /* @__PURE__ */ new Date(NaN);
+            if (k.u(i)) return /* @__PURE__ */ new Date();
+            if (i instanceof Date) return new Date(i);
+            if (typeof i == "string" && !/Z$/i.test(i)) {
+              var r = i.match(L);
               if (r) {
                 var f = r[2] - 1 || 0, v = (r[7] || "0").substring(0, 3);
                 return Z ? 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);
               }
             }
-            return new Date(a);
+            return new Date(i);
           }(x), this.init();
         }, $.init = function() {
           var x = this.$d;
@@ -2095,24 +2095,24 @@ function K2() {
         }, $.isValid = function() {
           return this.$d.toString() !== M;
         }, $.isSame = function(x, y) {
-          var a = V(x);
-          return this.startOf(y) <= a && a <= this.endOf(y);
+          var i = V(x);
+          return this.startOf(y) <= i && i <= this.endOf(y);
         }, $.isAfter = function(x, y) {
           return V(x) < this.startOf(y);
         }, $.isBefore = function(x, y) {
           return this.endOf(y) < V(x);
-        }, $.$g = function(x, y, a) {
-          return k.u(x) ? this[y] : this.set(a, x);
+        }, $.$g = function(x, y, i) {
+          return k.u(x) ? this[y] : this.set(i, x);
         }, $.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, $.valueOf = function() {
           return this.$d.getTime();
         }, $.startOf = function(x, y) {
-          var a = this, Z = !!k.u(y) || y, r = k.p(x), f = function(G, X) {
-            var o1 = k.w(a.$u ? Date.UTC(a.$y, X, G) : new Date(a.$y, X, G), a);
+          var i = this, Z = !!k.u(y) || y, r = k.p(x), f = function(G, X) {
+            var o1 = k.w(i.$u ? Date.UTC(i.$y, X, G) : new Date(i.$y, X, G), i);
             return Z ? o1 : o1.endOf(h);
           }, v = function(G, X) {
-            return k.w(a.toDate()[G].apply(a.toDate("s"), (Z ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), a);
+            return k.w(i.toDate()[G].apply(i.toDate("s"), (Z ? [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:
@@ -2137,7 +2137,7 @@ function K2() {
         }, $.endOf = function(x) {
           return this.startOf(x, !1);
         }, $.$set = function(x, y) {
-          var a, Z = k.p(x), r = "set" + (this.$u ? "UTC" : ""), f = (a = {}, a[h] = r + "Date", a[_] = r + "Date", a[m] = r + "Month", a[p] = r + "FullYear", a[T] = r + "Hours", a[g] = r + "Minutes", a[u] = r + "Seconds", a[i] = r + "Milliseconds", a)[Z], v = Z === h ? this.$D + (y - this.$W) : y;
+          var i, Z = 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[T] = r + "Hours", i[g] = r + "Minutes", i[u] = r + "Seconds", i[a] = r + "Milliseconds", i)[Z], v = Z === h ? this.$D + (y - this.$W) : y;
           if (Z === m || Z === p) {
             var D = this.clone().set(_, 1);
             D.$d[f](v), D.init(), this.$d = D.set(_, Math.min(this.$D, D.daysInMonth())).$d;
@@ -2148,7 +2148,7 @@ function K2() {
         }, $.get = function(x) {
           return this[k.p(x)]();
         }, $.add = function(x, y) {
-          var a, Z = this;
+          var i, Z = this;
           x = Number(x);
           var r = k.p(y), f = function(Y) {
             var F = V(Z);
@@ -2158,14 +2158,14 @@ function K2() {
           if (r === p) return this.set(p, this.$y + x);
           if (r === h) return f(1);
           if (r === d) return f(7);
-          var v = (a = {}, a[g] = n, a[T] = l, a[u] = o, a)[r] || 1, D = this.$d.getTime() + x * v;
+          var v = (i = {}, i[g] = n, i[T] = l, i[u] = o, i)[r] || 1, D = this.$d.getTime() + x * v;
           return k.w(D, this);
         }, $.subtract = function(x, y) {
           return this.add(-1 * x, y);
         }, $.format = function(x) {
-          var y = this, a = this.$locale();
-          if (!this.isValid()) return a.invalidDate || M;
-          var Z = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), f = this.$H, v = this.$m, D = this.$M, Y = a.weekdays, F = a.months, W = a.meridiem, I = function(X, o1, x1, l1) {
+          var y = this, i = this.$locale();
+          if (!this.isValid()) return i.invalidDate || M;
+          var Z = 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, o1, x1, l1) {
             return X && (X[o1] || X(y, Z)) || x1[o1].slice(0, l1);
           }, E = function(X) {
             return k.s(f % 12 || 12, X, "0");
@@ -2185,7 +2185,7 @@ function K2() {
                 case "MM":
                   return k.s(D + 1, 2, "0");
                 case "MMM":
-                  return I(a.monthsShort, D, F, 3);
+                  return I(i.monthsShort, D, F, 3);
                 case "MMMM":
                   return I(F, D);
                 case "D":
@@ -2195,9 +2195,9 @@ function K2() {
                 case "d":
                   return String(y.$W);
                 case "dd":
-                  return I(a.weekdaysMin, y.$W, Y, 2);
+                  return I(i.weekdaysMin, y.$W, Y, 2);
                 case "ddd":
-                  return I(a.weekdaysShort, y.$W, Y, 3);
+                  return I(i.weekdaysShort, y.$W, Y, 3);
                 case "dddd":
                   return Y[y.$W];
                 case "H":
@@ -2230,7 +2230,7 @@ function K2() {
           });
         }, $.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, $.diff = function(x, y, a) {
+        }, $.diff = function(x, y, i) {
           var Z, r = this, f = k.p(y), v = V(x), D = (v.utcOffset() - this.utcOffset()) * n, Y = this - v, F = function() {
             return k.m(r, v);
           };
@@ -2262,15 +2262,15 @@ function K2() {
             default:
               Z = Y;
           }
-          return a ? Z : k.a(Z);
+          return i ? Z : k.a(Z);
         }, $.daysInMonth = function() {
           return this.endOf(m).$D;
         }, $.$locale = function() {
           return S[this.$L];
         }, $.locale = function(x, y) {
           if (!x) return this.$L;
-          var a = this.clone(), Z = P(x, y, !0);
-          return Z && (a.$L = Z), a;
+          var i = this.clone(), Z = P(x, y, !0);
+          return Z && (i.$L = Z), i;
         }, $.clone = function() {
           return k.w(this.$d, this);
         }, $.toDate = function() {
@@ -2283,7 +2283,7 @@ function K2() {
           return this.$d.toUTCString();
         }, B;
       }(), U = H.prototype;
-      return V.prototype = U, [["$ms", i], ["$s", u], ["$m", g], ["$H", T], ["$W", h], ["$M", m], ["$y", p], ["$D", _]].forEach(function(B) {
+      return V.prototype = U, [["$ms", a], ["$s", u], ["$m", g], ["$H", T], ["$W", h], ["$M", m], ["$y", p], ["$D", _]].forEach(function(B) {
         U[B[1]] = function($) {
           return this.$g($, B[0], B[1]);
         };
@@ -2296,7 +2296,7 @@ function K2() {
   }(O0)), O0.exports;
 }
 var q2 = K2();
-const i1 = /* @__PURE__ */ N2(q2), o2 = {
+const a1 = /* @__PURE__ */ N2(q2), o2 = {
   weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
   months: [
     "January",
@@ -2345,24 +2345,24 @@ var I0 = { exports: {} }, Z0 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var i2;
+var a2;
 function Q2() {
-  if (i2) return Z0;
-  i2 = 1;
+  if (a2) return Z0;
+  a2 = 1;
   var s = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function o(n, l, i) {
+  function o(n, l, a) {
     var u = null;
-    if (i !== void 0 && (u = "" + i), l.key !== void 0 && (u = "" + l.key), "key" in l) {
-      i = {};
+    if (a !== void 0 && (u = "" + a), l.key !== void 0 && (u = "" + l.key), "key" in l) {
+      a = {};
       for (var g in l)
-        g !== "key" && (i[g] = l[g]);
-    } else i = l;
-    return l = i.ref, {
+        g !== "key" && (a[g] = l[g]);
+    } else a = l;
+    return l = a.ref, {
       $$typeof: s,
       type: n,
       key: u,
       ref: l !== void 0 ? l : null,
-      props: i
+      props: a
     };
   }
   return Z0.Fragment = c, Z0.jsx = o, Z0.jsxs = o, Z0;
@@ -2377,9 +2377,9 @@ var $0 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var a2;
+var i2;
 function e9() {
-  return a2 || (a2 = 1, process.env.NODE_ENV !== "production" && function() {
+  return i2 || (i2 = 1, process.env.NODE_ENV !== "production" && function() {
     function s(r) {
       if (r == null) return null;
       if (typeof r == "function")
@@ -2458,7 +2458,7 @@ function e9() {
       var r = k.A;
       return r === null ? null : r.getOwner();
     }
-    function i() {
+    function a() {
       return Error("react-stack-top-frame");
     }
     function u(r) {
@@ -2581,8 +2581,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var $, x = {}, y = j["react-stack-bottom-frame"].bind(
       j,
-      i
-    )(), a = B(n(i)), Z = {};
+      a
+    )(), i = B(n(a)), Z = {};
     $0.Fragment = M, $0.jsx = function(r, f, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
       return d(
@@ -2593,7 +2593,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         Y,
         F ? Error("react-stack-top-frame") : y,
-        F ? B(n(r)) : a
+        F ? B(n(r)) : i
       );
     }, $0.jsxs = function(r, f, v, D, Y) {
       var F = 1e4 > k.recentlyCreatedOwnerStacks++;
@@ -2605,7 +2605,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         Y,
         F ? Error("react-stack-top-frame") : y,
-        F ? B(n(r)) : a
+        F ? B(n(r)) : i
       );
     };
   }()), $0;
@@ -2753,7 +2753,7 @@ const s9 = {
   ] }),
   DocumentOutline: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("path", { d: "M19.9884644,7.9429321c-.0056763-.0961304-.0238037-.1889648-.0563965-.2791748-.0136108-.0377197-.02948-.0718994-.0473633-.1074219-.0358887-.0717163-.0809937-.1365967-.1340332-.1987305-.0255127-.0297852-.0474854-.0601196-.0762939-.086731-.0128784-.0119629-.0206299-.0275879-.0342407-.0389404l-6-5c-.0758057-.0632935-.1593628-.1132812-.2473145-.1508789-.0074463-.0031738-.0159912-.003418-.0235596-.0064697-.1038818-.0413818-.2130127-.0603638-.3239136-.0654297-.0159302-.0007324-.0292358-.0091553-.0453491-.0091553h-5.375c-1.9990234,0-3.625,1.659668-3.625,3.7001953v12.5996094c0,2.0405273,1.6259766,3.7001953,3.625,3.7001953h8.75c1.9990234,0,3.625-1.659668,3.625-3.7001953v-10.2998047c0-.0202637-.010376-.0371094-.0115356-.0570679ZM14,5.1352539l2.237793,1.8647461h-2.237793v-1.8647461ZM16.375,20H7.625c-.8959961,0-1.625-.7626953-1.625-1.7001953V5.7001953c0-.9375.7290039-1.7001953,1.625-1.7001953h4.375v4c0,.5522461.4477539,1,1,1h5v9.2998047c0,.9375-.7290039,1.7001953-1.625,1.7001953Z" }) })
 }, Y1 = Object.entries(s9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2761,7 +2761,7 @@ const s9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -3196,7 +3196,7 @@ const c9 = Y1.DocumentOutline, l9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M9,13h6c.5522461,0,1-.4477539,1-1s-.4477539-1-1-1h-6c-.5522461,0-1,.4477539-1,1s.4477539,1,1,1Z" })
   ] })
 }, f1 = Object.entries(l9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3204,7 +3204,7 @@ const c9 = Y1.DocumentOutline, l9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -3256,7 +3256,7 @@ const o9 = f1.FileTrayFill;
 f1.FileTrayOutline;
 f1.FileTrayDocumentFill;
 f1.FileTrayDocumentOutline;
-const i9 = {
+const a9 = {
   CheckBoxFill: [
     /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("path", { d: "M18,3H6c-1.7,0-3,1.3-3,3v12c0,1.7,1.3,3,3,3h12c1.7,0,3-1.3,3-3V6c0-1.7-1.3-3-3-3ZM16.2,11.2l-5,5c-.2.2-.5.3-.7.3s-.5,0-.7-.3l-3-3c-.4-.4-.4-1,0-1.4.4-.4,1-.4,1.4,0l2.3,2.3,4.3-4.3c.4-.4,1-.4,1.4,0s.4,1,0,1.4Z" }) }, "1")
   ],
@@ -3523,8 +3523,8 @@ const i9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M19,8h-.272522c-.0349731-1.7973633-.7510376-3.543396-2.0365601-4.828125-2.0864258-2.0883789-5.28125-2.640625-7.9467773-1.378418-.737793.3496094-1.2617188,1.0390625-1.4008789,1.8432617-.1386719.8007812.1210938,1.621582.6953125,2.1958008.7421875.7426758,1.8867188.9350586,2.8466797.4799805.7617188-.359375,1.6738281-.2026367,2.2705078.3945312.3504639.3504639.5374756.8133545.5672607,1.2929688H5c-1.6542969,0-3,1.3457031-3,3v8c0,1.6542969,1.3457031,3,3,3h14c1.6542969,0,3-1.3457031,3-3v-8c0-1.6542969-1.3457031-3-3-3ZM14.5698242,5.2929688c-1.1914062-1.1928711-3.0166016-1.5097656-4.5400391-.7880859-.2011719.0952148-.4287109.0615234-.5771484-.0864258-.159668-.159668-.1557617-.3447266-.1386719-.4404297.0136719-.0791016.0688477-.2739258.2866211-.3769531,1.9057617-.9003906,4.1860352-.5058594,5.6762695.9848633.9247437.9247437,1.4290161,2.1364746,1.456543,3.4140625h-1.0015869c-.0307617-1.0031128-.4301758-1.9752197-1.1619873-2.7070312ZM20,19c0,.5512695-.4487305,1-1,1H5c-.5512695,0-1-.4487305-1-1v-8c0-.5512695.4487305-1,1-1h14c.5512695,0,1,.4487305,1,1v8Z" }),
     /* @__PURE__ */ e.jsx("path", { d: "M13,16.0131836v-.2250977c.8813477-.3869019,1.5-1.265564,1.5-2.2880859,0-1.378418-1.121582-2.5-2.5-2.5s-2.5,1.121582-2.5,2.5c0,1.022522.6186523,1.9011841,1.5,2.2880859v2.2119141c0,.5522461.4477539,1,1,1s1-.4477539,1-1c.2597656,0,.5200195-.1103516.7099609-.2900391.0898438-.1000977.159668-.2099609.2099609-.3300781.0498047-.1201172.0800781-.25.0800781-.3798828,0-.2602539-.1103516-.5200195-.2900391-.7099609-.189209-.184082-.4500732-.2758789-.7099609-.2768555ZM12,14c-.2758789,0-.5-.2241211-.5-.5s.2241211-.5.5-.5.5.2241211.5.5-.2241211.5-.5.5Z" })
   ] })
-}, v1 = Object.entries(i9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+}, v1 = Object.entries(a9).reduce((s, [c, o]) => {
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3532,7 +3532,7 @@ const i9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -3558,7 +3558,7 @@ v1.ErrorTriangleFill;
 v1.ErrorTriangleOutline;
 v1.BoxFill;
 v1.BoxOutline;
-const a9 = v1.CircleFill;
+const i9 = v1.CircleFill;
 v1.CircleOutline;
 v1.TriangleFill;
 v1.TriangleOutline;
@@ -3800,7 +3800,7 @@ const h9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M12,2C6.4858398,2,2,6.4858398,2,12s4.4858398,10,10,10c1.5615234,0,3.0571289-.3500977,4.4462891-1.0405273,3.425293-1.703125,5.5537109-5.1362305,5.5537109-8.9594727,0-5.5141602-4.4858398-10-10-10ZM15.5556641,19.168457c-1.109375.5517578-2.3061523.831543-3.5556641.831543-4.4111328,0-8-3.5888672-8-8S7.5888672,4,12,4s8,3.5888672,8,8c0,3.059082-1.7026367,5.8061523-4.4443359,7.168457Z" })
   ] })
 }, y1 = Object.entries(h9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3808,7 +3808,7 @@ const h9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -4133,7 +4133,7 @@ const p9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M12.7099609,16.2904912c-.1000977-.090332-.2099609-.1601562-.3300781-.2104492-.3701172-.159668-.8100586-.0698242-1.0898438.2104492-.090332.0996094-.1601562.2099609-.2104492.3295898-.0498047.1201172-.0795898.25-.0795898.3803711,0,.2700195.1098633.5200195.2900391.7099609.1899414.1796875.449707.2900391.7099609.2900391.1298828,0,.2597656-.0302734.3798828-.0800781.1201172-.050293.2299805-.1201172.3300781-.2099609.1796875-.1899414.2900391-.4399414.2900391-.7099609,0-.1303711-.0302734-.2602539-.0800781-.3803711-.050293-.1196289-.1201172-.2299805-.2099609-.3295898Z" })
   ] })
 }, R1 = Object.entries(p9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4141,7 +4141,7 @@ const p9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -4691,7 +4691,7 @@ L17.9974995,6z`
     /* @__PURE__ */ e.jsx("path", { d: "M19.8759766,19.2895508l-3.6835938-9.8393555v-5.4169922c0-1.1210938-.9692383-2.0332031-2.1606445-2.0332031h-4.0634766c-1.1914062,0-2.1606445.9121094-2.1606445,2.0332031l.0039062,5.4067383-3.6875,9.8496094c-.2255859.6030273-.1425781,1.2548828.2275391,1.7890625.3999023.5771484,1.0766602.9213867,1.8095703.9213867h11.6777344c.7329102,0,1.409668-.3442383,1.8095703-.9213867.3701172-.5341797.453125-1.1860352.2275391-1.7890625ZM9.6845703,10.1416016c.081543-.2182617.1230469-.4462891.1230469-.6777344l-.0063477-5.4023438c.0073242-.012207.0605469-.0615234.1669922-.0615234h4.0634766c.1049805,0,.159668.0507812.1606445.0332031v5.4306641c0,.2314453.0415039.4594727.1230469.6772461l1.2210083,3.241272c-1.4790649-.2501831-3.0652466.1393433-4.2073364,1.1737671-.9326782.8432617-2.355957.9629517-3.4384155.37677l1.7938843-4.7913208ZM17.8388672,20H6.1611328c-.078125,0-.1259766-.0249023-.1484375-.0249023-.0048828,0-.0087891.0009766-.0112305.0039062l1.1902466-3.1790771c.6733398.3119507,1.40448.4871826,2.1437378.4871826,1.2080078,0,2.4160156-.4160156,3.3359375-1.2485352,1.0473022-.9481812,2.7137451-.9819336,3.8192749-.1231689l1.5151978,4.0220947c-.0073242.0131836-.0571289.0625-.1669922.0625Z" })
   ] })
 }, n1 = Object.entries(x9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4699,7 +4699,7 @@ L17.9974995,6z`
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -4905,7 +4905,7 @@ const Z9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M12,7c-.2602539,0-.5200195-.1103516-.7099609-.2900391-.1801758-.1899414-.2900391-.4399414-.2900391-.7099609s.1098633-.5200195.2900391-.7099609c.3696289-.3701172,1.0498047-.3701172,1.4199219,0,.1796875.1899414.2900391.4399414.2900391.7099609s-.1103516.5200195-.2900391.7099609c-.1899414.1796875-.4501953.2900391-.7099609.2900391Z" })
   ] })
 }, s1 = Object.entries(Z9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4913,7 +4913,7 @@ const Z9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -5981,7 +5981,7 @@ const C9 = {
     )
   ] })
 }, h1 = Object.entries(C9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5989,7 +5989,7 @@ const C9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -6442,7 +6442,7 @@ const S9 = {
     )
   ] })
 }, k0 = Object.entries(S9).reduce((s, [c, o]) => {
-  const n = ({ size: l = 24, color: i, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
+  const n = ({ size: l = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6450,7 +6450,7 @@ const S9 = {
       preserveAspectRatio: "xMidYMid meet",
       width: l,
       height: l,
-      fill: i || "currentColor",
+      fill: a || "currentColor",
       style: u,
       ...g,
       children: o
@@ -6469,7 +6469,7 @@ const m0 = ({
   background: o,
   color: n,
   borderColor: l,
-  borderType: i = "solid",
+  borderType: a = "solid",
   borderWeight: u = "1",
   className: g = "",
   closeable: T = !1,
@@ -6485,11 +6485,11 @@ const m0 = ({
   style: L = {},
   ...w
 }) => {
-  const C = m1(), { bgColor: z, txtColor: R, borColor: b } = a1({
+  const C = m1(), { bgColor: z, txtColor: R, borColor: b } = i1({
     border: _,
     fallback: c,
     componentType: "tag"
-  }), S = o ? N(o, C) : z, O = n ? N(n, C) : R, A = l ? N(l, C) : b, P = _ && A ? `${u}px ${i} ${A}` : "none", V = G1(j, C), k = E1(p, C), H = {
+  }), S = o ? N(o, C) : z, O = n ? N(n, C) : R, A = l ? N(l, C) : b, P = _ && A ? `${u}px ${a} ${A}` : "none", V = G1(j, C), k = E1(p, C), H = {
     sm: C.typography.fontSize.sm,
     md: C.typography.fontSize.base,
     lg: C.typography.fontSize.lg
@@ -6559,7 +6559,7 @@ const m0 = ({
   border: o = !0,
   borderColor: n,
   borderType: l = "solid",
-  borderWeight: i = 1,
+  borderWeight: a = 1,
   underline: u = !1,
   beforeIcon: g = /* @__PURE__ */ t.jsx(H0, { size: 16 }),
   afterIcon: T,
@@ -6589,7 +6589,7 @@ const m0 = ({
   ariaLabel: $,
   ariaRequired: x,
   ariaInvalid: y,
-  ariaDescribedby: a,
+  ariaDescribedby: i,
   ...Z
 }) => {
   const r = m1(), [f, v] = q(!1), [D, Y] = q(""), [F, W] = q(null), [I, E] = q(-1), [G, X] = q(!1), [o1, x1] = q({
@@ -6598,15 +6598,15 @@ const m0 = ({
   }), l1 = u1(null), M1 = u1(null), K = u1(null), J = u1([]), d1 = U.filter(
     (Q) => Q.label.toLowerCase().includes(D.toLowerCase())
   ), Z1 = k ? U.filter((Q) => Array.isArray(m) && m.includes(Q.value)) : U.find((Q) => Q.value === m), D1 = C1((Q) => {
-    var z1, H1;
-    !((z1 = l1.current) != null && z1.contains(Q.target)) && !((H1 = K.current) != null && H1.contains(Q.target)) && v(!1);
+    var T1, H1;
+    !((T1 = l1.current) != null && T1.contains(Q.target)) && !((H1 = K.current) != null && H1.contains(Q.target)) && v(!1);
   }, []), w1 = C1((Q) => {
     Q.key === "Escape" && v(!1);
-  }, []), T1 = C1(
+  }, []), F1 = C1(
     (Q) => {
       if (!(O || A))
         if (k) {
-          const z1 = Array.isArray(m) ? m : [], L1 = z1.includes(Q.value) ? z1.filter((P1) => P1 !== Q.value) : [...z1, Q.value];
+          const T1 = Array.isArray(m) ? m : [], L1 = T1.includes(Q.value) ? T1.filter((P1) => P1 !== Q.value) : [...T1, Q.value];
           j(L1), Y(""), setTimeout(() => {
             var P1;
             (P1 = M1.current) == null || P1.focus();
@@ -6626,9 +6626,9 @@ const m0 = ({
     ]
   ), S1 = C1(
     (Q) => {
-      var z1, H1, L1, P1;
+      var T1, H1, L1, P1;
       if (Q.key.length === 1 && !Q.ctrlKey && !Q.altKey && !Q.metaKey) {
-        f || v(!0), (z1 = M1.current) == null || z1.focus();
+        f || v(!0), (T1 = M1.current) == null || T1.focus();
         return;
       }
       if (!f && (Q.key === "Enter" || Q.key === "ArrowDown")) {
@@ -6649,7 +6649,7 @@ const m0 = ({
           });
           break;
         case "Enter":
-          Q.preventDefault(), I >= 0 && I < d1.length && T1(d1[I]);
+          Q.preventDefault(), I >= 0 && I < d1.length && F1(d1[I]);
           break;
         case "Escape":
           Q.preventDefault(), v(!1);
@@ -6662,7 +6662,7 @@ const m0 = ({
             const Q1 = U.find(
               (e0) => e0.value === m[m.length - 1]
             );
-            Q1 && T1(Q1);
+            Q1 && F1(Q1);
           }
           break;
       }
@@ -6675,13 +6675,13 @@ const m0 = ({
       k,
       m,
       U,
-      T1
+      F1
     ]
   ), N1 = C1(() => {
     if (!l1.current || !K.current) return;
-    const Q = l1.current.getBoundingClientRect(), z1 = K.current.getBoundingClientRect(), H1 = window.scrollY || document.documentElement.scrollTop, L1 = window.scrollX || document.documentElement.scrollLeft, P1 = window.innerHeight - Q.bottom, Q1 = Q.top, e0 = P1 < z1.height && Q1 > P1;
+    const Q = l1.current.getBoundingClientRect(), T1 = K.current.getBoundingClientRect(), H1 = window.scrollY || document.documentElement.scrollTop, L1 = window.scrollX || document.documentElement.scrollLeft, P1 = window.innerHeight - Q.bottom, Q1 = Q.top, e0 = P1 < T1.height && Q1 > P1;
     x1({
-      top: e0 ? Q.top - z1.height - 4 + H1 : Q.bottom + 4 + H1,
+      top: e0 ? Q.top - T1.height - 4 + H1 : Q.bottom + 4 + H1,
       left: Q.left + L1
     });
   }, []);
@@ -6702,7 +6702,7 @@ const m0 = ({
   }), [D1, w1]), j1(() => {
     if (f && Z1 && !D) {
       const Q = d1.findIndex(
-        (z1) => z1.value === (k ? m[0] : m)
+        (T1) => T1.value === (k ? m[0] : m)
       );
       Q >= 0 && J.current[Q] && (J.current[Q].scrollIntoView({
         block: "center"
@@ -6712,11 +6712,11 @@ const m0 = ({
   const X1 = () => {
     var Q;
     j(k ? [] : null), Y(""), (Q = M1.current) == null || Q.focus();
-  }, { bgColor: V1, txtColor: k1, borColor: I1 } = a1({
+  }, { bgColor: V1, txtColor: k1, borColor: I1 } = i1({
     border: o,
     fallback: b ? "error" : G ? "focus" : "default",
     componentType: "input"
-  }), r1 = s ? N(s, r) : V1, b1 = c ? N(c, r) : k1, _1 = n ? N(n, r) : I1, $1 = o && _1 ? `${i}px ${l} ${_1}` : "none", J1 = G1(p, r), W1 = E1(_, r), B1 = {
+  }), r1 = s ? N(s, r) : V1, b1 = c ? N(c, r) : k1, _1 = n ? N(n, r) : I1, $1 = o && _1 ? `${a}px ${l} ${_1}` : "none", J1 = G1(p, r), W1 = E1(_, r), B1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6763,7 +6763,7 @@ const m0 = ({
             "aria-label": $ || z,
             "aria-required": x,
             "aria-invalid": y || b,
-            "aria-describedby": `${L}-description ${a || (b ? `${L}-error` : "")}`,
+            "aria-describedby": `${L}-description ${i || (b ? `${L}-error` : "")}`,
             "aria-disabled": O,
             style: {
               display: "flex",
@@ -6824,7 +6824,7 @@ const m0 = ({
                           {
                             size: M,
                             closeable: !0,
-                            onClose: () => T1(Q),
+                            onClose: () => F1(Q),
                             colorType: w,
                             className: "sud-select__tag",
                             children: Q.label
@@ -6968,22 +6968,22 @@ const m0 = ({
                   },
                   children: "검색 결과가 없습니다"
                 }
-              ) : d1.map((Q, z1) => {
+              ) : d1.map((Q, T1) => {
                 const H1 = k ? m == null ? void 0 : m.includes(Q.value) : m === Q.value;
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
-                    ref: (L1) => J.current[z1] = L1,
+                    ref: (L1) => J.current[T1] = L1,
                     className: c1(
                       "sud-select__option",
                       H1 ? "sud-select__option--selected" : "",
-                      z1 === I ? "sud-select__option--focused" : ""
+                      T1 === I ? "sud-select__option--focused" : ""
                     ),
                     role: "option",
                     "aria-selected": H1,
                     "aria-disabled": O,
                     onClick: (L1) => {
-                      L1.stopPropagation(), T1(Q);
+                      L1.stopPropagation(), F1(Q);
                     },
                     style: {
                       padding: "8px 12px",
@@ -7040,7 +7040,7 @@ const m0 = ({
   onChange: o,
   disabled: n = !1,
   size: l = "md",
-  block: i = !1,
+  block: a = !1,
   colorType: u = "default",
   background: g,
   color: T,
@@ -7055,7 +7055,7 @@ const m0 = ({
   name: w = "segmented-control",
   ...C
 }) => {
-  const z = m1(), R = (k) => typeof k == "object" ? k.value : k, b = (k) => typeof k == "object" ? k.label : k, S = (k) => typeof k == "object" && k.disabled, { bgColor: O } = a1({
+  const z = m1(), R = (k) => typeof k == "object" ? k.value : k, b = (k) => typeof k == "object" ? k.label : k, S = (k) => typeof k == "object" && k.disabled, { bgColor: O } = i1({
     fallback: "hovered",
     componentType: "etc"
   }), A = G1(_, z), P = E1(p, z), V = (k, H) => {
@@ -7074,7 +7074,7 @@ const m0 = ({
         border: h ? `${j}px ${m} ${d}` : "none",
         ...A,
         padding: 3,
-        width: i ? "100%" : "fit-content",
+        width: a ? "100%" : "fit-content",
         boxShadow: P,
         ...M
       },
@@ -7099,7 +7099,7 @@ const m0 = ({
             shape: _,
             disabled: x,
             style: {
-              flex: i ? 1 : "none",
+              flex: a ? 1 : "none",
               transition: "background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease"
             },
             children: B
@@ -7116,7 +7116,7 @@ const m0 = ({
   iconColor: n = "neutral-6",
   className: l = "",
   // Typography props
-  description: i = "No Data",
+  description: a = "No Data",
   pretendard: u = "R",
   gmarket: g,
   suite: T,
@@ -7158,7 +7158,7 @@ const m0 = ({
             weight: m,
             color: p,
             as: j,
-            children: i
+            children: a
           }
         )
       ]
@@ -7170,7 +7170,7 @@ const m0 = ({
   footer: o,
   thumb: n,
   colorType: l = "default",
-  background: i,
+  background: a,
   color: u,
   border: g = !0,
   borderColor: T,
@@ -7191,10 +7191,10 @@ const m0 = ({
   onClose: S,
   ...O
 }) => {
-  const A = m1(), { bgColor: P, txtColor: V, borColor: k } = a1({
+  const A = m1(), { bgColor: P, txtColor: V, borColor: k } = i1({
     border: g,
     fallback: l
-  }), H = i ? N(i, A) : P, U = u ? N(u, A) : V, B = T ? N(T, A) : k, $ = g && B ? `${d}px ${h} ${B}` : "none", x = C === "drawer" || b ? {} : G1(m, A), y = E1(j, A), a = A.spacing;
+  }), H = a ? N(a, A) : P, U = u ? N(u, A) : V, B = T ? N(T, A) : k, $ = g && B ? `${d}px ${h} ${B}` : "none", x = C === "drawer" || b ? {} : G1(m, A), y = E1(j, A), i = A.spacing;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -7219,7 +7219,7 @@ const m0 = ({
           "div",
           {
             className: `sud-${C}__title`,
-            style: { padding: a.md, width: "100%" },
+            style: { padding: i.md, width: "100%" },
             children: typeof s == "string" ? C === "modal" ? /* @__PURE__ */ t.jsxs("div", { className: "flex jus-bet item-cen", children: [
               /* @__PURE__ */ t.jsx(
                 t1,
@@ -7274,10 +7274,10 @@ const m0 = ({
           {
             className: `sud-${C}__body`,
             style: {
-              padding: a.md,
+              padding: i.md,
               display: "flex",
               flexDirection: "column",
-              gap: a.sm,
+              gap: i.sm,
               width: "100%"
             },
             children: c
@@ -7289,7 +7289,7 @@ const m0 = ({
           {
             className: `sud-${C}__footer`,
             style: {
-              padding: a.md,
+              padding: i.md,
               width: "100%"
             },
             children: o
@@ -7354,7 +7354,7 @@ const m0 = ({
   items: o = [],
   view: n = "month",
   viewControl: l = !1,
-  dateControl: i = !1,
+  dateControl: a = !1,
   headerRender: u,
   // 년/월 표시 및 prev/next 버튼 (기본 헤더 대체)
   viewControlRender: g,
@@ -7395,49 +7395,49 @@ const m0 = ({
       g1.disconnect();
     };
   }, [A]);
-  const [a, Z] = q(z9[x]), [r, f] = q(i1(s || /* @__PURE__ */ new Date())), [v, D] = q(
-    S ? i1(S) : null
-  ), [Y, F] = q(O ? i1(O) : null), [W, I] = q(null), [E, G] = q(i1(s || /* @__PURE__ */ new Date())), [X, o1] = q(n), [x1, l1] = q(!1), [M1, K] = q(r.year()), [J, d1] = q(r.month()), [Z1, D1] = q(r.date()), [w1, T1] = q(!1), S1 = () => {
-    T1(!0), setTimeout(() => T1(!1), 150);
+  const [i, Z] = q(z9[x]), [r, f] = q(a1(s || /* @__PURE__ */ new Date())), [v, D] = q(
+    S ? a1(S) : null
+  ), [Y, F] = q(O ? a1(O) : null), [W, I] = q(null), [E, G] = q(a1(s || /* @__PURE__ */ new Date())), [X, o1] = q(n), [x1, l1] = q(!1), [M1, K] = q(r.year()), [J, d1] = q(r.month()), [Z1, D1] = q(r.date()), [w1, F1] = q(!1), S1 = () => {
+    F1(!0), setTimeout(() => F1(!1), 150);
   }, N1 = (e1, g1, O1) => {
-    const p1 = i1(new Date(e1, g1, O1));
+    const p1 = a1(new Date(e1, g1, O1));
     K(e1), d1(g1), D1(O1), f(p1), G(p1);
-  }, X1 = i1().year(), V1 = Array.from({ length: 201 }, (e1, g1) => X1 - 100 + g1), k1 = Array.from({ length: 12 }, (e1, g1) => g1), I1 = r.daysInMonth(), r1 = Array.from({ length: I1 }, (e1, g1) => g1 + 1);
+  }, X1 = a1().year(), V1 = Array.from({ length: 201 }, (e1, g1) => X1 - 100 + g1), k1 = Array.from({ length: 12 }, (e1, g1) => g1), I1 = r.daysInMonth(), r1 = Array.from({ length: I1 }, (e1, g1) => g1 + 1);
   j1(() => {
-    s && (G(i1(s)), f(i1(s)));
+    s && (G(a1(s)), f(a1(s)));
   }, [s]), j1(() => {
-    S && D(i1(S)), O && F(i1(O));
+    S && D(a1(S)), O && F(a1(O));
   }, [S, O]);
-  const b1 = (e1, g1) => !e1 || !g1 ? !1 : i1(e1).isSame(i1(g1), "day"), _1 = (e1) => {
+  const b1 = (e1, g1) => !e1 || !g1 ? !1 : a1(e1).isSame(a1(g1), "day"), _1 = (e1) => {
     S1(), o1(e1), e1 === "daily" && f(E);
-  }, $1 = F1(() => {
-    const e1 = [], g1 = i1(r), O1 = g1.startOf("month"), p1 = O1.day(), j0 = O1.subtract(1, "day").date(), c0 = g1.daysInMonth(), x0 = 42;
+  }, $1 = z1(() => {
+    const e1 = [], g1 = a1(r), O1 = g1.startOf("month"), p1 = O1.day(), j0 = O1.subtract(1, "day").date(), c0 = g1.daysInMonth(), x0 = 42;
     for (let t0 = 0; t0 < x0; t0++) {
-      let l0, a0 = !0;
+      let l0, i0 = !0;
       if (t0 < p1) {
         const s0 = j0 - (p1 - t0 - 1);
-        l0 = g1.subtract(1, "month").date(s0), a0 = !1;
+        l0 = g1.subtract(1, "month").date(s0), i0 = !1;
       } else if (t0 < p1 + c0) {
         const s0 = t0 - p1 + 1;
         l0 = g1.date(s0);
       } else {
         const s0 = t0 - (p1 + c0) + 1;
-        l0 = g1.add(1, "month").date(s0), a0 = !1;
+        l0 = g1.add(1, "month").date(s0), i0 = !1;
       }
-      e1.push({ date: l0.toDate(), inCurrentMonth: a0 });
+      e1.push({ date: l0.toDate(), inCurrentMonth: i0 });
     }
     return e1;
-  }, [r]), { bgColor: J1, txtColor: W1, borColor: B1 } = a1({
+  }, [r]), { bgColor: J1, txtColor: W1, borColor: B1 } = i1({
     border: _,
     fallback: d,
     componentType: "tag"
-  }), K1 = m ? N(m, k) : J1, Q = N(j || "neutral-2", k), z1 = p ? N(p, k) : W1, H1 = M ? N(M, k) : B1, L1 = _ && H1 ? `${w}px ${L} ${H1}` : "none", P1 = (e1) => e1 === 0 || e1 === 6 ? N("red-6", k) : "inherit", Q1 = (e1) => {
+  }), K1 = m ? N(m, k) : J1, Q = N(j || "neutral-2", k), T1 = p ? N(p, k) : W1, H1 = M ? N(M, k) : B1, L1 = _ && H1 ? `${w}px ${L} ${H1}` : "none", P1 = (e1) => e1 === 0 || e1 === 6 ? N("red-6", k) : "inherit", Q1 = (e1) => {
     if (X === "year") {
-      const O1 = i1(e1).startOf("month");
+      const O1 = a1(e1).startOf("month");
       f(O1), o1("month");
       return;
     }
-    const g1 = i1(e1);
+    const g1 = a1(e1);
     if (!b)
       G(g1), c(g1.toDate());
     else if (!v || v && Y)
@@ -7456,10 +7456,10 @@ const m0 = ({
     "div",
     {
       style: {
-        width: a.dotSize,
-        height: a.dotSize,
+        width: i.dotSize,
+        height: i.dotSize,
         borderRadius: "50%",
-        backgroundColor: z1
+        backgroundColor: T1
       }
     }
   ) }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", justifyContent: "center", gap: 2 }, children: [
@@ -7467,10 +7467,10 @@ const m0 = ({
       "div",
       {
         style: {
-          width: a.dotSize,
-          height: a.dotSize,
+          width: i.dotSize,
+          height: i.dotSize,
           borderRadius: "50%",
-          backgroundColor: z1
+          backgroundColor: T1
         }
       }
     ),
@@ -7478,10 +7478,10 @@ const m0 = ({
       "div",
       {
         style: {
-          width: a.dotSize,
-          height: a.dotSize,
+          width: i.dotSize,
+          height: i.dotSize,
           borderRadius: "50%",
-          backgroundColor: z1
+          backgroundColor: T1
         }
       }
     ),
@@ -7490,8 +7490,8 @@ const m0 = ({
       {
         as: "span",
         style: {
-          fontSize: a.itemFontSize,
-          color: z1
+          fontSize: i.itemFontSize,
+          color: T1
         },
         children: [
           "+",
@@ -7510,45 +7510,31 @@ const m0 = ({
         flexDirection: "column",
         alignItems: "flex-start",
         paddingLeft: 4,
-        gap: a.itemGap
+        gap: i.itemGap
       },
       children: e1.map((O1) => {
         var p1;
-        return /* @__PURE__ */ t.jsxs(
+        return /* @__PURE__ */ t.jsx(
           m0,
           {
             colorType: O1.colorType || "apricot",
             style: {
-              fontSize: a.itemFontSize
+              fontSize: i.itemFontSize
             },
-            children: [
-              /* @__PURE__ */ t.jsx(
-                "div",
-                {
-                  style: {
-                    width: a.dotSize,
-                    height: a.dotSize,
-                    borderRadius: "50%",
-                    backgroundColor: z1,
-                    marginRight: 4
-                  }
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                t1,
-                {
-                  as: "span",
-                  style: {
-                    color: "inherit",
-                    fontSize: a.itemFontSize,
-                    textAlign: "left",
-                    ...(p1 = O1.itemProps) == null ? void 0 : p1.style
-                  },
-                  ...O1.itemProps,
-                  children: O1.content
-                }
-              )
-            ]
+            children: /* @__PURE__ */ t.jsx(
+              t1,
+              {
+                as: "span",
+                style: {
+                  color: "inherit",
+                  fontSize: i.itemFontSize,
+                  textAlign: "left",
+                  ...(p1 = O1.itemProps) == null ? void 0 : p1.style
+                },
+                ...O1.itemProps,
+                children: O1.content
+              }
+            )
           },
           O1.key
         );
@@ -7578,11 +7564,11 @@ const m0 = ({
             style: {
               display: "flex",
               alignItems: "center",
-              gap: a.itemGap,
+              gap: i.itemGap,
               width: "100%",
               marginBottom: x === "miniView" ? 4 : 8,
               justifyContent: "center",
-              padding: a.headerPadding
+              padding: i.headerPadding
             },
             children: [
               /* @__PURE__ */ t.jsx(
@@ -7597,7 +7583,7 @@ const m0 = ({
                     padding: x === "miniView" ? "2px" : "4px"
                   },
                   "aria-label": "Previous month",
-                  children: /* @__PURE__ */ t.jsx(M9, { size: a.navButtonSize })
+                  children: /* @__PURE__ */ t.jsx(M9, { size: i.navButtonSize })
                 }
               ),
               /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
@@ -7609,8 +7595,8 @@ const m0 = ({
                     onClick: () => l1(!x1),
                     style: {
                       cursor: "pointer",
-                      fontSize: a.headerFontSize,
-                      padding: `0 ${a.itemGap}px`,
+                      fontSize: i.headerFontSize,
+                      padding: `0 ${i.itemGap}px`,
                       textAlign: "center"
                     },
                     role: "heading",
@@ -7624,8 +7610,8 @@ const m0 = ({
                     as: "span",
                     pretendard: "SB",
                     style: {
-                      fontSize: a.headerFontSize,
-                      padding: `0 ${a.itemGap}px`,
+                      fontSize: i.headerFontSize,
+                      padding: `0 ${i.itemGap}px`,
                       textAlign: "center"
                     },
                     role: "heading",
@@ -7655,7 +7641,7 @@ const m0 = ({
                     padding: x === "miniView" ? "2px" : "4px"
                   },
                   "aria-label": "Next month",
-                  children: /* @__PURE__ */ t.jsx(b9, { size: a.navButtonSize })
+                  children: /* @__PURE__ */ t.jsx(b9, { size: i.navButtonSize })
                 }
               )
             ]
@@ -7670,7 +7656,7 @@ const m0 = ({
               alignItems: "center",
               width: "100%",
               marginBottom: 8,
-              gap: a.itemGap
+              gap: i.itemGap
             },
             children: [
               l && (g ?? /* @__PURE__ */ t.jsx(
@@ -7689,17 +7675,17 @@ const m0 = ({
                   value: X,
                   onChange: _1,
                   style: {
-                    fontSize: a.segmentedFont
+                    fontSize: i.segmentedFont
                   }
                 }
               )),
-              i && (T ?? /* @__PURE__ */ t.jsxs(
+              a && (T ?? /* @__PURE__ */ t.jsxs(
                 "div",
                 {
                   style: {
                     display: "flex",
-                    gap: a.itemGap,
-                    fontSize: a.selectFont
+                    gap: i.itemGap,
+                    fontSize: i.selectFont
                   },
                   children: [
                     /* @__PURE__ */ t.jsx(
@@ -7721,7 +7707,7 @@ const m0 = ({
                         value: r.month(),
                         onChange: (e1) => N1(M1, e1, Z1),
                         options: k1.map((e1) => ({
-                          label: `${e1}`,
+                          label: `${e1 + 1}`,
                           value: e1
                         })),
                         size: "sm",
@@ -7760,7 +7746,7 @@ const m0 = ({
                   style: {
                     display: "flex",
                     flexDirection: "column",
-                    gap: a.itemGap
+                    gap: i.itemGap
                   },
                   children: o.length > 0 ? /* @__PURE__ */ t.jsx(u0, { style: { width: "100%" }, shadow: "none", children: /* @__PURE__ */ t.jsx(
                     "div",
@@ -7770,38 +7756,24 @@ const m0 = ({
                         (e1) => e1.date === r.format("YYYY-MM-DD")
                       ).map((e1) => {
                         var g1;
-                        return /* @__PURE__ */ t.jsxs(
+                        return /* @__PURE__ */ t.jsx(
                           m0,
                           {
                             colorType: e1.colorType || "apricot",
-                            children: [
-                              /* @__PURE__ */ t.jsx(
-                                "div",
-                                {
-                                  style: {
-                                    width: a.dotSize,
-                                    height: a.dotSize,
-                                    borderRadius: "50%",
-                                    backgroundColor: z1,
-                                    marginRight: 6
-                                  }
-                                }
-                              ),
-                              /* @__PURE__ */ t.jsx(
-                                t1,
-                                {
-                                  as: "span",
-                                  style: {
-                                    color: "inherit",
-                                    fontSize: a.itemFontSize,
-                                    textAlign: "left",
-                                    ...(g1 = e1.itemProps) == null ? void 0 : g1.style
-                                  },
-                                  ...e1.itemProps,
-                                  children: e1.content
-                                }
-                              )
-                            ]
+                            children: /* @__PURE__ */ t.jsx(
+                              t1,
+                              {
+                                as: "span",
+                                style: {
+                                  color: "inherit",
+                                  fontSize: i.itemFontSize,
+                                  textAlign: "left",
+                                  ...(g1 = e1.itemProps) == null ? void 0 : g1.style
+                                },
+                                ...e1.itemProps,
+                                children: e1.content
+                              }
+                            )
                           },
                           e1.key
                         );
@@ -7816,13 +7788,13 @@ const m0 = ({
                   style: {
                     display: "grid",
                     gridTemplateColumns: "repeat(3, 1fr)",
-                    gap: a.itemGap * 2,
+                    gap: i.itemGap * 2,
                     width: "100%"
                   },
                   children: Array.from({ length: 12 }, (e1, g1) => {
-                    const p1 = i1(r).month(g1), j0 = p1.format("YYYY-MM"), c0 = o.filter(
+                    const p1 = a1(r).month(g1), j0 = p1.format("YYYY-MM"), c0 = o.filter(
                       (s0) => s0.date.slice(0, 7) === j0
-                    ), x0 = E.isSame(p1, "month"), t0 = W && i1(W).isSame(p1, "month"), l0 = x0 ? K1 : t0 ? Q : "transparent", a0 = x0 ? z1 : "inherit";
+                    ), x0 = E.isSame(p1, "month"), t0 = W && a1(W).isSame(p1, "month"), l0 = x0 ? K1 : t0 ? Q : "transparent", i0 = x0 ? T1 : "inherit";
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -7833,10 +7805,10 @@ const m0 = ({
                           cursor: "pointer",
                           transition: "background-color 0.2s ease",
                           backgroundColor: l0,
-                          color: a0,
+                          color: i0,
                           borderTop: L1,
                           borderBottom: L1,
-                          padding: a.cellPadding
+                          padding: i.cellPadding
                         },
                         children: [
                           /* @__PURE__ */ t.jsx("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t.jsx(
@@ -7844,7 +7816,7 @@ const m0 = ({
                             {
                               as: "span",
                               pretendard: "R",
-                              style: { fontSize: a.dayFontSize },
+                              style: { fontSize: i.dayFontSize },
                               children: H.monthFormat(p1)
                             }
                           ) }),
@@ -7866,14 +7838,14 @@ const m0 = ({
                       textAlign: "center",
                       fontWeight: "bold"
                     },
-                    children: H.weekdays.map((e1, g1) => /* @__PURE__ */ t.jsx("div", { style: { padding: a.cellPadding }, children: /* @__PURE__ */ t.jsx(
+                    children: H.weekdays.map((e1, g1) => /* @__PURE__ */ t.jsx("div", { style: { padding: i.cellPadding }, children: /* @__PURE__ */ t.jsx(
                       t1,
                       {
                         as: "span",
                         pretendard: "B",
                         style: {
                           color: P1(g1),
-                          fontSize: a.dayFontSize
+                          fontSize: i.dayFontSize
                         },
                         children: e1
                       }
@@ -7889,7 +7861,7 @@ const m0 = ({
                       textAlign: "center"
                     },
                     children: $1.map(({ date: e1, inCurrentMonth: g1 }, O1) => {
-                      const p1 = i1(e1), j0 = b1(W, p1), c0 = b1(E, p1), x0 = p1.day(), t0 = O1 >= 35, l0 = p1.format("YYYY-MM-DD"), a0 = o.filter((A0) => A0.date === l0), s0 = b && (p1.isSame(v, "day") || p1.isSame(Y, "day")), t2 = b && v && Y && p1.isAfter(v, "day") && p1.isBefore(Y, "day"), T2 = s0 || c0 || t2 ? z1 : g1 ? P1(x0) : N("neutral-4", k), $2 = s0 || c0 || t2 ? K1 : j0 ? Q : "transparent";
+                      const p1 = a1(e1), j0 = b1(W, p1), c0 = b1(E, p1), x0 = p1.day(), t0 = O1 >= 35, l0 = p1.format("YYYY-MM-DD"), i0 = o.filter((A0) => A0.date === l0), s0 = b && (p1.isSame(v, "day") || p1.isSame(Y, "day")), t2 = b && v && Y && p1.isAfter(v, "day") && p1.isBefore(Y, "day"), T2 = s0 || c0 || t2 ? T1 : g1 ? P1(x0) : N("neutral-4", k), $2 = s0 || c0 || t2 ? K1 : j0 ? Q : "transparent";
                       return /* @__PURE__ */ t.jsxs(
                         "div",
                         {
@@ -7902,7 +7874,7 @@ const m0 = ({
                           "aria-label": `${p1.year()}년 ${p1.month() + 1}월 ${p1.date()}일`,
                           "aria-selected": s0 || c0,
                           style: {
-                            padding: a.cellPadding,
+                            padding: i.cellPadding,
                             cursor: "pointer",
                             transition: "background-color 0.2s ease",
                             borderTop: L1,
@@ -7924,13 +7896,13 @@ const m0 = ({
                                   {
                                     as: "span",
                                     pretendard: "R",
-                                    style: { fontSize: a.dayFontSize },
+                                    style: { fontSize: i.dayFontSize },
                                     children: p1.date()
                                   }
                                 )
                               }
                             ),
-                            e2(a0, x === "miniView")
+                            e2(i0, x === "miniView")
                           ]
                         },
                         O1
@@ -7951,7 +7923,7 @@ const m0 = ({
   itemCount: o = 1,
   autoPlay: n = !1,
   autoPlayInterval: l = 3e3,
-  scaleRatio: i = 0.2,
+  scaleRatio: a = 0.2,
   opacityRatio: u = 0.1,
   width: g,
   height: T,
@@ -7974,8 +7946,8 @@ const m0 = ({
     b((y) => ({ ...y, maxItemHeight: x }));
   }, [s, w]), n0(() => {
     const x = new ResizeObserver(([y]) => {
-      const { width: a, height: Z } = y.contentRect;
-      b({ width: a, height: Z });
+      const { width: i, height: Z } = y.contentRect;
+      b({ width: i, height: Z });
     });
     return z.current && x.observe(z.current), () => x.disconnect();
   }, []);
@@ -7989,13 +7961,13 @@ const m0 = ({
     x.preventDefault(), S.current = !0, O.current = x.clientX || x.touches[0].clientX;
   }, U = (x) => {
     if (!S.current) return;
-    const y = x.clientX || x.touches[0].clientX, a = O.current - y;
-    a > 50 ? (k(), S.current = !1) : a < -50 && (V(), S.current = !1);
+    const y = x.clientX || x.touches[0].clientX, i = O.current - y;
+    i > 50 ? (k(), S.current = !1) : i < -50 && (V(), S.current = !1);
   }, B = () => {
     S.current = !1;
   }, $ = (x) => {
-    const y = s.length, a = Math.min(o, y);
-    if (a === 1 || _ !== "overlap") {
+    const y = s.length, i = Math.min(o, y);
+    if (i === 1 || _ !== "overlap") {
       const I = x === w, E = x === (w + 1) % y;
       switch (_) {
         case "fade":
@@ -8035,7 +8007,7 @@ const m0 = ({
           };
       }
     }
-    const Z = Math.floor(a / 2) || 1;
+    const Z = Math.floor(i / 2) || 1;
     let r = (x - w + y) % y;
     r > y / 2 && (r -= y);
     const f = Math.abs(r);
@@ -8045,7 +8017,7 @@ const m0 = ({
         transform: "scale(0)",
         zIndex: 0
       };
-    const v = P * 1.2, D = r * (v / Z), Y = 1 - i * (f / Z), F = 1 - u * (f / Z), W = a - f;
+    const v = P * 1.2, D = r * (v / Z), Y = 1 - a * (f / Z), F = 1 - u * (f / Z), W = i - f;
     switch (_) {
       case "fade":
         return {
@@ -8157,7 +8129,7 @@ const m0 = ({
             children: s.map((x, y) => /* @__PURE__ */ t.jsx(
               "div",
               {
-                ref: (a) => A.current[y] = a,
+                ref: (i) => A.current[y] = i,
                 style: {
                   position: "absolute",
                   left: "50%",
@@ -8200,7 +8172,7 @@ const m0 = ({
   defaultOpenKeys: o = [],
   onChange: n,
   border: l = !0,
-  borderColor: i,
+  borderColor: a,
   borderType: u = "solid",
   borderWeight: g = 1,
   headerColorType: T = "sub",
@@ -8224,13 +8196,13 @@ const m0 = ({
     bgColor: V,
     borColor: k,
     txtColor: H
-  } = a1({
+  } = i1({
     border: !0,
     fallback: T
-  }), { bgColor: U, txtColor: B } = a1({
+  }), { bgColor: U, txtColor: B } = i1({
     border: !1,
     fallback: m
-  }), $ = h ? N(h, b) : V, x = d ? N(d, b) : H, y = i ? N(i, b) : k, a = j ? N(j, b) : U, Z = p ? N(p, b) : B, r = l && y ? `${g}px ${u} ${y}` : "none", { bgColor: f, txtColor: v } = a1({
+  }), $ = h ? N(h, b) : V, x = d ? N(d, b) : H, y = a ? N(a, b) : k, i = j ? N(j, b) : U, Z = p ? N(p, b) : B, r = l && y ? `${g}px ${u} ${y}` : "none", { bgColor: f, txtColor: v } = i1({
     border: !1,
     fallback: "disabled"
   }), D = E1(_, b), Y = G1(C, b), F = b.spacing[w] || b.spacing.md, W = b.typography.fontSize[w === "md" ? "base" : w] || b.typography.fontSize.base;
@@ -8316,7 +8288,7 @@ const m0 = ({
                     overflow: "hidden",
                     transition: "all 0.3s ease",
                     padding: G ? `${F} ${F}` : `0 ${F}`,
-                    background: a,
+                    background: i,
                     color: Z
                   },
                   role: "region",
@@ -8337,7 +8309,7 @@ const m0 = ({
   title: o,
   children: n,
   footer: l,
-  colorType: i = "default",
+  colorType: a = "default",
   divider: u = !0,
   dividerColor: g,
   background: T,
@@ -8364,23 +8336,23 @@ const m0 = ({
   }, [s]), j1(() => {
     if (U) {
       H(!1);
-      const a = requestAnimationFrame(() => {
+      const i = requestAnimationFrame(() => {
         H(!0);
       });
-      return () => cancelAnimationFrame(a);
+      return () => cancelAnimationFrame(i);
     } else
       H(!1);
   }, [U]), j1(() => {
     if (!s && U) {
       H(!1);
-      const a = setTimeout(() => {
+      const i = setTimeout(() => {
         B(!1);
       }, 300);
-      return () => clearTimeout(a);
+      return () => clearTimeout(i);
     }
   }, [s, U]);
-  const x = F1(() => {
-    const a = {
+  const x = z1(() => {
+    const i = {
       position: "fixed",
       zIndex: V,
       transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
@@ -8392,7 +8364,7 @@ const m0 = ({
     switch (z) {
       case "left":
         return {
-          ...a,
+          ...i,
           top: 0,
           left: 0,
           height: "100vh",
@@ -8405,7 +8377,7 @@ const m0 = ({
         };
       case "right":
         return {
-          ...a,
+          ...i,
           top: 0,
           right: 0,
           height: "100vh",
@@ -8418,7 +8390,7 @@ const m0 = ({
         };
       case "top":
         return {
-          ...a,
+          ...i,
           top: 0,
           left: 0,
           width: "100vw",
@@ -8431,7 +8403,7 @@ const m0 = ({
         };
       case "bottom":
         return {
-          ...a,
+          ...i,
           bottom: 0,
           left: 0,
           width: "100vw",
@@ -8518,7 +8490,7 @@ const m0 = ({
           dividerColor: g,
           footer: l,
           shape: "square",
-          colorType: i,
+          colorType: a,
           background: T,
           color: h,
           border: d,
@@ -8566,7 +8538,7 @@ const m0 = ({
   width: o = 200,
   height: n,
   className: l = "",
-  style: i = {},
+  style: a = {},
   loading: u = "lazy",
   mask: g = /* @__PURE__ */ t.jsxs(
     "div",
@@ -8621,7 +8593,7 @@ const m0 = ({
     overflow: "hidden",
     ...O,
     padding: "0",
-    ...i
+    ...a
   }, V = {
     width: "100%",
     height: "100%",
@@ -8716,13 +8688,13 @@ const m0 = ({
       document.body
     )
   ] });
-}, i3 = ({
+}, a3 = ({
   open: s = !1,
   onClose: c,
   onEsc: o = !0,
   title: n,
   children: l,
-  footer: i,
+  footer: a,
   colorType: u = "default",
   background: g,
   color: T,
@@ -8773,7 +8745,7 @@ const m0 = ({
         u0,
         {
           title: n,
-          footer: i,
+          footer: a,
           colorType: u,
           background: g,
           color: T,
@@ -8797,7 +8769,7 @@ const m0 = ({
     }
   ),
   document.body
-) : null), a3 = ({
+) : null), i3 = ({
   children: s,
   // Popover 트리거 역할
   title: c,
@@ -8808,7 +8780,7 @@ const m0 = ({
   // "top" | "bottom" | "left" | "right"
   open: l,
   // Popover 열림 상태 (제어용)
-  defaultOpen: i = !1,
+  defaultOpen: a = !1,
   // Popover 기본 열림 상태
   onOpenChange: u,
   // Popover 열림 상태 변경 콜백
@@ -8838,7 +8810,7 @@ const m0 = ({
     trigger: o,
     placement: n,
     open: l,
-    defaultOpen: i,
+    defaultOpen: a,
     onOpenChange: u,
     closeOnClick: g,
     disabled: T,
@@ -8871,7 +8843,7 @@ const m0 = ({
   onChange: o,
   options: n,
   children: l,
-  size: i = "md",
+  size: a = "md",
   colorType: u = { active: "default", inactive: "sub" },
   background: g = { active: void 0, inactive: void 0 },
   color: T = { active: void 0, inactive: void 0 },
@@ -8946,14 +8918,14 @@ const m0 = ({
       bgColor: D,
       txtColor: Y,
       borColor: F
-    } = a1({
+    } = i1({
       border: h,
       fallback: u.active
     }), {
       bgColor: W,
       txtColor: I,
       borColor: E
-    } = a1({
+    } = i1({
       border: h,
       fallback: u.inactive
     });
@@ -8975,13 +8947,13 @@ const m0 = ({
     bgColor: B,
     txtColor: $,
     borColor: x
-  } = a1({
+  } = i1({
     border: h,
     fallback: "disabled"
-  }), { borColor: y } = a1({
+  }), { borColor: y } = i1({
     border: h,
     fallback: "default"
-  }), a = U(), Z = {
+  }), i = U(), Z = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
@@ -9005,7 +8977,7 @@ const m0 = ({
               justifyContent: Z[L]
             },
             children: z.map(({ key: v, label: D }) => {
-              const Y = v === O, F = M.includes(v), W = Y ? a.active : a.inactive;
+              const Y = v === O, F = M.includes(v), W = Y ? i.active : i.inactive;
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -9019,7 +8991,7 @@ const m0 = ({
                   "aria-controls": `tabpanel-${v}`,
                   id: `tab-${v}`,
                   style: {
-                    padding: `calc(${V[i].padding}/2) ${V[i].padding}`,
+                    padding: `calc(${V[a].padding}/2) ${V[a].padding}`,
                     background: F ? B : W.bgColor,
                     borderTopLeftRadius: 6,
                     borderTopRightRadius: 6,
@@ -9037,7 +9009,7 @@ const m0 = ({
                     t1,
                     {
                       as: "span",
-                      style: { fontSize: V[i].fontSize },
+                      style: { fontSize: V[a].fontSize },
                       color: F ? $ : W.txtColor,
                       pretendard: "SB",
                       children: D
@@ -9083,7 +9055,7 @@ const d3 = ({
   // "top" | "bottom" | "left" | "right"
   open: l,
   // Tooltip의 열림 상태 (제어용)
-  defaultOpen: i = !1,
+  defaultOpen: a = !1,
   // Tooltip의 기본 열림 상태
   onOpenChange: u,
   // Tooltip의 열림 상태 변경 콜백
@@ -9111,7 +9083,7 @@ const d3 = ({
     trigger: o,
     placement: n,
     open: l,
-    defaultOpen: i,
+    defaultOpen: a,
     onOpenChange: u,
     closeOnClick: g,
     disabled: T,
@@ -9141,7 +9113,7 @@ const d3 = ({
   pageSize: o = 10,
   onChange: n,
   showPrevNext: l = !0,
-  showFirstLast: i = !0,
+  showFirstLast: a = !0,
   maxVisibleButtons: u = 5,
   activeStyle: g = { colorType: "primary", shadow: "sm" },
   defaultStyle: T = { colorType: "default", shadow: "sm" },
@@ -9160,7 +9132,7 @@ const d3 = ({
       default:
         return { justifyContent: "flex-start" };
     }
-  }, C = F1(() => {
+  }, C = z1(() => {
     if (M <= u)
       return Array.from({ length: M }, (S, O) => O + 1);
     const b = [];
@@ -9235,7 +9207,7 @@ const d3 = ({
       ...m
     },
     [
-      i && d0("div", {
+      a && d0("div", {
         key: "first",
         className: "sud-pagination__nav sud-pagination__nav--first",
         onClick: p === 1 ? void 0 : () => L(1),
@@ -9287,7 +9259,7 @@ const d3 = ({
         "aria-disabled": p === M,
         children: /* @__PURE__ */ t.jsx(q0, { size: "12" })
       }),
-      i && d0("div", {
+      a && d0("div", {
         key: "last",
         className: "sud-pagination__nav sud-pagination__nav--last",
         onClick: p === M ? void 0 : () => L(M),
@@ -9313,10 +9285,10 @@ const d3 = ({
   style: n = {},
   ...l
 }) => {
-  const { txtColor: i } = a1({
+  const { txtColor: a } = i1({
     fallback: c,
     componentType: "tag"
-  }), u = i, g = [
+  }), u = a, g = [
     z0(u, 0),
     z0(u, 30),
     z0(u, 60),
@@ -9412,7 +9384,7 @@ const d3 = ({
   gap: o = 8,
   split: n = !0,
   loading: l = !1,
-  emptyText: i = "No Data",
+  emptyText: a = "No Data",
   className: u,
   style: g = {},
   itemStyle: T = {},
@@ -9425,19 +9397,19 @@ const d3 = ({
   const [_, M] = q(1), [L, w] = q(0), C = u1(null), [z, R] = q(0), b = u1(/* @__PURE__ */ new Map());
   j1(() => {
     if (C.current) {
-      const y = new ResizeObserver((a) => {
-        for (const Z of a)
+      const y = new ResizeObserver((i) => {
+        for (const Z of i)
           R(Z.contentRect.height);
       });
       return y.observe(C.current), () => y.disconnect();
     }
   }, []);
-  const S = C1((y, a) => {
-    a && b.current.set(y, a.getBoundingClientRect().height);
-  }, []), O = F1(
+  const S = C1((y, i) => {
+    i && b.current.set(y, i.getBoundingClientRect().height);
+  }, []), O = z1(
     () => Array.isArray(s) && s.length > 0,
     [s]
-  ), { visibleItems: A, startIndex: P, endIndex: V, totalHeight: k } = F1(() => {
+  ), { visibleItems: A, startIndex: P, endIndex: V, totalHeight: k } = z1(() => {
     if (!d || !z)
       return {
         visibleItems: s,
@@ -9445,18 +9417,18 @@ const d3 = ({
         endIndex: s.length,
         totalHeight: 0
       };
-    let y = 0, a = 0, Z = 0, r = !1;
+    let y = 0, i = 0, Z = 0, r = !1;
     for (let f = 0; f < s.length; f++) {
       const v = b.current.get(f) || v || 40;
-      if (!r && y + v > L && (a = Math.max(0, f - j), r = !0), r && y > L + z) {
+      if (!r && y + v > L && (i = Math.max(0, f - j), r = !0), r && y > L + z) {
         Z = Math.min(s.length, f + j);
         break;
       }
       y += v;
     }
-    return r || (a = 0), Z === 0 && (Z = s.length), {
-      visibleItems: s.slice(a, Z),
-      startIndex: a,
+    return r || (i = 0), Z === 0 && (Z = s.length), {
+      visibleItems: s.slice(i, Z),
+      startIndex: i,
       endIndex: Z,
       totalHeight: y
     };
@@ -9467,9 +9439,9 @@ const d3 = ({
     s,
     m,
     j
-  ]), { pageSize: H, paginatedData: U } = F1(() => {
-    const y = (c == null ? void 0 : c.pageSize) || s.length, a = c ? s.slice((_ - 1) * y, _ * y) : s;
-    return { pageSize: y, paginatedData: a };
+  ]), { pageSize: H, paginatedData: U } = z1(() => {
+    const y = (c == null ? void 0 : c.pageSize) || s.length, i = c ? s.slice((_ - 1) * y, _ * y) : s;
+    return { pageSize: y, paginatedData: i };
   }, [s, c, _]), B = C1(
     (y) => {
       d && w(y.target.scrollTop);
@@ -9477,12 +9449,12 @@ const d3 = ({
     [d]
   );
   C1((y) => {
-    const a = {
+    const i = {
       left: "flex-start",
       center: "center",
       right: "flex-end"
     };
-    return y.includes("left") ? a.left : y.includes("center") ? a.center : y.includes("right") ? a.right : a.center;
+    return y.includes("left") ? i.left : y.includes("center") ? i.center : y.includes("right") ? i.right : i.center;
   }, []);
   const $ = C1(
     (y) => {
@@ -9491,7 +9463,7 @@ const d3 = ({
     [c]
   ), x = C1(() => {
     const y = d ? A : U;
-    return y.map((a, Z) => {
+    return y.map((i, Z) => {
       const r = d ? P + Z : Z;
       return /* @__PURE__ */ t.jsxs(
         "div",
@@ -9519,7 +9491,7 @@ const d3 = ({
                   ...T
                 },
                 className: "sud-list__item",
-                children: a
+                children: i
               }
             ),
             n && Z !== y.length - 1 && /* @__PURE__ */ t.jsx(o0, {})
@@ -9636,7 +9608,7 @@ const d3 = ({
             )
           }
         )
-      ] }) : /* @__PURE__ */ t.jsx("div", { style: { padding: "40px 0" }, children: /* @__PURE__ */ t.jsx(D0, { description: i }) })
+      ] }) : /* @__PURE__ */ t.jsx("div", { style: { padding: "40px 0" }, children: /* @__PURE__ */ t.jsx(D0, { description: a }) })
     }
   );
 }, L9 = `
@@ -9668,7 +9640,7 @@ const d3 = ({
 }
 `, O9 = A1.memo(
   ({ items: s = [], mode: c = "left", style: o = {}, className: n, ...l }) => {
-    const u = F1(
+    const u = z1(
       () => s.some((d) => d.label),
       [s]
     );
@@ -9700,7 +9672,7 @@ const d3 = ({
           M
         )
       ) }) : /* @__PURE__ */ t.jsx("div", { style: p, children: typeof d == "string" ? /* @__PURE__ */ t.jsx(t1, { as: "span", color: j, children: d }) : d });
-    }, []), T = F1(() => 20, []), h = F1(() => 2, []);
+    }, []), T = z1(() => 20, []), h = z1(() => 2, []);
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -9757,7 +9729,7 @@ const C2 = A1.memo(
     leftContent: o,
     rightContent: n,
     dotPosition: l = "center",
-    isLast: i = !1,
+    isLast: a = !1,
     textAlignMode: u = "left",
     className: g,
     role: T,
@@ -9768,14 +9740,14 @@ const C2 = A1.memo(
     delay: p = 0
   }) => {
     var H, U;
-    const _ = m1(), M = N(c, _), { txtColor: L, borColor: w } = a1({
+    const _ = m1(), M = N(c, _), { txtColor: L, borColor: w } = i1({
       border: !0,
       fallback: "default"
     }), C = u1(), z = u1(), [R, b] = q(0);
     n0(() => {
       const B = () => {
-        var a, Z;
-        const x = ((a = C.current) == null ? void 0 : a.offsetHeight) || 0, y = ((Z = z.current) == null ? void 0 : Z.offsetHeight) || 0;
+        var i, Z;
+        const x = ((i = C.current) == null ? void 0 : i.offsetHeight) || 0, y = ((Z = z.current) == null ? void 0 : Z.offsetHeight) || 0;
         b(d + Math.max(x, y));
       }, $ = new ResizeObserver(() => {
         B();
@@ -9784,24 +9756,24 @@ const C2 = A1.memo(
         $.disconnect();
       };
     }, [o, n, d]);
-    const S = F1(
+    const S = z1(
       () => ({
         position: "relative",
         width: d,
         minWidth: d
       }),
       [d]
-    ), O = F1(
+    ), O = z1(
       () => ({
         position: "absolute",
         left: (d - m) / 2,
         top: d / 2,
         width: m,
-        height: i ? 0 : R,
+        height: a ? 0 : R,
         backgroundColor: w
       }),
-      [d, m, R, i, w]
-    ), A = F1(
+      [d, m, R, a, w]
+    ), A = z1(
       () => ({
         position: "absolute",
         top: 0,
@@ -9815,7 +9787,7 @@ const C2 = A1.memo(
         justifyContent: "center"
       }),
       [d]
-    ), P = F1(
+    ), P = z1(
       () => ({
         animationDelay: `${p}ms`
       }),
@@ -9990,7 +9962,7 @@ const u3 = ({
   rowKey: o = "key",
   size: n = "md",
   colorType: l = "sub",
-  shape: i = "rounded",
+  shape: a = "rounded",
   shadow: u = "none",
   border: g = !0,
   borderColor: T,
@@ -10015,33 +9987,33 @@ const u3 = ({
     bgColor: H,
     txtColor: U,
     borColor: B
-  } = a1({
+  } = i1({
     fallback: l,
     componentType: "button",
     border: g
-  }), $ = T ? N(T, b) : B, x = g ? `${d}px ${h} ${$}` : "none", y = F1(
+  }), $ = T ? N(T, b) : B, x = g ? `${d}px ${h} ${$}` : "none", y = z1(
     () => ({
       sm: { padding: "8px 12px", fontSize: 12 },
       md: { padding: "12px 16px", fontSize: 14 },
       lg: { padding: "16px 20px", fontSize: 16 }
     }),
     []
-  ), a = y[n] || y.md, Z = G1(i, b), r = E1(u, b), f = a.padding, v = C1(
+  ), i = y[n] || y.md, Z = G1(a, b), r = E1(u, b), f = i.padding, v = C1(
     (K, J) => typeof o == "function" ? o(K) : K[o] ?? J,
     [o]
-  ), D = F1(() => {
+  ), D = z1(() => {
     if (!S) return c;
     const { columnKey: K, order: J } = S, d1 = s.find((w1) => (w1.dataIndex || w1.key) === K);
     if (!d1) return c;
-    const Z1 = d1.sorter === !0 ? (w1, T1) => {
-      const S1 = w1[K], N1 = T1[K];
+    const Z1 = d1.sorter === !0 ? (w1, F1) => {
+      const S1 = w1[K], N1 = F1[K];
       return typeof S1 == "number" ? S1 - N1 : String(S1).localeCompare(String(N1));
     } : d1.sorter;
-    return [...c].sort((w1, T1) => {
-      const S1 = Z1(w1, T1);
+    return [...c].sort((w1, F1) => {
+      const S1 = Z1(w1, F1);
       return J === "ascend" ? S1 : -S1;
     });
-  }, [c, S, s]), Y = F1(() => {
+  }, [c, S, s]), Y = z1(() => {
     if (!w || w === !1)
       return D;
     const K = (A - 1) * V, J = K + V;
@@ -10078,19 +10050,19 @@ const u3 = ({
       X(Z1);
     }
   }, [D, M]);
-  const o1 = F1(
+  const o1 = z1(
     () => ({
       borderTopLeftRadius: Z.borderRadius,
       borderTopRightRadius: Z.borderRadius
     }),
     [Z.borderRadius]
-  ), x1 = F1(
+  ), x1 = z1(
     () => ({
       borderBottomLeftRadius: Z.borderRadius,
       borderBottomRightRadius: Z.borderRadius
     }),
     [Z.borderRadius]
-  ), l1 = F1(() => {
+  ), l1 = z1(() => {
     const K = s.reduce((J, d1) => J + (d1.col || (d1.width ? 0 : 1)), 0);
     return s.map((J) => {
       let d1 = "auto";
@@ -10164,14 +10136,14 @@ const u3 = ({
                           borderBottom: x,
                           borderLeft: J === 0 ? "none" : x,
                           borderRight: J === s.length - 1 ? "none" : x,
-                          fontSize: a.fontSize,
+                          fontSize: i.fontSize,
                           padding: f,
                           cursor: K.sorter ? "pointer" : "default"
                         },
                         role: "columnheader",
                         "aria-sort": Z1 ? D1 === "ascend" ? "ascending" : "descending" : "none",
                         tabIndex: K.sorter ? 0 : -1,
-                        onKeyDown: (T1) => M1(T1, K),
+                        onKeyDown: (F1) => M1(F1, K),
                         "aria-label": `${K.title} ${Z1 ? D1 === "ascend" ? "오름차순 정렬됨" : "내림차순 정렬됨" : ""}`,
                         children: /* @__PURE__ */ t.jsxs(
                           "div",
@@ -10188,7 +10160,7 @@ const u3 = ({
                                 {
                                   as: "span",
                                   pretendard: "SB",
-                                  size: a.fontSize,
+                                  size: i.fontSize,
                                   children: K.title
                                 }
                               ),
@@ -10276,7 +10248,7 @@ const u3 = ({
                     J
                   )) }),
                   /* @__PURE__ */ t.jsx("tbody", { children: Y.map((K, J) => {
-                    const d1 = v(K, J), Z1 = N(K.background, b) || "transparent", D1 = N(K.color, b) || "inherit", w1 = N(K.borderColor, b) || $, T1 = g ? `${d}px ${h} ${w1}` : "none";
+                    const d1 = v(K, J), Z1 = N(K.background, b) || "transparent", D1 = N(K.color, b) || "inherit", w1 = N(K.borderColor, b) || $, F1 = g ? `${d}px ${h} ${w1}` : "none";
                     return /* @__PURE__ */ t.jsx(
                       "tr",
                       {
@@ -10288,7 +10260,7 @@ const u3 = ({
                         "aria-rowindex": J + 1,
                         "aria-selected": K.selected || !1,
                         children: l1.map((S1, N1) => {
-                          const X1 = S1.key, V1 = K[X1], k1 = S1.align || "left", I1 = S1.render ? S1.render(V1, K, J) : /* @__PURE__ */ t.jsx(t1, { size: a.fontSize, children: V1 });
+                          const X1 = S1.key, V1 = K[X1], k1 = S1.align || "left", I1 = S1.render ? S1.render(V1, K, J) : /* @__PURE__ */ t.jsx(t1, { size: i.fontSize, children: V1 });
                           return /* @__PURE__ */ t.jsx(
                             "td",
                             {
@@ -10300,10 +10272,10 @@ const u3 = ({
                                 textAlign: k1,
                                 background: Z1,
                                 color: D1,
-                                borderBottom: T1,
-                                borderLeft: N1 === 0 ? "none" : T1,
-                                borderRight: N1 === s.length - 1 ? "none" : T1,
-                                fontSize: a.fontSize,
+                                borderBottom: F1,
+                                borderLeft: N1 === 0 ? "none" : F1,
+                                borderRight: N1 === s.length - 1 ? "none" : F1,
+                                fontSize: i.fontSize,
                                 padding: f
                               },
                               role: "cell",
@@ -10354,7 +10326,7 @@ function U0({
   labelPosition: n = "right",
   // "left" | "right" | "top" | "bottom"
   children: l,
-  color: i,
+  color: a,
   disabled: u = !1,
   colorType: g = "primary",
   style: T = {},
@@ -10364,10 +10336,10 @@ function U0({
   ariaInvalid: j,
   ariaDescribedby: p
 }) {
-  const _ = m1(), { bgColor: M } = a1({
+  const _ = m1(), { bgColor: M } = i1({
     border: !1,
     fallback: g
-  }), L = i ? N(i, _) : M, [w, C] = q(c || !1), [z, R] = q(!1), b = s !== void 0, S = b ? s : w, O = n === "top" || n === "bottom", A = u1(), P = u1(), V = z || S ? L : N("cool-gray-3", _), k = (H) => {
+  }), L = a ? N(a, _) : M, [w, C] = q(c || !1), [z, R] = q(!1), b = s !== void 0, S = b ? s : w, O = n === "top" || n === "bottom", A = u1(), P = u1(), V = z || S ? L : N("cool-gray-3", _), k = (H) => {
     if (H.stopPropagation(), u) return;
     const U = !S;
     b || C(U), o == null || o(U), A.current && S0(A.current), P.current && K0(P.current);
@@ -10435,7 +10407,7 @@ function U0({
           {
             as: "span",
             className: "sud-checkbox__label",
-            color: i,
+            color: a,
             style: { whiteSpace: "nowrap" },
             children: l
           }
@@ -10449,7 +10421,7 @@ U0.Group = function({
   value: o = [],
   onChange: n,
   layout: l = "flex",
-  direction: i = "vertical",
+  direction: a = "vertical",
   cols: u = 1,
   gap: g = 8,
   disabled: T = !1,
@@ -10467,7 +10439,7 @@ U0.Group = function({
   const z = (S) => {
     const O = o.includes(S) ? o.filter((A) => A !== S) : [...o, S];
     n == null || n(O);
-  }, R = i === "horizontal", b = l === "grid" ? {
+  }, R = a === "horizontal", b = l === "grid" ? {
     display: "grid",
     gap: g,
     gridTemplateColumns: R ? `repeat(${u}, minmax(0, 1fr))` : "auto",
@@ -10507,13 +10479,13 @@ U0.Group = function({
   );
 };
 U0.Group.displayName = "Checkbox.Group";
-const i0 = ({
+const a0 = ({
   background: s,
   color: c,
   border: o = !0,
   borderColor: n,
   borderType: l = "solid",
-  borderWeight: i = 1,
+  borderWeight: a = 1,
   underline: u = !1,
   afterIcon: g,
   beforeIcon: T,
@@ -10543,13 +10515,13 @@ const i0 = ({
   errorText: $,
   error: x = !1,
   required: y = !1,
-  ariaRequired: a,
+  ariaRequired: i,
   ariaInvalid: Z,
   ariaDescribedby: r,
   onClick: f,
   thousandSeparator: v = !1
 }) => {
-  const D = m1(), Y = u1(null), [F, W] = q(M), { bgColor: I, txtColor: E, borColor: G } = a1({
+  const D = m1(), Y = u1(null), [F, W] = q(M), { bgColor: I, txtColor: E, borColor: G } = i1({
     border: o,
     fallback: x ? "error" : F ? "focus" : "default",
     componentType: "input"
@@ -10557,7 +10529,7 @@ const i0 = ({
   j1(() => {
     M && Y.current && Y.current.focus();
   }, [M]);
-  const X = s ? N(s, D) : I, o1 = c ? N(c, D) : E, x1 = n ? N(n, D) : G, l1 = o && x1 ? `${i}px ${l} ${x1}` : "none", M1 = G1(O, D), K = E1(A, D), J = {
+  const X = s ? N(s, D) : I, o1 = c ? N(c, D) : E, x1 = n ? N(n, D) : G, l1 = o && x1 ? `${a}px ${l} ${x1}` : "none", M1 = G1(O, D), K = E1(A, D), J = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10575,7 +10547,7 @@ const i0 = ({
       isNaN(k1) || (V1 = k1.toLocaleString());
     }
     S({ target: { value: V1 } });
-  }, w1 = b, T1 = v && b && isNaN(Number(b.replace(/,/g, ""))), S1 = v ? T1 : x, N1 = v && T1 ? "숫자를 입력하세요" : $;
+  }, w1 = b, F1 = v && b && isNaN(Number(b.replace(/,/g, ""))), S1 = v ? F1 : x, N1 = v && F1 ? "숫자를 입력하세요" : $;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -10599,7 +10571,7 @@ const i0 = ({
               color: N(p ? "cool-gray-3" : "cool-gray-9", D)
             },
             "aria-label": U,
-            "aria-required": a,
+            "aria-required": i,
             "aria-invalid": Z,
             "aria-describedby": r,
             children: typeof B == "string" ? /* @__PURE__ */ t.jsx(
@@ -10686,7 +10658,7 @@ const i0 = ({
                   name: k,
                   autoComplete: H,
                   "aria-label": U || B,
-                  "aria-required": a || y,
+                  "aria-required": i || y,
                   "aria-invalid": Z || S1,
                   "aria-describedby": r || (S1 ? `${V}-error` : void 0),
                   "aria-disabled": p,
@@ -10790,7 +10762,7 @@ const i0 = ({
   border: o = !0,
   borderColor: n,
   borderType: l = "solid",
-  borderWeight: i = 1,
+  borderWeight: a = 1,
   underline: u = !1,
   className: g = "",
   style: T = {},
@@ -10820,10 +10792,10 @@ const i0 = ({
   required: $ = !1,
   ariaRequired: x,
   ariaInvalid: y,
-  ariaDescribedby: a,
+  ariaDescribedby: i,
   onClick: Z
 }) => {
-  const r = m1(), f = u1(null), [v, D] = q(m), [Y, F] = q(!1), { bgColor: W, txtColor: I, borColor: E } = a1({
+  const r = m1(), f = u1(null), [v, D] = q(m), [Y, F] = q(!1), { bgColor: W, txtColor: I, borColor: E } = i1({
     border: o,
     fallback: B ? "error" : v ? "focus" : "default",
     componentType: "input"
@@ -10831,7 +10803,7 @@ const i0 = ({
   j1(() => {
     m && f.current && f.current.focus();
   }, [m]);
-  const G = s ? N(s, r) : W, X = c ? N(c, r) : I, o1 = n ? N(n, r) : E, x1 = o && o1 ? `${i}px ${l} ${o1}` : "none", l1 = G1(M, r), M1 = E1(L, r), K = {
+  const G = s ? N(s, r) : W, X = c ? N(c, r) : I, o1 = n ? N(n, r) : E, x1 = o && o1 ? `${a}px ${l} ${o1}` : "none", l1 = G1(M, r), M1 = E1(L, r), K = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10869,7 +10841,7 @@ const i0 = ({
             "aria-label": V,
             "aria-required": x,
             "aria-invalid": y,
-            "aria-describedby": a,
+            "aria-describedby": i,
             children: typeof H == "string" ? /* @__PURE__ */ t.jsx(
               t1,
               {
@@ -10944,7 +10916,7 @@ const i0 = ({
                       "aria-label": V || H,
                       "aria-required": x || $,
                       "aria-invalid": y || B,
-                      "aria-describedby": a || (B ? `${A}-error` : void 0),
+                      "aria-describedby": i || (B ? `${A}-error` : void 0),
                       "aria-disabled": h,
                       spellCheck: k,
                       onFocus: () => D(!0),
@@ -11034,7 +11006,7 @@ const i0 = ({
   border: o = !0,
   borderColor: n,
   borderType: l = "solid",
-  borderWeight: i = 1,
+  borderWeight: a = 1,
   underline: u = !1,
   className: g = "",
   style: T = {},
@@ -11062,7 +11034,7 @@ const i0 = ({
   ariaDescribedby: U,
   onClick: B
 }) => {
-  const $ = m1(), x = u1([]), [y, a] = q(m ? 0 : -1), { txtColor: Z } = a1({
+  const $ = m1(), x = u1([]), [y, i] = q(m ? 0 : -1), { txtColor: Z } = i1({
     border: o,
     fallback: P ? "error" : "default",
     componentType: "input"
@@ -11157,11 +11129,11 @@ const i0 = ({
                 bgColor: X,
                 txtColor: o1,
                 borColor: x1
-              } = a1({
+              } = i1({
                 border: o,
                 fallback: P ? "error" : y === G ? "focus" : "default",
                 componentType: "input"
-              }), l1 = s ? N(s, $) : X, M1 = n ? N(n, $) : x1, K = o && M1 ? `${i}px ${l} ${M1}` : "none";
+              }), l1 = s ? N(s, $) : X, M1 = n ? N(n, $) : x1, K = o && M1 ? `${a}px ${l} ${M1}` : "none";
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -11198,8 +11170,8 @@ const i0 = ({
                       disabled: h,
                       readOnly: d,
                       autoFocus: m && G === 0,
-                      onFocus: () => a(G),
-                      onBlur: () => a(-1),
+                      onFocus: () => i(G),
+                      onBlur: () => i(-1),
                       style: {
                         width: "100%",
                         height: "100%",
@@ -11248,17 +11220,17 @@ const i0 = ({
     }
   );
 };
-i0.Textarea = N9;
-i0.Textarea.displayName = "Textarea";
-i0.OTP = R9;
-i0.OTP.displayName = "OTP";
+a0.Textarea = N9;
+a0.Textarea.displayName = "Textarea";
+a0.OTP = R9;
+a0.OTP.displayName = "OTP";
 const f2 = ({
   min: s = 0,
   max: c = 100,
   value: o = 0,
   step: n = 1,
   onChange: l,
-  vertical: i = !1,
+  vertical: a = !1,
   disabled: u = !1,
   background: g,
   border: T = !0,
@@ -11286,7 +11258,7 @@ const f2 = ({
   ariaValueText: B,
   ...$
 }) => {
-  const x = m1(), y = u1(null), a = u1(null), [Z, r] = q(!1), [f, v] = q(o), D = v2(), Y = H || D, { bgColor: F, borColor: W } = a1({
+  const x = m1(), y = u1(null), i = u1(null), [Z, r] = q(!1), [f, v] = q(o), D = v2(), Y = H || D, { bgColor: F, borColor: W } = i1({
     border: T,
     fallback: w,
     componentType: "button"
@@ -11305,7 +11277,7 @@ const f2 = ({
     height: x1,
     thumb: l1,
     fontSize: M1
-  } = i ? G[S] : X[S], K = _ || o1, J = M || x1, d1 = (f - s) / (c - s) * 100;
+  } = a ? G[S] : X[S], K = _ || o1, J = M || x1, d1 = (f - s) / (c - s) * 100;
   j1(() => {
     Z || v(o);
   }, [o, Z]);
@@ -11313,22 +11285,22 @@ const f2 = ({
     (k1, I1) => {
       const r1 = y.current.getBoundingClientRect();
       let b1;
-      i ? b1 = 1 - (I1 - r1.top) / r1.height : b1 = (k1 - r1.left) / r1.width;
+      a ? b1 = 1 - (I1 - r1.top) / r1.height : b1 = (k1 - r1.left) / r1.width;
       let _1 = s + b1 * (c - s);
       _1 = Math.round(_1 / n) * n, _1 = Math.min(c, Math.max(s, _1)), v(_1), l == null || l(_1);
     },
-    [s, c, n, l, i]
+    [s, c, n, l, a]
   ), D1 = (k1) => {
-    u || (r(!0), S0(a.current), Z1(k1.clientX, k1.clientY));
+    u || (r(!0), S0(i.current), Z1(k1.clientX, k1.clientY));
   }, w1 = (k1) => {
     !Z || u || Z1(k1.clientX, k1.clientY);
-  }, T1 = () => {
+  }, F1 = () => {
     u || r(!1);
   };
   j1(() => {
     if (Z)
-      return window.addEventListener("mousemove", w1), window.addEventListener("mouseup", T1), () => {
-        window.removeEventListener("mousemove", w1), window.removeEventListener("mouseup", T1);
+      return window.addEventListener("mousemove", w1), window.addEventListener("mouseup", F1), () => {
+        window.removeEventListener("mousemove", w1), window.removeEventListener("mouseup", F1);
       };
   }, [Z, w1]);
   const S1 = (k1) => {
@@ -11359,7 +11331,7 @@ const f2 = ({
         return;
     }
     v(I1), l == null || l(I1);
-  }, N1 = i ? {
+  }, N1 = a ? {
     position: "absolute",
     left: 0,
     width: "100%",
@@ -11384,8 +11356,8 @@ const f2 = ({
     width: `${O || l1}px`,
     height: `${O || l1}px`,
     transform: "translate(-50%, -50%)",
-    top: i ? `${100 - d1}%` : "50%",
-    left: i ? "50%" : `${d1}%`,
+    top: a ? `${100 - d1}%` : "50%",
+    left: a ? "50%" : `${d1}%`,
     cursor: u ? "not-allowed" : "grab",
     zIndex: 3,
     display: "flex",
@@ -11399,8 +11371,8 @@ const f2 = ({
     width: `${O || l1}px`,
     height: `${O || l1}px`,
     transform: "translate(-50%, -50%)",
-    top: i ? `${100 - d1}%` : "50%",
-    left: i ? "50%" : `${d1}%`,
+    top: a ? `${100 - d1}%` : "50%",
+    left: a ? "50%" : `${d1}%`,
     zIndex: 4,
     pointerEvents: "auto"
   };
@@ -11427,7 +11399,7 @@ const f2 = ({
             style: {
               position: "relative",
               background: N(j || "cool-gray-2", x),
-              borderRadius: i ? K / 2 : J / 2,
+              borderRadius: a ? K / 2 : J / 2,
               maxWidth: "100%",
               maxHeight: "100%",
               width: `${K}px`,
@@ -11439,7 +11411,7 @@ const f2 = ({
                 {
                   className: "su-hover sud-slider__filled",
                   style: {
-                    borderRadius: i ? K / 2 : J / 2,
+                    borderRadius: a ? K / 2 : J / 2,
                     ...N1
                   }
                 }
@@ -11448,14 +11420,14 @@ const f2 = ({
                 "div",
                 {
                   className: "su-hover sud-slider__thumb",
-                  ref: a,
+                  ref: i,
                   role: "slider",
                   tabIndex: u ? -1 : 0,
                   "aria-valuemin": s,
                   "aria-valuemax": c,
                   "aria-valuenow": f,
                   "aria-valuetext": B || `${f}${C ? ` ${C}` : ""}`,
-                  "aria-orientation": i ? "vertical" : "horizontal",
+                  "aria-orientation": a ? "vertical" : "horizontal",
                   "aria-disabled": u,
                   id: Y,
                   onKeyDown: S1,
@@ -11510,18 +11482,18 @@ const f2 = ({
             "aria-hidden": "true",
             style: {
               display: "flex",
-              flexDirection: i ? "column" : "row",
+              flexDirection: a ? "column" : "row",
               justifyContent: "space-between",
               alignItems: "center",
-              width: i ? "auto" : "100%",
-              height: i ? J : "auto",
-              marginLeft: i ? 8 : 0,
-              marginTop: i ? 0 : 8,
+              width: a ? "auto" : "100%",
+              height: a ? J : "auto",
+              marginLeft: a ? 8 : 0,
+              marginTop: a ? 0 : 8,
               fontSize: M1,
               color: N(u ? "cool-gray-3" : "cool-gray-9", x),
-              position: i ? "absolute" : "relative",
-              left: i ? "100%" : "auto",
-              top: i ? 0 : "auto"
+              position: a ? "absolute" : "relative",
+              left: a ? "100%" : "auto",
+              top: a ? 0 : "auto"
             },
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -11531,7 +11503,7 @@ const f2 = ({
                   className: "sud-slider__range-label",
                   style: {
                     whiteSpace: "nowrap",
-                    order: i ? 0 : 1
+                    order: a ? 0 : 1
                   },
                   children: [
                     c,
@@ -11547,7 +11519,7 @@ const f2 = ({
                   className: "sud-slider__range-label",
                   style: {
                     whiteSpace: "nowrap",
-                    order: i ? 1 : 0
+                    order: a ? 1 : 0
                   },
                   children: [
                     s,
@@ -11569,7 +11541,7 @@ const f2 = ({
   placement: n = "top",
   open: l,
   // controlled
-  defaultOpen: i = !1,
+  defaultOpen: a = !1,
   // uncontrolled fallback
   onOpenChange: u,
   closeOnClick: g = !1,
@@ -11594,9 +11566,9 @@ const f2 = ({
   ...V
 }) => {
   m1();
-  const [k, H] = q(i), U = l !== void 0, B = U ? l : k, $ = C1(
-    (a) => {
-      U || H(a), u == null || u(a);
+  const [k, H] = q(a), U = l !== void 0, B = U ? l : k, $ = C1(
+    (i) => {
+      U || H(i), u == null || u(i);
     },
     [U, u]
   ), x = () => b === "success" ? /* @__PURE__ */ t.jsx(C0, { color: "blue", children: /* @__PURE__ */ t.jsx(y2, {}) }) : b === "danger" ? /* @__PURE__ */ t.jsx(C0, { color: "red", children: /* @__PURE__ */ t.jsx(M2, {}) }) : b === "warning" ? /* @__PURE__ */ t.jsx(C0, { color: "amber", children: /* @__PURE__ */ t.jsx(Y0, {}) }) : null, y = () => c ? /* @__PURE__ */ t.jsxs(
@@ -11632,7 +11604,7 @@ const f2 = ({
       trigger: o,
       placement: n,
       open: B,
-      defaultOpen: i,
+      defaultOpen: a,
       onOpenChange: $,
       closeOnClick: g,
       disabled: T,
@@ -11669,8 +11641,8 @@ function L0(s, c, o) {
   return "#" + [s, c, o].map((n) => n.toString(16).padStart(2, "0")).join("").toUpperCase();
 }
 function p2(s) {
-  const c = s.replace("#", ""), o = parseInt(c, 16), n = o >> 16 & 255, l = o >> 8 & 255, i = o & 255;
-  return { r: n, g: l, b: i };
+  const c = s.replace("#", ""), o = parseInt(c, 16), n = o >> 16 & 255, l = o >> 8 & 255, a = o & 255;
+  return { r: n, g: l, b: a };
 }
 const f3 = ({
   color: s = "#1677FF",
@@ -11679,7 +11651,7 @@ const f3 = ({
   setOpen: n = () => {
   },
   children: l,
-  trigger: i = "click",
+  trigger: a = "click",
   placement: u = "bottom",
   style: g = { padding: 5 },
   className: T = "",
@@ -11697,32 +11669,32 @@ const f3 = ({
     md: 40,
     lg: 48
   }, $ = C1(
-    ({ r: y, g: a, b: Z }) => {
-      const r = Math.max(y, a, Z), f = Math.min(y, a, Z), v = r / 255, D = r === 0 ? 0 : (r - f) / r;
+    ({ r: y, g: i, b: Z }) => {
+      const r = Math.max(y, i, Z), f = Math.min(y, i, Z), v = r / 255, D = r === 0 ? 0 : (r - f) / r;
       let Y = 0;
       if (r !== f) {
         switch (r) {
           case y:
-            Y = (a - Z) / (r - f) + (a < Z ? 6 : 0);
+            Y = (i - Z) / (r - f) + (i < Z ? 6 : 0);
             break;
-          case a:
+          case i:
             Y = (Z - y) / (r - f) + 2;
             break;
           case Z:
-            Y = (y - a) / (r - f) + 4;
+            Y = (y - i) / (r - f) + 4;
             break;
         }
         Y *= 60;
       }
-      U({ r: y, g: a, b: Z }), k({
+      U({ r: y, g: i, b: Z }), k({
         h: Math.round(Y),
         s: Math.round(D * 100),
         b: Math.round(v * 100)
       }), b(Math.round(Y));
-      const F = L0(y, a, Z), W = `rgba(${y}, ${a}, ${Z}, ${S / 100})`;
+      const F = L0(y, i, Z), W = `rgba(${y}, ${i}, ${Z}, ${S / 100})`;
       z(W), c == null || c({
         hex: F,
-        rgb: { r: y, g: a, b: Z },
+        rgb: { r: y, g: i, b: Z },
         hsb: V,
         alpha: S,
         rgba: W
@@ -11735,9 +11707,9 @@ const f3 = ({
   }, [s]);
   const x = C1(
     (y) => {
-      const a = w.current.getBoundingClientRect(), Z = Math.min(Math.max(y.clientX - a.left, 0), a.width), r = Math.min(Math.max(y.clientY - a.top, 0), a.height);
+      const i = w.current.getBoundingClientRect(), Z = 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: Z, y: r });
-      const f = Z / a.width, v = 1 - r / a.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 f = Z / 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);
       $({ r: F, g: W, b: I });
     },
     [R, $]
@@ -11745,7 +11717,7 @@ const f3 = ({
   return /* @__PURE__ */ t.jsx(
     Q0,
     {
-      trigger: i,
+      trigger: a,
       open: o,
       onOpenChange: n,
       placement: u,
@@ -11774,14 +11746,14 @@ const f3 = ({
                 className: "sud-color-picker__palette",
                 onMouseDown: (y) => {
                   x(y);
-                  const a = (r) => x(r), Z = () => {
-                    window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", Z);
+                  const i = (r) => x(r), Z = () => {
+                    window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", Z);
                   };
-                  window.addEventListener("mousemove", a), window.addEventListener("mouseup", Z);
+                  window.addEventListener("mousemove", i), window.addEventListener("mouseup", Z);
                 },
                 onTouchStart: (y) => {
-                  const a = y.touches[0];
-                  x(a);
+                  const i = y.touches[0];
+                  x(i);
                   const Z = (f) => x(f.touches[0]), r = () => {
                     window.removeEventListener("touchmove", Z), window.removeEventListener("touchend", r);
                   };
@@ -11832,14 +11804,14 @@ const f3 = ({
                 },
                 children: [
                   /* @__PURE__ */ t.jsx(
-                    i0,
+                    a0,
                     {
                       size: "sm",
                       value: L0(H.r, H.g, H.b),
                       onChange: (y) => {
-                        const a = y.target.value;
+                        const i = y.target.value;
                         try {
-                          const Z = p2(a), r = Math.max(Z.r, Z.g, Z.b), f = Math.min(Z.r, Z.g, Z.b), v = r / 255, Y = (r === 0 ? 0 : (r - f) / r) * 100, F = (1 - v) * 100;
+                          const Z = p2(i), r = Math.max(Z.r, Z.g, Z.b), f = Math.min(Z.r, Z.g, Z.b), v = r / 255, Y = (r === 0 ? 0 : (r - f) / r) * 100, F = (1 - v) * 100;
                           P({ x: Y, y: F }), $(Z);
                         } catch {
                         }
@@ -11852,19 +11824,19 @@ const f3 = ({
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    i0,
+                    a0,
                     {
                       size: "sm",
                       value: S,
                       onChange: (y) => {
-                        const a = Number(y.target.value);
-                        O(a);
-                        const Z = `rgba(${H.r}, ${H.g}, ${H.b}, ${a / 100})`;
+                        const i = Number(y.target.value);
+                        O(i);
+                        const Z = `rgba(${H.r}, ${H.g}, ${H.b}, ${i / 100})`;
                         z(Z), c == null || c({
                           hex: L0(H.r, H.g, H.b),
                           rgb: H,
                           hsb: V,
-                          alpha: a,
+                          alpha: i,
                           rgba: Z
                         });
                       },
@@ -11888,7 +11860,7 @@ const f3 = ({
                 size: "md",
                 onChange: (y) => {
                   b(y), k((F) => ({ ...F, h: y }));
-                  const a = y, Z = V.s / 100, r = V.b / 100, f = (F, W = (F + a / 60) % 6) => r - r * Z * 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, Z = V.s / 100, r = V.b / 100, f = (F, W = (F + i / 60) % 6) => r - r * Z * 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);
                   $({ r: v, g: D, b: Y });
                 },
                 fill: !1,
@@ -11906,13 +11878,13 @@ const f3 = ({
                 size: "md",
                 onChange: (y) => {
                   O(y);
-                  const a = `rgba(${H.r}, ${H.g}, ${H.b}, ${y / 100})`;
-                  z(a), c == null || c({
+                  const i = `rgba(${H.r}, ${H.g}, ${H.b}, ${y / 100})`;
+                  z(i), c == null || c({
                     hex: L0(H.r, H.g, H.b),
                     rgb: H,
                     hsb: V,
                     alpha: y,
-                    rgba: a
+                    rgba: i
                   });
                 },
                 fill: !1,
@@ -11965,7 +11937,7 @@ const f3 = ({
   shadow: o = "sm",
   size: n = "md",
   disabled: l = !1,
-  readOnly: i = !1,
+  readOnly: a = !1,
   error: u,
   errorText: g,
   className: T = "",
@@ -11993,23 +11965,23 @@ const f3 = ({
   ariaInvalid: U,
   ariaDescribedby: B
 }) => {
-  const [$, x] = q(!1), y = F1(() => {
+  const [$, x] = q(!1), y = z1(() => {
     if (!h) return "";
     if (p) {
-      const v = h == null ? void 0 : h.startDate, D = h == null ? void 0 : h.endDate, Y = v && i1(v).isValid() ? i1(v).format(j) : "", F = D && i1(D).isValid() ? i1(D).format(j) : "";
+      const v = h == null ? void 0 : h.startDate, D = h == null ? void 0 : h.endDate, Y = v && a1(v).isValid() ? a1(v).format(j) : "", F = D && a1(D).isValid() ? a1(D).format(j) : "";
       return [Y, F].filter(Boolean).join(" ~ ");
     }
-    return i1(h).isValid() ? i1(h).format(j) : "";
-  }, [h, j, p]), a = (v) => {
+    return a1(h).isValid() ? a1(h).format(j) : "";
+  }, [h, j, p]), i = (v) => {
     if (!v) return "";
     if (p) {
-      const D = v == null ? void 0 : v.startDate, Y = v == null ? void 0 : v.endDate, F = D && i1(D).isValid() ? i1(D).format(j) : "", W = Y && i1(Y).isValid() ? i1(Y).format(j) : "";
+      const D = v == null ? void 0 : v.startDate, Y = v == null ? void 0 : v.endDate, F = D && a1(D).isValid() ? a1(D).format(j) : "", W = Y && a1(Y).isValid() ? a1(Y).format(j) : "";
       return [F, W].filter(Boolean).join(" ~ ");
     }
-    return i1(v).isValid() ? i1(v).format(j) : "";
+    return a1(v).isValid() ? a1(v).format(j) : "";
   }, Z = (v) => {
-    if (l || i) return;
-    const D = a(v);
+    if (l || 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(() => {
       setTimeout(() => x(!0), 0);
     }));
@@ -12039,7 +12011,7 @@ const f3 = ({
         }
       ),
       children: /* @__PURE__ */ t.jsx(
-        i0,
+        a0,
         {
           colorType: s,
           background: z,
@@ -12053,7 +12025,7 @@ const f3 = ({
           shadow: o,
           size: n,
           disabled: l,
-          readOnly: i,
+          readOnly: a,
           error: u,
           errorText: g,
           className: T,
@@ -12066,10 +12038,10 @@ const f3 = ({
           placeholder: m,
           suffix: /* @__PURE__ */ t.jsx(r9, { size: D9[n] }),
           onClick: () => {
-            l || i || (x(!1), setTimeout(() => x(!0), 0));
+            l || a || (x(!1), setTimeout(() => x(!0), 0));
           },
           onKeyDown: (v) => {
-            (v.key === "Enter" || v.key === " ") && (v.preventDefault(), !l && !i && (x(!1), setTimeout(() => x(!0), 0)));
+            (v.key === "Enter" || v.key === " ") && (v.preventDefault(), !l && !a && (x(!1), setTimeout(() => x(!0), 0)));
           },
           ...w
         }
@@ -12084,7 +12056,7 @@ function G0({
   labelPosition: n = "right",
   // "left" | "right" | "top" | "bottom"
   children: l,
-  color: i,
+  color: a,
   disabled: u = !1,
   colorType: g = "primary",
   style: T = {},
@@ -12093,10 +12065,10 @@ function G0({
   ariaRequired: m,
   name: j
 }) {
-  const p = m1(), { bgColor: _ } = a1({
+  const p = m1(), { bgColor: _ } = i1({
     border: !1,
     fallback: g
-  }), M = i ? N(i, p) : _, [L, w] = q(c || !1), [C, z] = q(!1), R = s !== void 0, b = R ? s : L, S = n === "top" || n === "bottom", O = u1(), A = u1(), P = C || b ? M : N("cool-gray-3", p), V = (k) => {
+  }), M = a ? N(a, p) : _, [L, w] = q(c || !1), [C, z] = q(!1), R = s !== void 0, b = R ? s : L, S = n === "top" || n === "bottom", O = u1(), A = u1(), P = C || b ? M : N("cool-gray-3", p), V = (k) => {
     if (k.stopPropagation(), u || b) return;
     const H = !0;
     R || w(H), o == null || o(H), O.current && S0(O.current), A.current && K0(A.current);
@@ -12154,7 +12126,7 @@ function G0({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ t.jsx(a9, { color: N("white-10", p), size: "12" })
+                children: /* @__PURE__ */ t.jsx(i9, { color: N("white-10", p), size: "12" })
               }
             )
           }
@@ -12164,7 +12136,7 @@ function G0({
           {
             as: "span",
             className: "sud-radio__label",
-            color: i,
+            color: a,
             style: { whiteSpace: "nowrap" },
             children: l
           }
@@ -12178,7 +12150,7 @@ G0.Group = function({
   value: o = null,
   onChange: n,
   layout: l = "flex",
-  direction: i = "vertical",
+  direction: a = "vertical",
   cols: u = 1,
   gap: g = 8,
   disabled: T = !1,
@@ -12194,7 +12166,7 @@ G0.Group = function({
 }) {
   const C = (b) => {
     b !== o && (n == null || n(b));
-  }, z = i === "horizontal", R = l === "grid" ? {
+  }, z = a === "horizontal", R = l === "grid" ? {
     display: "grid",
     gap: g,
     gridTemplateColumns: z ? `repeat(${u}, minmax(0, 1fr))` : "auto",
@@ -12240,7 +12212,7 @@ const x3 = ({
   defaultValue: o = 0,
   value: n,
   onChange: l,
-  disabled: i = !1,
+  disabled: a = !1,
   showValue: u = !1,
   activeColor: g,
   inactiveColor: T,
@@ -12252,20 +12224,20 @@ const x3 = ({
   icon: _ = "star",
   ...M
 }) => {
-  const L = m1(), [w, C] = q(o), [z, R] = q(null), b = n !== void 0, S = b ? n : w, O = F1(() => typeof _ == "string" && _ === "heart" ? "coral" : "gold", [_]), { bgColor: A } = a1({
+  const L = m1(), [w, C] = q(o), [z, R] = q(null), b = n !== void 0, S = b ? n : w, O = z1(() => typeof _ == "string" && _ === "heart" ? "coral" : "gold", [_]), { bgColor: A } = i1({
     fallback: "hovered",
     componentType: "etc"
-  }), P = F1(
+  }), P = z1(
     () => N(g || O, L),
     [g, O, L]
-  ), V = F1(
+  ), V = z1(
     () => T ? N(T, L) : A,
     [T, A, L]
   ), k = C1(
-    (a) => A1.isValidElement(_) ? A1.cloneElement(_, { color: a, size: h }) : _ === "heart" ? /* @__PURE__ */ t.jsx(f9, { size: h, color: a }) : /* @__PURE__ */ t.jsx(u9, { size: h, color: a }),
+    (i) => A1.isValidElement(_) ? A1.cloneElement(_, { color: i, size: h }) : _ === "heart" ? /* @__PURE__ */ t.jsx(f9, { size: h, color: i }) : /* @__PURE__ */ t.jsx(u9, { size: h, color: i }),
     [_, h]
   ), H = C1(() => {
-    const a = {
+    const i = {
       position: "relative",
       width: h,
       height: h
@@ -12278,13 +12250,13 @@ const x3 = ({
       clipPath: "inset(0 50% 0 0)",
       pointerEvents: "none"
     };
-    return /* @__PURE__ */ t.jsxs("div", { style: a, children: [
+    return /* @__PURE__ */ t.jsxs("div", { style: i, children: [
       k(V),
       /* @__PURE__ */ t.jsx("div", { style: Z, children: k(P) })
     ] });
   }, [P, V, h, k]), U = C1(
-    (a) => {
-      const Z = z !== null ? z : S, r = Z >= a + 1, f = !r && c && Z >= a + 0.5;
+    (i) => {
+      const Z = z !== null ? z : S, r = Z >= i + 1, f = !r && c && Z >= i + 0.5;
       return r ? k(P) : f ? H() : k(V);
     },
     [
@@ -12297,28 +12269,28 @@ const x3 = ({
       V
     ]
   ), B = C1(
-    (a) => {
-      if (i) return;
-      const Z = c && z !== null ? z : a;
+    (i) => {
+      if (a) return;
+      const Z = c && z !== null ? z : i;
       b || C(Z), l == null || l(Z);
     },
-    [i, c, z, b, l]
+    [a, c, z, b, l]
   ), $ = C1(
-    (a, Z) => {
-      if (i) return;
-      const { left: r, width: f } = a.currentTarget.getBoundingClientRect(), v = (a.clientX - r) / f, D = c && v < 0.5 ? Z + 0.5 : Z + 1;
+    (i, Z) => {
+      if (a) return;
+      const { left: r, width: f } = i.currentTarget.getBoundingClientRect(), v = (i.clientX - r) / f, D = c && v < 0.5 ? Z + 0.5 : Z + 1;
       R(D);
     },
-    [i, c]
+    [a, c]
   ), x = C1(() => {
-    i || R(null);
-  }, [i]), y = C1(
-    (a) => {
-      if (i) return;
+    a || R(null);
+  }, [a]), y = C1(
+    (i) => {
+      if (a) return;
       let Z = S;
-      a.key === "ArrowRight" ? Z = Math.min(S + 1, s) : a.key === "ArrowLeft" ? Z = Math.max(S - 1, 0) : a.key === "Home" ? Z = 0 : a.key === "End" && (Z = s), b || C(Z), l == null || l(Z);
+      i.key === "ArrowRight" ? Z = Math.min(S + 1, s) : i.key === "ArrowLeft" ? Z = Math.max(S - 1, 0) : i.key === "Home" ? Z = 0 : i.key === "End" && (Z = s), b || C(Z), l == null || l(Z);
     },
-    [i, S, s, b, l]
+    [a, S, s, b, l]
   );
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -12338,7 +12310,7 @@ const x3 = ({
       "data-testid": p,
       ...M,
       children: [
-        Array.from({ length: s }).map((a, Z) => /* @__PURE__ */ t.jsx(
+        Array.from({ length: s }).map((i, Z) => /* @__PURE__ */ t.jsx(
           "div",
           {
             role: "radio",
@@ -12348,7 +12320,7 @@ const x3 = ({
             onMouseMove: (r) => $(r, Z),
             onMouseLeave: x,
             style: {
-              cursor: i ? "not-allowed" : "pointer",
+              cursor: a ? "not-allowed" : "pointer",
               width: h,
               height: h
             },
@@ -12362,7 +12334,7 @@ const x3 = ({
           {
             as: "span",
             style: { marginLeft: 8, fontSize: h * 0.8 },
-            color: i ? T : g,
+            color: a ? T : g,
             "data-testid": `${p}-value`,
             children: S
           }
@@ -12376,7 +12348,7 @@ const x3 = ({
   onChange: o,
   disabled: n = !1,
   onColor: l,
-  offColor: i,
+  offColor: a,
   onText: u,
   offText: g,
   onIcon: T,
@@ -12397,11 +12369,11 @@ const x3 = ({
     S || b(W), o == null || o(W), A.current && K0(A.current), S0(F.currentTarget);
   }, x = (F) => {
     n || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), $(F));
-  }, y = E1(d, z), { bgColor: a } = a1({
+  }, y = E1(d, z), { bgColor: i } = i1({
     border: !1,
     fallback: p,
     componentType: "button"
-  }), Z = l ? N(l, z) : a, r = N(i || "cool-gray-3", z), f = {
+  }), Z = l ? N(l, z) : i, r = N(a || "cool-gray-3", z), f = {
     sm: { height: 22, thumb: 18, fontSize: 12 },
     md: { height: 32, thumb: 28, fontSize: 14 },
     lg: { height: 40, thumb: 34, fontSize: 16 }
@@ -12528,7 +12500,7 @@ const x3 = ({
   range: o = !1,
   use12Hours: n = !1,
   showSecond: l = !1,
-  step: i = 1,
+  step: a = 1,
   colorType: u = "sky",
   hoverColorType: g = "hovered",
   ...T
@@ -12537,10 +12509,10 @@ const x3 = ({
   const [h, d] = q(null), [m, j] = q(0), [p, _] = q("hour"), [M, L] = q({
     startTime: { hour: !1, minute: !1, second: !1 },
     endTime: { hour: !1, minute: !1, second: !1 }
-  }), w = o, C = n, z = i, R = (W) => {
-    if (!W || !i1(W).isValid())
+  }), w = o, C = n, z = a, R = (W) => {
+    if (!W || !a1(W).isValid())
       return { hour: null, minute: null, second: null };
-    const I = i1(W);
+    const I = a1(W);
     return {
       hour: I.hour(),
       minute: I.minute(),
@@ -12570,13 +12542,13 @@ const x3 = ({
       second: k ?? null,
       ampm: H ?? "AM"
     }
-  }), $ = F1(() => {
+  }), $ = z1(() => {
     const W = C ? 12 : 24;
     return Array.from({ length: W }, (I, E) => E + (C ? 1 : 0));
-  }, [n]), x = F1(
+  }, [n]), x = z1(
     () => Array.from({ length: 60 / z }, (W, I) => I * z),
-    [i]
-  ), y = F1(() => Array.from({ length: 60 }, (W, I) => I), []), a = (W, I) => C ? I === "AM" ? W % 12 : W % 12 + 12 : W, Z = (W, I) => {
+    [a]
+  ), y = z1(() => Array.from({ length: 60 }, (W, I) => I), []), i = (W, I) => C ? I === "AM" ? W % 12 : W % 12 + 12 : W, Z = (W, I) => {
     const E = { ...U }, G = w && m === 1 ? "endTime" : "startTime";
     E[G] = {
       ...E[G],
@@ -12592,11 +12564,11 @@ const x3 = ({
     B(E), L(X);
     const o1 = (x1) => x1.hour && x1.minute && (!l || x1.second);
     if (!w && o1(X.startTime)) {
-      const x1 = a(E.startTime.hour, E.startTime.ampm), l1 = E.startTime.minute, M1 = l ? E.startTime.second : 0, K = i1().hour(x1).minute(l1).second(M1).toDate();
+      const x1 = i(E.startTime.hour, E.startTime.ampm), l1 = E.startTime.minute, M1 = l ? E.startTime.second : 0, K = a1().hour(x1).minute(l1).second(M1).toDate();
       c == null || c(K);
     }
     if (w && m === 0 && o1(X.startTime) && (j(1), _("hour")), w && m === 1 && o1(X.endTime)) {
-      let x1 = i1().hour(a(E.startTime.hour, E.startTime.ampm)).minute(E.startTime.minute).second(l ? E.startTime.second : 0), l1 = i1().hour(a(E.endTime.hour, E.endTime.ampm)).minute(E.endTime.minute).second(l ? E.endTime.second : 0);
+      let x1 = a1().hour(i(E.startTime.hour, E.startTime.ampm)).minute(E.startTime.minute).second(l ? E.startTime.second : 0), l1 = a1().hour(i(E.endTime.hour, E.endTime.ampm)).minute(E.endTime.minute).second(l ? E.endTime.second : 0);
       l1.isBefore(x1) && (l1 = l1.add(1, "day")), c == null || c({
         startTime: x1.toDate(),
         endTime: l1.toDate()
@@ -12605,11 +12577,11 @@ const x3 = ({
   }, r = (W) => {
     const I = { ...U }, E = w && m === 1 ? "endTime" : "startTime";
     I[E].ampm = W, B(I);
-  }, { bgColor: f, txtColor: v } = a1({
+  }, { bgColor: f, txtColor: v } = i1({
     border: !1,
     fallback: u,
     componentType: "tag"
-  }), { bgColor: D } = a1({
+  }), { bgColor: D } = i1({
     border: !1,
     fallback: g,
     componentType: "etc"
@@ -12705,7 +12677,7 @@ const x3 = ({
   shadow: o = "sm",
   size: n = "md",
   disabled: l = !1,
-  readOnly: i = !1,
+  readOnly: a = !1,
   error: u,
   errorText: g,
   className: T = "",
@@ -12735,31 +12707,31 @@ const x3 = ({
   ariaInvalid: $,
   ariaDescribedby: x
 }) => {
-  const [y, a] = q(!1), Z = F1(() => j && !L ? j : L ? M ? "hh:mm:ss A" : "hh:mm A" : M ? "HH:mm:ss" : "HH:mm", [j, L, M]), r = F1(() => {
+  const [y, i] = q(!1), Z = z1(() => j && !L ? j : L ? M ? "hh:mm:ss A" : "hh:mm A" : M ? "HH:mm:ss" : "HH:mm", [j, L, M]), r = z1(() => {
     if (!h) return "";
     if (p) {
-      const F = h == null ? void 0 : h.startTime, W = h == null ? void 0 : h.endTime, I = F && i1(F).isValid() ? i1(F).format(Z) : "", E = W && i1(W).isValid() ? i1(W).format(Z) : "";
+      const F = h == null ? void 0 : h.startTime, W = h == null ? void 0 : h.endTime, I = F && a1(F).isValid() ? a1(F).format(Z) : "", E = W && a1(W).isValid() ? a1(W).format(Z) : "";
       return [I, E].filter(Boolean).join(" ~ ");
     }
-    return i1(h).isValid() ? i1(h).format(Z) : "";
+    return a1(h).isValid() ? a1(h).format(Z) : "";
   }, [h, Z, p]), f = (F) => {
     if (!F) return "";
     if (p) {
-      const W = F == null ? void 0 : F.startTime, I = F == null ? void 0 : F.endTime, E = W && i1(W).isValid() ? i1(W).format(Z) : "", G = I && i1(I).isValid() ? i1(I).format(Z) : "";
+      const W = F == null ? void 0 : F.startTime, I = F == null ? void 0 : F.endTime, E = W && a1(W).isValid() ? a1(W).format(Z) : "", G = I && a1(I).isValid() ? a1(I).format(Z) : "";
       return [E, G].filter(Boolean).join(" ~ ");
     }
-    return i1(F).isValid() ? i1(F).format(Z) : "";
+    return a1(F).isValid() ? a1(F).format(Z) : "";
   }, v = (F) => {
-    if (l || i) return;
+    if (l || a) return;
     const W = f(F);
     d(F, W);
     const I = (G) => {
       var X, o1, x1;
-      return i1(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((o1 = G.getMinutes) == null ? void 0 : o1.call(G)) != null && (!M || ((x1 = G.getSeconds) == null ? void 0 : x1.call(G)) != null);
+      return a1(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((o1 = G.getMinutes) == null ? void 0 : o1.call(G)) != null && (!M || ((x1 = G.getSeconds) == null ? void 0 : x1.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 && (a(!1), requestAnimationFrame(() => {
-      setTimeout(() => a(!0), 0);
+    p ? 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;
   return /* @__PURE__ */ t.jsx(
@@ -12769,7 +12741,7 @@ const x3 = ({
       footer: null,
       placement: _,
       open: y,
-      onOpenChange: a,
+      onOpenChange: i,
       shape: c,
       shadow: o,
       ...C,
@@ -12786,7 +12758,7 @@ const x3 = ({
         }
       ),
       children: /* @__PURE__ */ t.jsx(
-        i0,
+        a0,
         {
           colorType: s,
           shape: c,
@@ -12800,7 +12772,7 @@ const x3 = ({
           borderWeight: P,
           underline: V,
           disabled: l,
-          readOnly: i,
+          readOnly: a,
           error: u,
           errorText: g,
           className: T,
@@ -12813,10 +12785,10 @@ const x3 = ({
           placeholder: m,
           suffix: /* @__PURE__ */ t.jsx(w9, { size: H9[n] }),
           onClick: () => {
-            l || i || (a(!1), setTimeout(() => a(!0), 0));
+            l || a || (i(!1), setTimeout(() => i(!0), 0));
           },
           onKeyDown: (F) => {
-            (F.key === "Enter" || F.key === " ") && (F.preventDefault(), !l && !i && (a(!1), setTimeout(() => a(!0), 0)));
+            (F.key === "Enter" || F.key === " ") && (F.preventDefault(), !l && !a && (i(!1), setTimeout(() => i(!0), 0)));
           },
           ...z
         }
@@ -12846,13 +12818,13 @@ const W0 = {
 }, E9 = ({}) => {
   const [s, c] = q([]), [o, n] = q(!1);
   j1(() => {
-    q1 = ({ type: i = "info", message: u, duration: g = 3e3, icon: T }) => {
+    q1 = ({ type: a = "info", message: u, duration: g = 3e3, icon: T }) => {
       const h = Date.now() + Math.random();
-      c((d) => [...d, { id: h, type: i, message: u, duration: g, icon: T }]);
+      c((d) => [...d, { id: h, type: a, message: u, duration: g, icon: T }]);
     };
   }, []);
-  const l = (i) => {
-    c((u) => u.filter((g) => g.id !== i));
+  const l = (a) => {
+    c((u) => u.filter((g) => g.id !== a));
   };
   return j1(() => {
     n(!0);
@@ -12873,23 +12845,23 @@ const W0 = {
           gap: 8,
           pointerEvents: "none"
         },
-        children: s.map(({ id: i, type: u, message: g, duration: T, icon: h }) => /* @__PURE__ */ t.jsx(
+        children: s.map(({ id: a, type: u, message: g, duration: T, icon: h }) => /* @__PURE__ */ t.jsx(
           I9,
           {
-            id: i,
+            id: a,
             type: u,
             message: g,
             duration: T,
             onClose: l,
             icon: h
           },
-          i
+          a
         ))
       }
     ),
     document.body
   ) : null;
-}, I9 = ({ id: s, type: c, message: o, duration: n, onClose: l, icon: i }) => {
+}, I9 = ({ id: s, type: c, message: o, duration: n, onClose: l, icon: a }) => {
   const [u, g] = q(!1), T = m1();
   j1(() => {
     const j = setTimeout(() => g(!0), 10), p = setTimeout(() => {
@@ -12899,11 +12871,11 @@ const W0 = {
       clearTimeout(j), clearTimeout(p);
     };
   }, [s, n, l]);
-  const { bgColor: h } = a1({
+  const { bgColor: h } = i1({
     border: !1,
     fallback: c,
     componentType: "toast"
-  }), d = T.spacing, m = () => i ? A1.cloneElement(i, { size: 18 }) : A9(c, h);
+  }), d = T.spacing, m = () => a ? A1.cloneElement(a, { size: 18 }) : A9(c, h);
   return /* @__PURE__ */ t.jsxs(
     u0,
     {
@@ -12940,7 +12912,7 @@ const W0 = {
   onRemove: o,
   listType: n = "text",
   listColorType: l,
-  listErrorColorType: i = "red",
+  listErrorColorType: a = "red",
   listHoverColorType: u = "sky",
   listDeleteColorType: g = "coral",
   thumbnailSize: T,
@@ -12965,7 +12937,7 @@ const W0 = {
           m0,
           {
             className: "sud-hover sud-upload__file sud-upload__file--thumbnail",
-            colorType: d ? i : p ? g : m ? u : l,
+            colorType: d ? a : p ? g : m ? u : l,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -13053,7 +13025,7 @@ const W0 = {
           m0,
           {
             className: "sud-hover sud-upload__file sud-upload__file--card",
-            colorType: d ? i : p ? g : m ? u : l,
+            colorType: d ? a : p ? g : m ? u : l,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -13138,7 +13110,7 @@ const W0 = {
           m0,
           {
             className: "sud-hover sud-upload__file sud-upload__file--text",
-            colorType: d ? i : p ? g : m ? u : l,
+            colorType: d ? a : p ? g : m ? u : l,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -13194,7 +13166,7 @@ const W0 = {
   multiple: o = !1,
   maxCount: n,
   maxFileSize: l,
-  disabled: i = !1,
+  disabled: a = !1,
   fileList: u,
   showUploadList: g = !0,
   onChange: T = () => {
@@ -13220,13 +13192,13 @@ const W0 = {
   }, []);
   const y = () => {
     var F;
-    i || (F = O.current) == null || F.click();
-  }, a = (F) => {
-    F.preventDefault(), F.stopPropagation(), i || (U(!0), d == null || d(!0));
+    a || (F = O.current) == null || F.click();
+  }, i = (F) => {
+    F.preventDefault(), F.stopPropagation(), a || (U(!0), d == null || d(!0));
   }, Z = (F) => {
     F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1);
   }, r = (F) => {
-    if (F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1), i) return;
+    if (F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1), a) return;
     const W = Array.from(F.dataTransfer.files);
     f(W);
   }, f = (F) => {
@@ -13320,7 +13292,7 @@ const W0 = {
             type: "file",
             accept: c ? c.map((F) => `.${F}`).join(",") : void 0,
             multiple: o,
-            disabled: i || V,
+            disabled: a || V,
             onChange: v,
             style: { display: "none" },
             "aria-label": "File input"
@@ -13333,9 +13305,9 @@ const W0 = {
             onClick: y,
             role: _,
             "aria-label": p,
-            style: { cursor: i || V ? "not-allowed" : "pointer" },
+            style: { cursor: a || V ? "not-allowed" : "pointer" },
             ...S && {
-              onDragOver: a,
+              onDragOver: i,
               onDragLeave: Z,
               onDrop: r
             },
@@ -13352,7 +13324,7 @@ const W0 = {
   max: o = 100,
   unit: n,
   showText: l = !0,
-  iconWhenFull: i,
+  iconWhenFull: a,
   iconWhenNotFull: u,
   colorType: g = "cerulean",
   backgroundColor: T,
@@ -13364,10 +13336,10 @@ const W0 = {
   style: _ = {},
   ...M
 }) => {
-  const L = m1(), w = Math.min(100, Math.max(0, c / o * 100)), { borColor: C, bgColor: z } = a1({
+  const L = m1(), w = Math.min(100, Math.max(0, c / o * 100)), { borColor: C, bgColor: z } = i1({
     fallback: g,
     componentType: "tag"
-  }), R = h ? N(h, L) : C, { bgColor: b } = a1({
+  }), R = h ? N(h, L) : C, { bgColor: b } = i1({
     fallback: "hovered",
     componentType: "etc"
   }), S = T ? N(T, L) : b, O = {
@@ -13394,7 +13366,7 @@ const W0 = {
     }
   }, { barHeight: A, circleSize: P, strokeWidth: V, fontSize: k } = O[m], H = typeof j == "number" ? j : k, { unitFontSize: U } = O[m];
   if (s === "bar") {
-    const Y = d.startsWith("inside"), F = Y ? z : R, W = c === o ? i && A1.cloneElement(i, { color: F }) : u ? A1.cloneElement(u, { color: F }) : /* @__PURE__ */ t.jsxs(
+    const Y = d.startsWith("inside"), F = Y ? z : R, W = c === o ? a && A1.cloneElement(a, { color: F }) : u ? A1.cloneElement(u, { color: F }) : /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "sud-progress__text-container",
@@ -13493,7 +13465,7 @@ const W0 = {
       }
     );
   }
-  const B = P / 2, $ = B - V / 2, x = 2 * Math.PI * $, 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 ? i && A1.cloneElement(i, { color: R }) : u ? A1.cloneElement(u, { color: R }) : l && /* @__PURE__ */ t.jsxs(
+  const B = P / 2, $ = B - V / 2, x = 2 * Math.PI * $, 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 && A1.cloneElement(a, { color: R }) : u ? A1.cloneElement(u, { color: R }) : l && /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "sud-progress__text-container",
@@ -13621,12 +13593,12 @@ const W0 = {
   // "default" | "elastic"
   text: n = !1,
   style: l = {},
-  ...i
+  ...a
 }) => {
-  const u = s / 25, g = 12, T = g - u * 1.5, h = 2 * Math.PI * T, { txtColor: d } = a1({
+  const u = s / 25, g = 12, T = g - u * 1.5, h = 2 * Math.PI * T, { txtColor: d } = i1({
     fallback: c,
     componentType: "tag"
-  }), { bgColor: m } = a1({
+  }), { bgColor: m } = i1({
     fallback: "hovered",
     componentType: "etc"
   }), j = o === "elastic" ? "elasticSpin 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite" : "spin 1s linear infinite";
@@ -13656,7 +13628,7 @@ const W0 = {
         },
         role: "status",
         "aria-label": "로딩 중",
-        ...i,
+        ...a,
         children: [
           /* @__PURE__ */ t.jsxs("svg", { viewBox: "0 0 24 24", width: s, height: s, "aria-hidden": "true", children: [
             /* @__PURE__ */ t.jsx(
@@ -13711,7 +13683,7 @@ const M3 = {
     footer: o,
     duration: n = 3e3,
     position: l = "top-right",
-    onClose: i,
+    onClose: a,
     colorType: u,
     color: g,
     background: T,
@@ -13729,7 +13701,7 @@ const M3 = {
       footer: o,
       duration: n,
       position: l,
-      onClose: i,
+      onClose: a,
       colorType: u,
       color: g,
       background: T,
@@ -13746,7 +13718,7 @@ const M3 = {
   const [s, c] = q(!1), [o, n] = q([]);
   j1(() => {
     c(!0), k2 = ({
-      title: i,
+      title: a,
       message: u,
       footer: g,
       duration: T,
@@ -13768,7 +13740,7 @@ const M3 = {
         ...S,
         {
           id: b,
-          title: i,
+          title: a,
           message: u,
           footer: g,
           duration: T,
@@ -13788,14 +13760,14 @@ const M3 = {
       ]);
     };
   }, []);
-  const l = (i) => {
-    n((u) => u.filter((g) => g.id !== i));
+  const l = (a) => {
+    n((u) => u.filter((g) => g.id !== a));
   };
   return s ? f0(
-    /* @__PURE__ */ t.jsx("div", { children: S2.map((i) => {
-      const u = o.filter((d) => d.position === i);
+    /* @__PURE__ */ t.jsx("div", { children: S2.map((a) => {
+      const u = o.filter((d) => d.position === a);
       if (!u.length) return null;
-      const [g, T] = i.split("-"), h = {
+      const [g, T] = a.split("-"), h = {
         position: "fixed",
         zIndex: 1e4,
         display: "flex",
@@ -13816,7 +13788,7 @@ const M3 = {
           onClose: () => l(d.id)
         },
         d.id
-      )) }, i);
+      )) }, a);
     }) }),
     document.body
   ) : null;
@@ -13826,7 +13798,7 @@ const M3 = {
   message: o,
   footer: n,
   duration: l,
-  onClose: i,
+  onClose: a,
   colorType: u = "default",
   color: g,
   background: T,
@@ -13843,11 +13815,11 @@ const M3 = {
     const C = setTimeout(() => w(!0), 10);
     let z;
     return l !== !1 && (z = setTimeout(() => {
-      w(!1), setTimeout(() => i == null ? void 0 : i(s), 300);
+      w(!1), setTimeout(() => a == null ? void 0 : a(s), 300);
     }, l)), () => {
       clearTimeout(C), z && clearTimeout(z);
     };
-  }, [s, l, i]), /* @__PURE__ */ t.jsxs(
+  }, [s, l, a]), /* @__PURE__ */ t.jsxs(
     u0,
     {
       className: "sud-notification",
@@ -13899,7 +13871,7 @@ const M3 = {
                   colorType: "text",
                   size: "sm",
                   icon: /* @__PURE__ */ t.jsx(v0, { size: 14 }),
-                  onClick: i
+                  onClick: a
                 }
               )
             ]
@@ -13952,7 +13924,7 @@ const M3 = {
   actions: o = [],
   placement: n = "bottom-right",
   shape: l = "circle",
-  colorType: i = "primary",
+  colorType: a = "primary",
   background: u,
   color: g,
   border: T = !1,
@@ -13991,20 +13963,20 @@ const M3 = {
       },
       children: [
         k && o.map((x, y) => {
-          const a = (y + 1) * ($ * 1.2), Z = `${y * 40}ms`;
+          const i = (y + 1) * ($ * 1.2), Z = `${y * 40}ms`;
           let r;
           switch (U) {
             case "up":
-              r = `translateY(-${a}px)`;
+              r = `translateY(-${i}px)`;
               break;
             case "down":
-              r = `translateY(${a}px)`;
+              r = `translateY(${i}px)`;
               break;
             case "left":
-              r = `translateX(-${a}px)`;
+              r = `translateX(-${i}px)`;
               break;
             case "right":
-              r = `translateX(${a}px)`;
+              r = `translateX(${i}px)`;
               break;
             default:
               r = "none";
@@ -14058,7 +14030,7 @@ const M3 = {
             icon: s,
             onClick: k ? () => V(!P) : c,
             shape: l,
-            colorType: i,
+            colorType: a,
             background: u,
             color: g,
             border: T,
@@ -14083,15 +14055,15 @@ const M3 = {
   siderPosition: c = "below-header",
   ...o
 }) => {
-  const n = u1(null), l = u1(null), i = u1(null), [u, g] = q(0), [T, h] = q(0), [d, m] = q(0);
+  const n = u1(null), l = u1(null), a = u1(null), [u, g] = q(0), [T, h] = q(0), [d, m] = q(0);
   n0(() => {
     const w = () => {
       var z, R, b;
-      g(((z = n.current) == null ? void 0 : z.offsetHeight) || 0), h(((R = l.current) == null ? void 0 : R.offsetHeight) || 0), m(((b = i.current) == null ? void 0 : b.offsetWidth) || 0);
+      g(((z = n.current) == null ? void 0 : z.offsetHeight) || 0), h(((R = l.current) == null ? void 0 : R.offsetHeight) || 0), m(((b = a.current) == null ? void 0 : b.offsetWidth) || 0);
     };
     w();
     const C = new ResizeObserver(w);
-    return n.current && C.observe(n.current), l.current && C.observe(l.current), i.current && C.observe(i.current), () => C.disconnect();
+    return n.current && C.observe(n.current), l.current && C.observe(l.current), a.current && C.observe(a.current), () => C.disconnect();
   }, []);
   let j = null, p = null, _ = null, M = null;
   const L = [];
@@ -14107,7 +14079,7 @@ const M3 = {
       siderPosition: c,
       siderWidth: d
     }) : C === "SUSider" ? _ = g0(w, {
-      ref: i,
+      ref: a,
       headerHeight: u,
       footerHeight: T,
       siderPosition: c
@@ -14147,7 +14119,7 @@ const M3 = {
     color: o,
     colorType: n = "default",
     borderColor: l,
-    borderType: i = "solid",
+    borderType: a = "solid",
     borderWeight: u = "1",
     className: g = "",
     shape: T = "square",
@@ -14160,10 +14132,10 @@ const M3 = {
     style: M = {},
     ...L
   }, w) => {
-    const C = m1(), { bgColor: z, txtColor: R, borColor: b } = a1({
+    const C = m1(), { bgColor: z, txtColor: R, borColor: b } = i1({
       border: _,
       fallback: n
-    }), S = c ? N(c, C) : z, O = o ? N(o, C) : R, A = l ? N(l, C) : b, P = _ && A ? `${u}px ${i} ${A}` : "none", V = T === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, k = E1(m, C);
+    }), S = c ? N(c, C) : z, O = o ? N(o, C) : R, A = l ? N(l, C) : b, P = _ && A ? `${u}px ${a} ${A}` : "none", V = T === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, k = E1(m, C);
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14203,7 +14175,7 @@ const U9 = B0(
     colorType: o = "default",
     color: n,
     borderColor: l,
-    borderType: i = "solid",
+    borderType: a = "solid",
     borderWeight: u = "1",
     className: g = "",
     shape: T = "square",
@@ -14222,10 +14194,10 @@ const U9 = B0(
     j1(() => {
       b.current && (j == null || j(b.current.offsetWidth));
     }, []);
-    const { bgColor: O, txtColor: A, borColor: P } = a1({
+    const { bgColor: O, txtColor: A, borColor: P } = i1({
       border: L,
       fallback: o
-    }), V = c ? N(c, S) : O, k = n ? N(n, S) : A, H = l ? N(l, S) : P, U = L && H ? `${u}px ${i} ${H}` : "none", B = E1(m, S), $ = T === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
+    }), V = c ? N(c, S) : O, k = n ? N(n, S) : A, H = l ? N(l, S) : P, U = L && H ? `${u}px ${a} ${H}` : "none", B = E1(m, S), $ = T === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14274,10 +14246,10 @@ const G9 = B0(
     background: o,
     color: n,
     layoutOffset: l = { header: 0, footer: 0, sider: 0 },
-    style: i = {},
+    style: a = {},
     ...u
   }, g) => {
-    const T = u1(null), h = g || T, d = m1(), { header: m = 0, footer: j = 0, sider: p = 0 } = l, { bgColor: _, txtColor: M } = a1({
+    const T = u1(null), h = g || T, d = m1(), { header: m = 0, footer: j = 0, sider: p = 0 } = l, { bgColor: _, txtColor: M } = i1({
       border: !1
     }), L = o ? N(o, d) : _, w = n ? N(n, d) : M;
     return /* @__PURE__ */ t.jsx(
@@ -14297,7 +14269,7 @@ const G9 = B0(
           backgroundColor: L,
           color: w,
           boxSizing: "border-box",
-          ...i
+          ...a
         },
         ...u,
         children: s
@@ -14313,7 +14285,7 @@ const X9 = B0(
     color: o,
     colorType: n = "default",
     borderColor: l,
-    borderType: i = "solid",
+    borderType: a = "solid",
     borderWeight: u = "1",
     className: g = "",
     shape: T = "square",
@@ -14331,10 +14303,10 @@ const X9 = B0(
     j1(() => {
       R.current && (j == null || j(R.current.offsetHeight));
     }, []);
-    const { bgColor: S, txtColor: O, borColor: A } = a1({
+    const { bgColor: S, txtColor: O, borColor: A } = i1({
       border: M,
       fallback: n
-    }), P = c ? N(c, b) : S, V = o ? N(o, b) : O, k = l ? N(l, b) : A, H = M && k ? `${u}px ${i} ${k}` : "none", U = E1(m, b), B = T === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
+    }), P = c ? N(c, b) : S, V = o ? N(o, b) : O, k = l ? N(l, b) : A, H = M && k ? `${u}px ${a} ${k}` : "none", U = E1(m, b), B = T === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14376,19 +14348,19 @@ const K9 = ({ isOpen: s, children: c }) => {
         n.style.height = "0px", requestAnimationFrame(() => {
           n.style.transition = "height 0.3s ease", n.style.height = `${l}px`;
         });
-        const i = setTimeout(() => {
+        const a = setTimeout(() => {
           n.style.height = "auto";
         }, 300);
-        return () => clearTimeout(i);
+        return () => clearTimeout(a);
       } else {
         const l = n.scrollHeight;
         n.style.height = `${l}px`, requestAnimationFrame(() => {
           n.style.transition = "height 0.3s ease", n.style.height = "0px";
         });
-        const i = setTimeout(() => {
+        const a = setTimeout(() => {
           n.style.display = "none";
         }, 300);
-        return () => clearTimeout(i);
+        return () => clearTimeout(a);
       }
   }, [s]), /* @__PURE__ */ t.jsx(
     "ul",
@@ -14411,14 +14383,14 @@ const K9 = ({ isOpen: s, children: c }) => {
   selectedKey: o,
   onSelect: n,
   toggleOpen: l,
-  openKeys: i,
+  openKeys: a,
   getItemStyle: u,
   theme: g,
   divider: T,
   finalDividerColor: h,
   ...d
 }) => {
-  const [m, j] = q(!1), p = Array.isArray(s.children) && s.children.length > 0, _ = i.includes(s.key), M = !p, L = `${12 + c * 16}px`, { backgroundColor: w, color: C } = u(s.key, M, m);
+  const [m, j] = q(!1), p = Array.isArray(s.children) && s.children.length > 0, _ = a.includes(s.key), M = !p, L = `${12 + c * 16}px`, { backgroundColor: w, color: C } = u(s.key, M, m);
   return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { style: { marginBottom: 6 }, children: [
     typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
       t1,
@@ -14449,7 +14421,7 @@ const K9 = ({ isOpen: s, children: c }) => {
                   selectedKey: o,
                   onSelect: n,
                   toggleOpen: l,
-                  openKeys: i,
+                  openKeys: a,
                   getItemStyle: u,
                   theme: g,
                   divider: T,
@@ -14550,7 +14522,7 @@ const K9 = ({ isOpen: s, children: c }) => {
               selectedKey: o,
               onSelect: n,
               toggleOpen: l,
-              openKeys: i,
+              openKeys: a,
               getItemStyle: u,
               theme: g,
               divider: T,
@@ -14568,7 +14540,7 @@ const K9 = ({ isOpen: s, children: c }) => {
   defaultSelectedKey: o,
   onSelect: n,
   selectedColor: l,
-  selectedTextColor: i,
+  selectedTextColor: a,
   hoverColor: u,
   hoverTextColor: g,
   className: T,
@@ -14594,22 +14566,22 @@ const K9 = ({ isOpen: s, children: c }) => {
       (W) => W.includes(F) ? W.filter((I) => I !== F) : [...W, F]
     );
   }, $ = (F, W, I) => {
-    const E = H === F && W, X = a1({
+    const E = H === F && W, X = i1({
       border: !1,
       componentType: "etc",
       fallback: E ? "selected" : I ? "hovered" : "default"
     });
     return {
       backgroundColor: E && l && N(l, b) || I && u && N(u, b) || X.bgColor,
-      color: E && i && N(i, b) || I && g && N(g, b) || X.txtColor
+      color: E && a && N(a, b) || I && g && N(g, b) || X.txtColor
     };
-  }, { bgColor: x, txtColor: y, borColor: a } = a1({
+  }, { bgColor: x, txtColor: y, borColor: i } = i1({
     border: _,
     fallback: d
-  }), { borColor: Z } = a1({
+  }), { borColor: Z } = i1({
     border: h,
     fallback: d
-  }), r = j ? N(j, b) : x, f = p ? N(p, b) : y, v = M ? N(M, b) : a, D = m ? N(m, b) : Z, Y = _ && v ? `${w}px ${L} ${v}` : "none";
+  }), r = j ? N(j, b) : x, f = p ? N(p, b) : y, v = M ? N(M, b) : i, D = m ? N(m, b) : Z, Y = _ && v ? `${w}px ${L} ${v}` : "none";
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -14653,16 +14625,16 @@ const K9 = ({ isOpen: s, children: c }) => {
   parentRef: o,
   selectedKey: n,
   onSelect: l,
-  styleProps: i,
+  styleProps: a,
   popupBaseStyleProps: u,
   placement: g,
   colorType: T
 }) => {
-  const [h, d] = q(!1), m = u1(), j = u1(null), p = n === s.key, _ = Array.isArray(s.children) && s.children.length > 0, M = p || h, w = a1({
+  const [h, d] = q(!1), m = u1(), j = u1(null), p = n === s.key, _ = Array.isArray(s.children) && s.children.length > 0, M = p || h, w = i1({
     border: !1,
     componentType: "etc",
     fallback: p ? "selected" : "hovered"
-  }), C = p ? i.selectedColor || w.bgColor : i.hoverColor || w.bgColor, z = p ? i.selectedTextColor || w.txtColor : i.hoverTextColor || w.txtColor;
+  }), C = p ? a.selectedColor || w.bgColor : a.hoverColor || w.bgColor, z = p ? a.selectedTextColor || w.txtColor : a.hoverTextColor || w.txtColor;
   j1(() => {
     const b = (S) => {
       var P, V;
@@ -14724,7 +14696,7 @@ const K9 = ({ isOpen: s, children: c }) => {
           parentContentRef: j,
           level: c + 1,
           colorType: T,
-          ...i,
+          ...a,
           ...u
         }
       ),
@@ -14741,7 +14713,7 @@ const K9 = ({ isOpen: s, children: c }) => {
   onSelect: n,
   // Accordion, PopupBase 공통 스타일 관련
   selectedColor: l,
-  selectedTextColor: i,
+  selectedTextColor: a,
   hoverColor: u,
   hoverTextColor: g,
   className: T,
@@ -14773,7 +14745,7 @@ const K9 = ({ isOpen: s, children: c }) => {
     defaultSelectedKey: o,
     onSelect: n,
     selectedColor: l,
-    selectedTextColor: i,
+    selectedTextColor: a,
     hoverColor: u,
     hoverTextColor: g,
     className: T,
@@ -14800,18 +14772,18 @@ const K9 = ({ isOpen: s, children: c }) => {
     shadow: R
   }, B = {
     selectedColor: l,
-    selectedTextColor: i,
+    selectedTextColor: a,
     hoverColor: u,
     hoverTextColor: g
   };
   if (O === "accordion")
     return /* @__PURE__ */ t.jsx(q9, { ...H });
-  const { borColor: $ } = a1({
+  const { borColor: $ } = i1({
     border: M,
     fallback: d
   });
   L && N(L, k);
-  const { borColor: x } = a1({
+  const { borColor: x } = i1({
     border: h,
     fallback: d
   }), y = m ? N(m, k) : x;
@@ -14827,11 +14799,11 @@ const K9 = ({ isOpen: s, children: c }) => {
       role: "menu",
       "aria-orientation": S ? "horizontal" : "vertical",
       ...V,
-      children: s.map((a, Z) => /* @__PURE__ */ t.jsxs(A1.Fragment, { children: [
+      children: s.map((i, Z) => /* @__PURE__ */ t.jsxs(A1.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           J9,
           {
-            item: a,
+            item: i,
             level: j,
             parentRef: P,
             selectedKey: c,
@@ -14859,7 +14831,7 @@ const K9 = ({ isOpen: s, children: c }) => {
             style: { margin: "1rem 0" }
           }
         ))
-      ] }, a.key || `menu-item-${Z}`))
+      ] }, i.key || `menu-item-${Z}`))
     }
   ) : null;
 }, w3 = ({
@@ -14873,7 +14845,7 @@ const K9 = ({ isOpen: s, children: c }) => {
   // Dropdown 열림 상태 (제어용)
   defaultOpen: l = !1,
   // Dropdown 기본 열림 상태
-  onOpenChange: i,
+  onOpenChange: a,
   // Dropdown 열림 상태 변경 콜백
   closeOnClick: u = !1,
   // Dropdown 클릭 시 닫기 여부
@@ -14908,7 +14880,7 @@ const K9 = ({ isOpen: s, children: c }) => {
       placement: z,
       open: n,
       defaultOpen: l,
-      onOpenChange: i,
+      onOpenChange: a,
       closeOnClick: u,
       disabled: g,
       className: c1("sud-dropdown", T),
@@ -14953,13 +14925,13 @@ const K9 = ({ isOpen: s, children: c }) => {
   separator: o = ">",
   style: n = {},
   separatorStyle: l = {},
-  linkStyle: i = {},
+  linkStyle: a = {},
   itemStyle: u = {},
   listStyle: g = {},
   size: T = "base"
 }) => {
   if (!c || c.length === 0) return null;
-  const { separatorColor: h, textColor: d, nowColor: m } = a1({
+  const { separatorColor: h, textColor: d, nowColor: m } = i1({
     componentType: "breadcrumb"
   }), j = {
     color: h,
@@ -15017,7 +14989,7 @@ const K9 = ({ isOpen: s, children: c }) => {
                         alignItems: "center",
                         cursor: "pointer",
                         ...p,
-                        ...i
+                        ...a
                       },
                       onClick: () => {
                         window.location.href = L.href;
@@ -15087,16 +15059,16 @@ export {
   X9 as Footer,
   Y9 as Header,
   u2 as Image,
-  i0 as Input,
+  a0 as Input,
   Z3 as Layout,
   h3 as List,
   _2 as Menu,
-  i3 as Modal,
+  a3 as Modal,
   P9 as NotificationRoot,
   R9 as OTP,
   w2 as Pagination,
   Q0 as PopConfirm,
-  a3 as Popover,
+  i3 as Popover,
   j3 as Progress,
   G0 as Radio,
   x3 as Rate,
@@ -15121,7 +15093,7 @@ export {
   v3 as Upload,
   z0 as adjustBrightness,
   s3 as applyPulseEffect,
-  a1 as computeColorStyles,
+  i1 as computeColorStyles,
   E2 as darkTheme,
   N0 as defaultTheme,
   t3 as getColorWithIntensity,