sud-ui 0.1.16 → 0.1.18

package/dist/index.js

@@ -1148,14 +1148,14 @@ const e1 = {
       if (u || O(U), g == null || g(U), !U && (r(!1), w.current)) {
         const Q = j1.get(w.current);
         Q && Q.forEach((d0) => {
-          var y0, o0;
+          var j0, o0;
           const m0 = Array.from(F1).find(
             (k0) => {
               var $0, _0;
               return ((_0 = ($0 = k0.current) == null ? void 0 : $0.popupInstance) == null ? void 0 : _0.id) === d0;
             }
           );
-          (o0 = (y0 = m0 == null ? void 0 : m0.current) == null ? void 0 : y0.popupInstance) != null && o0.hide && m0.current.popupInstance.hide();
+          (o0 = (j0 = m0 == null ? void 0 : m0.current) == null ? void 0 : j0.popupInstance) != null && o0.hide && m0.current.popupInstance.hide();
         });
       }
     },
@@ -1178,9 +1178,9 @@ const e1 = {
   const { bgColor: K, txtColor: W, borColor: q } = i0({
     border: j,
     fallback: N
-  }), J = x ? L(x, I) : K, p0 = C ? L(C, I) : W, x0 = F ? L(F, I) : q, j0 = j && x0 ? `${p}px ${M} ${x0}` : "none", b0 = O0(_, I), S0 = I0(S), B0 = F0(() => {
+  }), J = x ? L(x, I) : K, p0 = C ? L(C, I) : W, x0 = F ? L(F, I) : q, b0 = j && x0 ? `${p}px ${M} ${x0}` : "none", y0 = O0(_, I), S0 = I0(S), B0 = F0(() => {
     if (!A.current || !w.current) return {};
-    const U = A.current.getBoundingClientRect(), Q = w.current.getBoundingClientRect(), d0 = window.scrollY || document.documentElement.scrollTop, m0 = window.scrollX || document.documentElement.scrollLeft, y0 = {
+    const U = A.current.getBoundingClientRect(), Q = w.current.getBoundingClientRect(), d0 = window.scrollY || document.documentElement.scrollTop, m0 = window.scrollX || document.documentElement.scrollLeft, j0 = {
       position: "absolute",
       zIndex: 1e3,
       transition: "opacity 0.2s ease"
@@ -1218,7 +1218,7 @@ const e1 = {
       default:
         o0 = {};
     }
-    return { ...y0, ...o0 };
+    return { ...j0, ...o0 };
   }, [o]);
   w1(() => {
     if (b && w.current && A.current && !T) {
@@ -1246,7 +1246,7 @@ const e1 = {
   }, [b, B, B0]);
   const X = F0(
     ({ type: U = "background" }) => {
-      const Q = U === "border", d0 = x0 && p > 0, m0 = c1 * 2 + (d0 ? p * 2 : 0), y0 = Math.sqrt(p * p * 2), o0 = !Q && d0 ? y0 : 0, k0 = {
+      const Q = U === "border", d0 = x0 && p > 0, m0 = c1 * 2 + (d0 ? p * 2 : 0), j0 = Math.sqrt(p * p * 2), o0 = !Q && d0 ? j0 : 0, k0 = {
         bottom: `linear-gradient(135deg, ${J} 50%, transparent 50%)`,
         top: `linear-gradient(-45deg, ${J} 50%, transparent 50%)`,
         left: `linear-gradient(225deg, ${J} 50%, transparent 50%)`,
@@ -1257,11 +1257,11 @@ const e1 = {
         position: "absolute",
         transform: "rotate(45deg)",
         zIndex: Q ? 1 : 3,
-        border: Q ? j0 : void 0,
+        border: Q ? b0 : void 0,
         borderRadius: "2px 0 0 0",
         background: Q ? void 0 : k0[o],
         backgroundColor: Q ? x0 ?? J : void 0,
-        boxShadow: Q ? b0 : void 0
+        boxShadow: Q ? y0 : void 0
       }, _0 = {
         bottom: {
           top: `-${c1 - o0}px`,
@@ -1290,16 +1290,16 @@ const e1 = {
       o,
       J,
       x0,
-      j0,
+      b0,
       p,
-      b0
+      y0
     ]
   );
   return z0(() => {
     if (l !== "hover") return;
     const U = (Q) => {
       var k0, $0;
-      const d0 = document.elementFromPoint(Q.clientX, Q.clientY), m0 = (k0 = A.current) == null ? void 0 : k0.contains(d0), y0 = ($0 = w.current) == null ? void 0 : $0.contains(d0), o0 = L2(
+      const d0 = document.elementFromPoint(Q.clientX, Q.clientY), m0 = (k0 = A.current) == null ? void 0 : k0.contains(d0), j0 = ($0 = w.current) == null ? void 0 : $0.contains(d0), o0 = L2(
         w,
         d0,
         D1,
@@ -1309,7 +1309,7 @@ const e1 = {
         m0 && P();
         return;
       }
-      !m0 && !y0 && !o0 ? v.current || (v.current = setTimeout(() => {
+      !m0 && !j0 && !o0 ? v.current || (v.current = setTimeout(() => {
         D();
       }, 100)) : (clearTimeout(v.current), v.current = null);
     };
@@ -1380,12 +1380,12 @@ const e1 = {
                     style: {
                       backgroundColor: J,
                       color: p0,
-                      border: j0,
+                      border: b0,
                       padding: "8px",
                       width: "max-content",
                       whiteSpace: "nowrap",
                       ...S0,
-                      boxShadow: b0,
+                      boxShadow: y0,
                       zIndex: 2,
                       position: "relative"
                     },
@@ -1864,13 +1864,13 @@ function D2() {
         }, v.format = function(m) {
           var y = this, f = this.$locale();
           if (!this.isValid()) return f.invalidDate || M;
-          var T = m || "YYYY-MM-DDTHH:mm:ssZ", r = O.z(this), u = this.$H, b = this.$m, E = this.$M, P = f.weekdays, D = f.months, Y = f.meridiem, K = function(J, p0, x0, j0) {
-            return J && (J[p0] || J(y, T)) || x0[p0].slice(0, j0);
+          var T = m || "YYYY-MM-DDTHH:mm:ssZ", r = O.z(this), u = this.$H, b = this.$m, E = this.$M, P = f.weekdays, D = f.months, Y = f.meridiem, K = function(J, p0, x0, b0) {
+            return J && (J[p0] || J(y, T)) || x0[p0].slice(0, b0);
           }, W = function(J) {
             return O.s(u % 12 || 12, J, "0");
           }, q = Y || function(J, p0, x0) {
-            var j0 = J < 12 ? "AM" : "PM";
-            return x0 ? j0.toLowerCase() : j0;
+            var b0 = J < 12 ? "AM" : "PM";
+            return x0 ? b0.toLowerCase() : b0;
           };
           return T.replace(S, function(J, p0) {
             return p0 || function(x0) {
@@ -5813,9 +5813,9 @@ const Z1 = ({
   ariaDescribedby: y
 }) => {
   var t1, o1;
-  const f = h0(), [T, r] = G(!1), [u, b] = G(""), [E, P] = G(null), [D, Y] = G(-1), [K, W] = G(!1), q = f0(null), J = f0(null), p0 = f0(null), x0 = f0([]), j0 = A.filter(
+  const f = h0(), [T, r] = G(!1), [u, b] = G(""), [E, P] = G(null), [D, Y] = G(-1), [K, W] = G(!1), q = f0(null), J = f0(null), p0 = f0(null), x0 = f0([]), b0 = A.filter(
     (e0) => e0.label.toLowerCase().includes(u.toLowerCase())
-  ), b0 = F0((e0) => {
+  ), y0 = F0((e0) => {
     var R0;
     (R0 = q.current) != null && R0.contains(e0.target) || r(!1);
   }, []), S0 = F0((e0) => {
@@ -5835,17 +5835,17 @@ const Z1 = ({
         case "ArrowDown":
           e0.preventDefault(), (X0 = J.current) == null || X0.focus(), Y((M0) => {
             const w0 = M0 + 1;
-            return w0 >= j0.length ? 0 : w0;
+            return w0 >= b0.length ? 0 : w0;
           });
           break;
         case "ArrowUp":
           e0.preventDefault(), (G0 = J.current) == null || G0.focus(), Y((M0) => {
             const w0 = M0 - 1;
-            return w0 < 0 ? j0.length - 1 : w0;
+            return w0 < 0 ? b0.length - 1 : w0;
           });
           break;
         case "Enter":
-          e0.preventDefault(), D >= 0 && D < j0.length && X(j0[D]);
+          e0.preventDefault(), D >= 0 && D < b0.length && X(b0[D]);
           break;
         case "Escape":
           e0.preventDefault(), r(!1);
@@ -5863,11 +5863,11 @@ const Z1 = ({
           break;
       }
     },
-    [T, D, j0, u, z, h, A]
+    [T, D, b0, u, z, h, A]
   );
-  z0(() => (document.addEventListener("mousedown", b0), document.addEventListener("keydown", S0), () => {
-    document.removeEventListener("mousedown", b0), document.removeEventListener("keydown", S0);
-  }), [b0, S0]), z0(() => {
+  z0(() => (document.addEventListener("mousedown", y0), document.addEventListener("keydown", S0), () => {
+    document.removeEventListener("mousedown", y0), document.removeEventListener("keydown", S0);
+  }), [y0, S0]), z0(() => {
     T && D >= 0 && x0.current[D] && x0.current[D].scrollIntoView({
       block: "nearest"
     });
@@ -5894,8 +5894,8 @@ const Z1 = ({
     "typeStyles:",
     (o1 = (t1 = f.components) == null ? void 0 : t1.input) == null ? void 0 : o1[k ? "danger" : S]
   );
-  const y0 = s ? L(s, f) : Q;
-  console.log("finalBgColor:", y0);
+  const j0 = s ? L(s, f) : Q;
+  console.log("finalBgColor:", j0);
   const o0 = c ? L(c, f) : d0, k0 = l ? L(l, f) : m0, $0 = n && k0 ? `${a}px ${o} ${k0}` : "none", _0 = I0(C, f), L0 = O0(j, f), D0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
@@ -5953,7 +5953,7 @@ const Z1 = ({
             style: {
               display: "flex",
               alignItems: "center",
-              backgroundColor: $ ? L("cool-gray-1", f) : y0,
+              backgroundColor: $ ? L("cool-gray-1", f) : j0,
               color: $ ? L("cool-gray-3", f) : o0,
               ..._0,
               width: "100%",
@@ -6121,10 +6121,10 @@ const Z1 = ({
               boxShadow: O0("md", f),
               color: o0,
               zIndex: 100,
-              background: y0,
+              background: j0,
               ...H
             },
-            children: j0.length === 0 ? /* @__PURE__ */ t.jsx(
+            children: b0.length === 0 ? /* @__PURE__ */ t.jsx(
               "div",
               {
                 className: "sud-select__empty",
@@ -6137,7 +6137,7 @@ const Z1 = ({
                 },
                 children: "검색 결과가 없습니다"
               }
-            ) : j0.map((e0, R0) => {
+            ) : b0.map((e0, R0) => {
               const W0 = z ? h == null ? void 0 : h.includes(e0.value) : h === e0.value;
               return /* @__PURE__ */ t.jsx(
                 "div",
@@ -6156,7 +6156,7 @@ const Z1 = ({
                     padding: "8px 12px",
                     cursor: "pointer",
                     fontSize: D0.fontSize,
-                    backgroundColor: W0 ? L("cool-gray-2", f) : y0
+                    backgroundColor: W0 ? L("cool-gray-2", f) : j0
                   },
                   children: e0.label
                 },
@@ -6325,12 +6325,12 @@ const Z1 = ({
 }) => {
   const A = h0(), V = j9(i), [w, v] = G(b9[I]), [m, y] = G(n0(s || /* @__PURE__ */ new Date())), [f, T] = G(
     R ? n0(R) : null
-  ), [r, u] = G(H ? n0(H) : null), [b, E] = G(null), [P, D] = G(n0(s || /* @__PURE__ */ new Date())), [Y, K] = G(l), [W, q] = G(!1), [J, p0] = G(m.year()), [x0, j0] = G(m.month()), [b0, S0] = G(m.date()), [B0, X] = G(!1), U = () => {
+  ), [r, u] = G(H ? n0(H) : null), [b, E] = G(null), [P, D] = G(n0(s || /* @__PURE__ */ new Date())), [Y, K] = G(l), [W, q] = G(!1), [J, p0] = G(m.year()), [x0, b0] = G(m.month()), [y0, S0] = G(m.date()), [B0, X] = G(!1), U = () => {
     X(!0), setTimeout(() => X(!1), 150);
   }, Q = (c0, g0, U0) => {
     const Z0 = n0(new Date(c0, g0, U0));
-    p0(c0), j0(g0), S0(U0), y(Z0), D(Z0);
-  }, d0 = n0().year(), m0 = Array.from({ length: 201 }, (c0, g0) => d0 - 100 + g0), y0 = Array.from({ length: 12 }, (c0, g0) => g0), o0 = m.daysInMonth(), k0 = Array.from({ length: o0 }, (c0, g0) => g0 + 1);
+    p0(c0), b0(g0), S0(U0), y(Z0), D(Z0);
+  }, d0 = n0().year(), m0 = Array.from({ length: 201 }, (c0, g0) => d0 - 100 + g0), j0 = Array.from({ length: 12 }, (c0, g0) => g0), o0 = m.daysInMonth(), k0 = Array.from({ length: o0 }, (c0, g0) => g0 + 1);
   z0(() => {
     s && (D(n0(s)), y(n0(s)));
   }, [s]), z0(() => {
@@ -6510,7 +6510,7 @@ const Z1 = ({
                       N1,
                       {
                         value: m.year(),
-                        onChange: (c0) => Q(c0, x0, b0),
+                        onChange: (c0) => Q(c0, x0, y0),
                         options: m0.map((c0) => ({
                           label: `${c0}년`,
                           value: c0
@@ -6523,8 +6523,8 @@ const Z1 = ({
                       N1,
                       {
                         value: m.month(),
-                        onChange: (c0) => Q(J, c0, b0),
-                        options: y0.map((c0) => ({
+                        onChange: (c0) => Q(J, c0, y0),
+                        options: j0.map((c0) => ({
                           label: V.monthFormat(n0().month(c0)),
                           value: c0
                         })),
@@ -8960,14 +8960,14 @@ const n4 = ({
     [n]
   ), P = T0(() => {
     if (!R) return c;
-    const { columnKey: X, order: U } = R, Q = s.find((y0) => (y0.dataIndex || y0.key) === X);
+    const { columnKey: X, order: U } = R, Q = s.find((j0) => (j0.dataIndex || j0.key) === X);
     if (!Q) return c;
-    const d0 = Q.sorter === !0 ? (y0, o0) => {
-      const k0 = y0[X], $0 = o0[X];
+    const d0 = Q.sorter === !0 ? (j0, o0) => {
+      const k0 = j0[X], $0 = o0[X];
       return typeof k0 == "number" ? k0 - $0 : String(k0).localeCompare(String($0));
     } : Q.sorter;
-    return [...c].sort((y0, o0) => {
-      const k0 = d0(y0, o0);
+    return [...c].sort((j0, o0) => {
+      const k0 = d0(j0, o0);
       return U === "ascend" ? k0 : -k0;
     });
   }, [c, R, s]), D = T0(() => {
@@ -9006,13 +9006,13 @@ const n4 = ({
       x0(d0);
     }
   }, [P, S]);
-  const j0 = T0(
+  const b0 = T0(
     () => ({
       borderTopLeftRadius: r.borderRadius,
       borderTopRightRadius: r.borderRadius
     }),
     [r.borderRadius]
-  ), b0 = T0(
+  ), y0 = T0(
     () => ({
       borderBottomLeftRadius: r.borderRadius,
       borderBottomRightRadius: r.borderRadius
@@ -9052,7 +9052,7 @@ const n4 = ({
               overflow: "hidden",
               paddingRight: `${p0}px`,
               background: V,
-              ...j0
+              ...b0
             },
             children: /* @__PURE__ */ t.jsxs(
               "table",
@@ -9064,9 +9064,15 @@ const n4 = ({
                 },
                 role: "presentation",
                 children: [
-                  /* @__PURE__ */ t.jsx("colgroup", { children: S0.map((X, U) => /* @__PURE__ */ t.jsx("col", { style: { width: X.width } }, U)) }),
+                  /* @__PURE__ */ t.jsx("colgroup", { children: S0.map((X, U) => /* @__PURE__ */ t.jsx(
+                    "col",
+                    {
+                      style: X.width ? { width: X.width } : void 0
+                    },
+                    U
+                  )) }),
                   /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsx("tr", { children: S0.map((X, U) => {
-                    const Q = X.dataIndex || X.key, d0 = (R == null ? void 0 : R.columnKey) === Q, m0 = d0 ? R.order : null, y0 = X.align || "left";
+                    const Q = X.dataIndex || X.key, d0 = (R == null ? void 0 : R.columnKey) === Q, m0 = d0 ? R.order : null, j0 = X.align || "left";
                     return /* @__PURE__ */ t.jsx(
                       "th",
                       {
@@ -9078,7 +9084,7 @@ const n4 = ({
                           X.className
                         ),
                         style: {
-                          textAlign: y0,
+                          textAlign: j0,
                           background: V,
                           color: w,
                           borderBottom: y,
@@ -9096,7 +9102,12 @@ const n4 = ({
                         children: /* @__PURE__ */ t.jsxs(
                           "div",
                           {
-                            style: { display: "flex", alignItems: "center", gap: 4 },
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 4,
+                              justifyContent: j0 === "center" ? "center" : j0 === "right" ? "flex-end" : "flex-start"
+                            },
                             children: [
                               /* @__PURE__ */ t.jsx(
                                 s0,
@@ -9151,7 +9162,7 @@ const n4 = ({
           {
             ref: J,
             className: l0("sud-table__body", j),
-            style: { maxHeight: S, overflow: "auto", ...b0 },
+            style: { maxHeight: S, overflow: "auto", ...y0 },
             role: "presentation",
             tabIndex: 0,
             "aria-label": "테이블 본문",
@@ -9165,7 +9176,7 @@ const n4 = ({
                   alignItems: "center",
                   minHeight: "200px",
                   background: V,
-                  ...b0
+                  ...y0
                 },
                 role: "alert",
                 "aria-live": "polite",
@@ -9181,9 +9192,15 @@ const n4 = ({
                 },
                 role: "presentation",
                 children: [
-                  /* @__PURE__ */ t.jsx("colgroup", { children: S0.map((X, U) => /* @__PURE__ */ t.jsx("col", { style: { width: X.width } }, U)) }),
+                  /* @__PURE__ */ t.jsx("colgroup", { children: S0.map((X, U) => /* @__PURE__ */ t.jsx(
+                    "col",
+                    {
+                      style: X.width ? { width: X.width } : void 0
+                    },
+                    U
+                  )) }),
                   /* @__PURE__ */ t.jsx("tbody", { children: D.map((X, U) => {
-                    const Q = E(X, U), d0 = L(X.background, $) || "transparent", m0 = L(X.color, $) || "inherit", y0 = L(X.borderColor, $) || m, o0 = g ? `${h}px ${i} ${y0}` : "none";
+                    const Q = E(X, U), d0 = L(X.background, $) || "transparent", m0 = L(X.color, $) || "inherit", j0 = L(X.borderColor, $) || m, o0 = g ? `${h}px ${i} ${j0}` : "none";
                     return /* @__PURE__ */ t.jsx(
                       "tr",
                       {
@@ -9453,7 +9470,7 @@ const E0 = ({
     border: n,
     fallback: T ? "danger" : m,
     componentType: "input"
-  }), q = s ? L(s, D) : Y, J = c ? L(c, D) : K, p0 = l ? L(l, D) : W, x0 = n && p0 ? `${a}px ${o} ${p0}` : "none", j0 = I0(R, D), b0 = O0(H, D), S0 = {
+  }), q = s ? L(s, D) : Y, J = c ? L(c, D) : K, p0 = l ? L(l, D) : W, x0 = n && p0 ? `${a}px ${o} ${p0}` : "none", b0 = I0(R, D), y0 = O0(H, D), S0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -9516,10 +9533,10 @@ const E0 = ({
               alignItems: "center",
               backgroundColor: j ? L("cool-gray-1", D) : q,
               color: j ? L("cool-gray-3", D) : J,
-              ...j0,
+              ...b0,
               width: "100%",
               padding: S0.padding,
-              boxShadow: b0,
+              boxShadow: y0,
               ...d ? {
                 border: "none",
                 borderRadius: 0,
@@ -10069,8 +10086,8 @@ const a2 = ({
   }, {
     width: p0,
     height: x0,
-    thumb: j0,
-    fontSize: b0
+    thumb: b0,
+    fontSize: y0
   } = a ? q[$] : J[$], S0 = F || p0, B0 = M || x0, X = (T - s) / (c - s) * 100;
   z0(() => {
     y || r(n);
@@ -10097,7 +10114,7 @@ const a2 = ({
         window.removeEventListener("mousemove", d0), window.removeEventListener("mouseup", m0);
       };
   }, [y, d0]);
-  const y0 = (_0) => {
+  const j0 = (_0) => {
     if (d) return;
     let L0 = T;
     switch (_0.key) {
@@ -10147,8 +10164,8 @@ const a2 = ({
     boxShadow: D,
     background: L(R || "white-10", w),
     borderRadius: "50%",
-    width: `${j0}px`,
-    height: `${j0}px`,
+    width: `${b0}px`,
+    height: `${b0}px`,
     transform: "translate(-50%, -50%)",
     top: a ? `${100 - X}%` : "50%",
     left: a ? "50%" : `${X}%`,
@@ -10162,8 +10179,8 @@ const a2 = ({
     border: "2px solid transparent",
     borderRadius: "50%",
     background: "transparent",
-    width: `${j0}px`,
-    height: `${j0}px`,
+    width: `${b0}px`,
+    height: `${b0}px`,
     transform: "translate(-50%, -50%)",
     top: a ? `${100 - X}%` : "50%",
     left: a ? "50%" : `${X}%`,
@@ -10227,7 +10244,7 @@ const a2 = ({
                   "aria-orientation": a ? "vertical" : "horizontal",
                   "aria-disabled": d,
                   id: b,
-                  onKeyDown: y0,
+                  onKeyDown: j0,
                   style: k0,
                   onMouseDown: Q,
                   children: /* @__PURE__ */ t.jsx(
@@ -10235,8 +10252,8 @@ const a2 = ({
                     {
                       className: "sud-slider__thumb-inner",
                       style: {
-                        width: `${j0 - 10}px`,
-                        height: `${j0 - 10}px`,
+                        width: `${b0 - 10}px`,
+                        height: `${b0 - 10}px`,
                         borderRadius: "50%",
                         background: Y,
                         display: "flex",
@@ -10285,7 +10302,7 @@ const a2 = ({
               height: a ? B0 : "auto",
               marginLeft: a ? 8 : 0,
               marginTop: a ? 0 : 8,
-              fontSize: b0,
+              fontSize: y0,
               color: L(d ? "cool-gray-3" : "cool-gray-9", w)
             },
             children: [
@@ -11371,8 +11388,8 @@ const i4 = ({
     V(K), M(q);
     const J = (p0) => p0.hour && p0.minute && (!o || p0.second);
     if (!p && J(q.startTime)) {
-      const p0 = y(K.startTime.hour, K.startTime.ampm), x0 = K.startTime.minute, j0 = o ? K.startTime.second : 0, b0 = n0().hour(p0).minute(x0).second(j0).toDate();
-      c == null || c(b0);
+      const p0 = y(K.startTime.hour, K.startTime.ampm), x0 = K.startTime.minute, b0 = o ? K.startTime.second : 0, y0 = n0().hour(p0).minute(x0).second(b0).toDate();
+      c == null || c(y0);
     }
     if (p && h === 0 && J(q.startTime) && (x(1), j("hour")), p && h === 1 && J(q.endTime)) {
       let p0 = n0().hour(y(K.startTime.hour, K.startTime.ampm)).minute(K.startTime.minute).second(o ? K.startTime.second : 0), x0 = n0().hour(y(K.endTime.hour, K.endTime.ampm)).minute(K.endTime.minute).second(o ? K.endTime.second : 0);
@@ -11395,8 +11412,8 @@ const i4 = ({
   }), E = (D, Y, K) => {
     const W = p && h === 1 ? "endTime" : "startTime";
     return /* @__PURE__ */ t.jsx("div", { style: { flex: 1, overflowY: "auto", maxHeight: 160, padding: 4 }, children: Y.map((q) => {
-      var b0;
-      const J = q.toString().padStart(2, "0"), p0 = (b0 = A[W]) == null ? void 0 : b0[K], x0 = p0 != null && p0 === q, j0 = Z && Z[K] === q;
+      var y0;
+      const J = q.toString().padStart(2, "0"), p0 = (y0 = A[W]) == null ? void 0 : y0[K], x0 = p0 != null && p0 === q, b0 = Z && Z[K] === q;
       return /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -11406,7 +11423,7 @@ const i4 = ({
           style: {
             padding: "6px 12px",
             cursor: "pointer",
-            backgroundColor: x0 ? r : j0 ? b : "transparent",
+            backgroundColor: x0 ? r : b0 ? b : "transparent",
             borderRadius: 6,
             textAlign: "center"
           },
@@ -11804,9 +11821,9 @@ const E1 = {
   listColorType: J = "default",
   listErrorColorType: p0 = "red",
   listHoverColorType: x0 = "sky",
-  listDeleteColorType: j0 = "rose"
+  listDeleteColorType: b0 = "rose"
 }) => {
-  const b0 = h0(), S0 = f0(), [B0, X] = G(g), [U, Q] = G(!1), [d0, m0] = G(!1), y0 = d !== void 0, o0 = y0 ? d : B0, k0 = f0(/* @__PURE__ */ new Set());
+  const y0 = h0(), S0 = f0(), [B0, X] = G(g), [U, Q] = G(!1), [d0, m0] = G(!1), j0 = d !== void 0, o0 = j0 ? d : B0, k0 = f0(/* @__PURE__ */ new Set());
   z0(() => () => {
     k0.current.forEach((M0) => URL.revokeObjectURL(M0)), k0.current.clear();
   }, []);
@@ -11816,7 +11833,7 @@ const E1 = {
   }, []), _0 = i0({
     fallback: a ? "disabled" : I,
     border: E
-  }), L0 = I0(u, b0), D0 = O0(b, b0), H0 = z ? L(z, b0) : _0.bgColor, Y0 = O ? L(O, b0) : _0.txtColor, t1 = A ? L(A, b0) : _0.borColor, o1 = {
+  }), L0 = I0(u, y0), D0 = O0(b, y0), H0 = z ? L(z, y0) : _0.bgColor, Y0 = O ? L(O, y0) : _0.txtColor, t1 = A ? L(A, y0) : _0.borColor, o1 = {
     background: H0,
     color: Y0,
     border: E ? `${w}px ${V} ${t1}` : "none",
@@ -11840,13 +11857,13 @@ const E1 = {
       }
     }
     const Q0 = l ? [...o0, ...w0] : w0;
-    y0 || X(Q0), h(Q0), Q(!1), S0.current && (S0.current.value = "");
+    j0 || X(Q0), h(Q0), Q(!1), S0.current && (S0.current.value = "");
   }, W0 = F0(
     (M0) => {
       const w0 = o0.filter((Q0, l1) => l1 !== M0);
-      y0 || X(w0), x == null || x(w0);
+      j0 || X(w0), x == null || x(w0);
     },
-    [o0, y0, x]
+    [o0, j0, x]
   ), X0 = {
     children: H,
     colorType: I,
@@ -11872,10 +11889,10 @@ const E1 = {
     role: q,
     disabled: a
   }, G0 = {
-    ...I0(_, b0),
+    ...I0(_, y0),
     border: M ? `${S}px ${p} ${L(
       M,
-      b0
+      y0
     )}` : `1px solid ${t1}`,
     width: j,
     height: j,
@@ -11884,8 +11901,8 @@ const E1 = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: L(F, b0),
-    boxShadow: O0(N, b0)
+    backgroundColor: L(F, y0),
+    boxShadow: O0(N, y0)
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -11920,7 +11937,7 @@ const E1 = {
               let w0 = Array.from(M0.dataTransfer.files || []);
               o && (w0 = w0.slice(0, o));
               const Q0 = l ? [...o0, ...w0] : w0;
-              y0 || X(Q0), h(Q0);
+              j0 || X(Q0), h(Q0);
             },
             onDragOver: (M0) => M0.preventDefault(),
             style: {
@@ -11946,7 +11963,7 @@ const E1 = {
                 {
                   id: "upload-description",
                   size: "sm",
-                  style: { color: L("cool-gray-6", b0) },
+                  style: { color: L("cool-gray-6", y0) },
                   children: "단일 또는 다중 파일 업로드를 지원합니다."
                 }
               )
@@ -12075,11 +12092,11 @@ const E1 = {
                 index: w0,
                 onRemove: W0,
                 onPreview: C,
-                theme: b0,
+                theme: y0,
                 listColorType: J,
                 listErrorColorType: p0,
                 listHoverColorType: x0,
-                listDeleteColorType: j0
+                listDeleteColorType: b0
               },
               w0
             ))