sud-ui 1.2.2 → 1.2.3

package/dist/index.js

@@ -916,7 +916,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
 }, o1 = (...s) => s.filter(Boolean).join(" "), A1 = (s = "", c) => {
   var o;
   return (o = c == null ? void 0 : c.shadows) != null && o[s] ? c.shadows[s] : "none";
-}, Q1 = (s = "rounded", c) => {
+}, q1 = (s = "rounded", c) => {
   var o;
   return ((o = c == null ? void 0 : c.shapes) == null ? void 0 : o[s]) || {
     borderRadius: "10px",
@@ -1167,7 +1167,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   80% { transform: rotate(270deg); }
   100% { transform: rotate(360deg); }
 }
-`, J1 = ({
+`, K1 = ({
   children: s,
   colorType: c = "default",
   background: o,
@@ -1198,7 +1198,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   const I = b1(), L = u1(), { bgColor: U, txtColor: W, borColor: B } = h1({
     border: n,
     fallback: y ? "disabled" : c
-  }), _ = o ? N(o, I) : U, Z = l ? N(l, I) : W, O = a ? N(a, I) : B, j = n && O ? `${g}px ${f} ${O}` : "none", R = Q1(M, I), r = A1(C, I);
+  }), _ = o ? N(o, I) : U, Z = l ? N(l, I) : W, O = a ? N(a, I) : B, j = n && O ? `${g}px ${f} ${O}` : "none", R = q1(M, I), r = A1(C, I);
   let i = {};
   typeof E == "string" && (E === "sm" ? i = { padding: "4px 10px", fontSize: "0.875rem" } : E === "md" ? i = { padding: "6px 16px", fontSize: "1rem" } : E === "lg" && (i = { padding: "10px 20px", fontSize: "1.125rem" })), v1(() => {
     V2("sud-button-styles", X2);
@@ -1347,14 +1347,14 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
       if (G || O(e1), z == null || z(e1), !e1 && (A(!1), r.current)) {
         const j1 = _0.get(r.current);
         j1 && j1.forEach((w1) => {
-          var t0, K1;
+          var t0, X1;
           const _1 = Array.from(B0).find(
-            (I1) => {
+            (E1) => {
               var s0, J;
-              return ((J = (s0 = I1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
+              return ((J = (s0 = E1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
             }
           );
-          (K1 = (t0 = _1 == null ? void 0 : _1.current) == null ? void 0 : t0.popupInstance) != null && K1.hide && _1.current.popupInstance.hide();
+          (X1 = (t0 = _1 == null ? void 0 : _1.current) == null ? void 0 : t0.popupInstance) != null && X1.hide && _1.current.popupInstance.hide();
         });
       }
     },
@@ -1389,13 +1389,13 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   const { bgColor: i1, txtColor: m1, borColor: k1 } = h1({
     border: v,
     fallback: m
-  }), C1 = p ? N(p, _) : i1, L1 = w ? N(w, _) : m1, T1 = $ ? N($, _) : k1, B1 = v && T1 ? `${C}px ${M} ${T1}` : "none", P1 = A1(D, _), W1 = Q1(S), z1 = S1(() => {
+  }), C1 = p ? N(p, _) : i1, L1 = w ? N(w, _) : m1, T1 = $ ? N($, _) : k1, B1 = v && T1 ? `${C}px ${M} ${T1}` : "none", P1 = A1(D, _), W1 = q1(S), z1 = S1(() => {
     if (!j.current || !r.current) return {};
     const e1 = j.current.getBoundingClientRect(), j1 = r.current.getBoundingClientRect(), w1 = window.scrollY || document.documentElement.scrollTop, _1 = window.scrollX || document.documentElement.scrollLeft, t0 = {
       position: "fixed",
       zIndex: 1e4,
       transition: "opacity 0.2s ease"
-    }, [K1, I1] = a.split("-");
+    }, [X1, E1] = a.split("-");
     let J = ((C0, c0) => {
       switch (C0) {
         case "top": {
@@ -1433,10 +1433,10 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         default:
           return {};
       }
-    })(K1, I1);
-    const R1 = window.innerWidth, E1 = window.innerHeight;
-    let $1 = J.left ?? 0, V1 = J.top ?? 0, G1 = j1.width, q1 = j1.height, o0 = !1;
-    return $1 < 0 ? ($1 = 8, o0 = !0) : $1 + G1 > R1 && ($1 = R1 - G1 - 8, o0 = !0), V1 < 0 ? (V1 = 8, o0 = !0) : V1 + q1 > E1 && (V1 = E1 - q1 - 8, o0 = !0), o0 && (J.transform = void 0), { ...t0, ...J, left: $1, top: V1 };
+    })(X1, E1);
+    const R1 = window.innerWidth, I1 = window.innerHeight;
+    let $1 = J.left ?? 0, V1 = J.top ?? 0, J1 = j1.width, Q1 = j1.height, o0 = !1;
+    return $1 < 0 ? ($1 = 8, o0 = !0) : $1 + J1 > R1 && ($1 = R1 - J1 - 8, o0 = !0), V1 < 0 ? (V1 = 8, o0 = !0) : V1 + Q1 > I1 && (V1 = I1 - Q1 - 8, o0 = !0), o0 && (J.transform = void 0), { ...t0, ...J, left: $1, top: V1 };
   }, [a]);
   d0(() => {
     if (X && r.current && j.current && !Y) {
@@ -1470,7 +1470,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   }, [X, z1]);
   const O1 = S1(
     ({ type: e1 = "background" }) => {
-      const j1 = e1 === "border", w1 = T1 && C > 0, _1 = n0 * 2 + (w1 ? C * 2 : 0), t0 = Math.sqrt(C * C * 2), K1 = !j1 && w1 ? t0 : 0, I1 = {
+      const j1 = e1 === "border", w1 = T1 && C > 0, _1 = n0 * 2 + (w1 ? C * 2 : 0), t0 = Math.sqrt(C * C * 2), X1 = !j1 && w1 ? t0 : 0, E1 = {
         bottom: `linear-gradient(135deg, ${C1} 50%, transparent 50%)`,
         top: `linear-gradient(-45deg, ${C1} 50%, transparent 50%)`,
         left: `linear-gradient(225deg, ${C1} 50%, transparent 50%)`,
@@ -1483,27 +1483,27 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         zIndex: j1 ? 1 : 3,
         border: j1 ? B1 : void 0,
         borderRadius: "2px 0 0 0",
-        background: j1 ? void 0 : I1[a],
+        background: j1 ? void 0 : E1[a],
         backgroundColor: j1 ? T1 ?? C1 : void 0,
         boxShadow: j1 ? P1 : void 0
       }, J = {
         bottom: {
-          top: `-${n0 - K1}px`,
+          top: `-${n0 - X1}px`,
           left: "50%",
           transform: "translateX(-50%) rotate(45deg)"
         },
         top: {
-          bottom: `-${n0 - K1}px`,
+          bottom: `-${n0 - X1}px`,
           left: "50%",
           transform: "translateX(-50%) rotate(45deg)"
         },
         right: {
-          left: `-${n0 - K1}px`,
+          left: `-${n0 - X1}px`,
           top: "50%",
           transform: "translateY(-50%) rotate(45deg)"
         },
         left: {
-          right: `-${n0 - K1}px`,
+          right: `-${n0 - X1}px`,
           top: "50%",
           transform: "translateY(-50%) rotate(45deg)"
         }
@@ -1522,8 +1522,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   return v1(() => {
     if (n !== "hover") return;
     const e1 = (j1) => {
-      var I1, s0;
-      const w1 = document.elementFromPoint(j1.clientX, j1.clientY), _1 = (I1 = j.current) == null ? void 0 : I1.contains(w1), t0 = (s0 = r.current) == null ? void 0 : s0.contains(w1), K1 = G2(
+      var E1, s0;
+      const w1 = document.elementFromPoint(j1.clientX, j1.clientY), _1 = (E1 = j.current) == null ? void 0 : E1.contains(w1), t0 = (s0 = r.current) == null ? void 0 : s0.contains(w1), X1 = G2(
         r,
         w1,
         G0,
@@ -1533,7 +1533,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         _1 && t1();
         return;
       }
-      !_1 && !t0 && !K1 ? i.current || (i.current = setTimeout(() => {
+      !_1 && !t0 && !X1 ? i.current || (i.current = setTimeout(() => {
         r1();
       }, 100)) : (clearTimeout(i.current), i.current = null);
     };
@@ -1646,8 +1646,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
                         }
                       ) : c),
                       I === "popconfirm" && (L === !0 || L === void 0) ? /* @__PURE__ */ t.jsxs("div", { className: "sud-popconfirm__footer flex flex-row gap-8 item-cen jus-cen", children: [
-                        /* @__PURE__ */ t.jsx(J1, { colorType: "primary", onClick: q, children: "okay" }),
-                        /* @__PURE__ */ t.jsx(J1, { colorType: "danger", onClick: Q, children: "cancel" })
+                        /* @__PURE__ */ t.jsx(K1, { colorType: "primary", onClick: q, children: "okay" }),
+                        /* @__PURE__ */ t.jsx(K1, { colorType: "danger", onClick: Q, children: "cancel" })
                       ] }) : L === !0 || L !== void 0 ? L : null
                     ]
                   }
@@ -1705,7 +1705,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
     border: h,
     componentType: "tag",
     fallback: f
-  }), E = g ? N(g, D) : k, I = z ? N(z, D) : F, L = d ? N(d, D) : V, U = h && L ? `${y}px ${x} ${L}` : "none", W = Q1(a, D), B = A1(p, D), _ = s || (l ? null : c ? K2[c] : null), Z = () => l || (_ ? typeof _ == "string" ? _.startsWith("http") || _.startsWith("/") || _.startsWith("data:image") ? /* @__PURE__ */ t.jsx(
+  }), E = g ? N(g, D) : k, I = z ? N(z, D) : F, L = d ? N(d, D) : V, U = h && L ? `${y}px ${x} ${L}` : "none", W = q1(a, D), B = A1(p, D), _ = s || (l ? null : c ? K2[c] : null), Z = () => l || (_ ? typeof _ == "string" ? _.startsWith("http") || _.startsWith("/") || _.startsWith("data:image") ? /* @__PURE__ */ t.jsx(
     "img",
     {
       className: "sud-avatar-img",
@@ -2759,7 +2759,7 @@ const n9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M13,8.5c-.2763672,0-.5-.2236328-.5-.5V2h-4.875c-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-9.7998047h-7Z" })
   ] }),
   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" }) })
-}, X1 = Object.entries(n9).reduce((s, [c, o]) => {
+}, G1 = Object.entries(n9).reduce((s, [c, o]) => {
   const l = ({ size: n = 24, color: a, style: f = {}, ...g }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -2776,22 +2776,22 @@ const n9 = {
   );
   return l.displayName = c, s[c] = l, s;
 }, {});
-X1.BarChartFill;
-X1.BarChartOutline;
-X1.DonutChartFill;
-X1.DonutChartOutline;
-X1.LineChart;
-X1.PieChartFill;
-X1.PieChartOutline;
-X1.BriefcaseFill;
-X1.BriefcaseOutline;
-X1.CalendarFill;
-const o9 = X1.CalendarOutline;
-X1.OrganizationChartFill;
-X1.OrganizationChartOutline;
-X1.Barcode;
-X1.DocumentFill;
-const a9 = X1.DocumentOutline, i9 = {
+G1.BarChartFill;
+G1.BarChartOutline;
+G1.DonutChartFill;
+G1.DonutChartOutline;
+G1.LineChart;
+G1.PieChartFill;
+G1.PieChartOutline;
+G1.BriefcaseFill;
+G1.BriefcaseOutline;
+G1.CalendarFill;
+const o9 = G1.CalendarOutline;
+G1.OrganizationChartFill;
+G1.OrganizationChartOutline;
+G1.Barcode;
+G1.DocumentFill;
+const a9 = G1.DocumentOutline, i9 = {
   FolderFill: [
     /* @__PURE__ */ e.jsx(
       "path",
@@ -6496,7 +6496,7 @@ const M0 = ({
     border: w,
     fallback: c,
     componentType: "tag"
-  }), k = o ? N(o, C) : S, F = l ? N(l, C) : D, V = n ? N(n, C) : m, E = w && V ? `${f}px ${a} ${V}` : "none", I = Q1(y, C), L = A1(p, C), U = {
+  }), k = o ? N(o, C) : S, F = l ? N(l, C) : D, V = n ? N(n, C) : m, E = w && V ? `${f}px ${a} ${V}` : "none", I = q1(y, C), L = A1(p, C), U = {
     sm: C.typography.fontSize.sm,
     md: C.typography.fontSize.base,
     lg: C.typography.fontSize.lg
@@ -6539,7 +6539,7 @@ const M0 = ({
         _,
         d && x === "right" && d,
         z && /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: "sud-tag__close",
             background: k,
@@ -6605,8 +6605,8 @@ const M0 = ({
   }), r1 = u1(null), Z1 = u1(null), q = u1(null), Q = u1([]), i1 = W.filter(
     (J) => J.label.toLowerCase().includes(b.toLowerCase())
   ), m1 = L ? W.filter((J) => Array.isArray(x) && x.includes(J.value)) : W.find((J) => J.value === x), k1 = S1((J) => {
-    var R1, E1;
-    !((R1 = r1.current) != null && R1.contains(J.target)) && !((E1 = q.current) != null && E1.contains(J.target)) && u(!1);
+    var R1, I1;
+    !((R1 = r1.current) != null && R1.contains(J.target)) && !((I1 = q.current) != null && I1.contains(J.target)) && u(!1);
   }, []), C1 = S1((J) => {
     J.key === "Escape" && u(!1);
   }, []), L1 = S1(
@@ -6633,26 +6633,26 @@ const M0 = ({
     ]
   ), T1 = S1(
     (J) => {
-      var R1, E1, $1, V1;
+      var R1, I1, $1, V1;
       if (J.key.length === 1 && !J.ctrlKey && !J.altKey && !J.metaKey) {
         i || u(!0), (R1 = Z1.current) == null || R1.focus();
         return;
       }
       if (!i && (J.key === "Enter" || J.key === "ArrowDown")) {
-        J.preventDefault(), u(!0), A(0), (E1 = Z1.current) == null || E1.focus();
+        J.preventDefault(), u(!0), A(0), (I1 = Z1.current) == null || I1.focus();
         return;
       }
       switch (J.key) {
         case "ArrowDown":
-          J.preventDefault(), ($1 = Z1.current) == null || $1.focus(), A((G1) => {
-            const q1 = G1 + 1;
-            return q1 >= i1.length ? 0 : q1;
+          J.preventDefault(), ($1 = Z1.current) == null || $1.focus(), A((J1) => {
+            const Q1 = J1 + 1;
+            return Q1 >= i1.length ? 0 : Q1;
           });
           break;
         case "ArrowUp":
-          J.preventDefault(), (V1 = Z1.current) == null || V1.focus(), A((G1) => {
-            const q1 = G1 - 1;
-            return q1 < 0 ? i1.length - 1 : q1;
+          J.preventDefault(), (V1 = Z1.current) == null || V1.focus(), A((J1) => {
+            const Q1 = J1 - 1;
+            return Q1 < 0 ? i1.length - 1 : Q1;
           });
           break;
         case "Enter":
@@ -6666,10 +6666,10 @@ const M0 = ({
           break;
         case "Backspace":
           if (b === "" && L && Array.isArray(x) && x.length > 0) {
-            const G1 = W.find(
-              (q1) => q1.value === x[x.length - 1]
+            const J1 = W.find(
+              (Q1) => Q1.value === x[x.length - 1]
             );
-            G1 && L1(G1);
+            J1 && L1(J1);
           }
           break;
       }
@@ -6686,10 +6686,10 @@ const M0 = ({
     ]
   ), B1 = S1(() => {
     if (!r1.current || !q.current) return;
-    const J = r1.current.getBoundingClientRect(), R1 = q.current.getBoundingClientRect(), E1 = window.scrollY || document.documentElement.scrollTop, $1 = window.scrollX || document.documentElement.scrollLeft, V1 = window.innerHeight - J.bottom, G1 = J.top, q1 = V1 < R1.height && G1 > V1;
+    const J = r1.current.getBoundingClientRect(), R1 = q.current.getBoundingClientRect(), I1 = window.innerHeight - J.bottom, $1 = J.top, V1 = I1 < R1.height && $1 > I1;
     t1({
-      top: q1 ? J.top - R1.height - 4 + E1 : J.bottom + 4 + E1,
-      left: J.left + $1
+      top: V1 ? J.top - R1.height - 4 : J.bottom + 4,
+      left: J.left
     });
   }, []);
   d0(() => {
@@ -6723,7 +6723,7 @@ const M0 = ({
     border: o,
     fallback: m ? "error" : G ? "focus" : "default",
     componentType: "input"
-  }), e1 = s ? N(s, r) : W1, j1 = c ? N(c, r) : z1, w1 = l ? N(l, r) : O1, _1 = o && w1 ? `${a}px ${n} ${w1}` : "none", t0 = Q1(p, r), K1 = A1(w, r), I1 = {
+  }), e1 = s ? N(s, r) : W1, j1 = c ? N(c, r) : z1, w1 = l ? N(l, r) : O1, _1 = o && w1 ? `${a}px ${n} ${w1}` : "none", t0 = q1(p, r), X1 = A1(w, r), E1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6780,9 +6780,9 @@ const M0 = ({
               color: F ? N("cool-gray-3", r) : j1,
               ...t0,
               width: "100%",
-              padding: I1.padding,
+              padding: E1.padding,
               cursor: F ? "not-allowed" : "pointer",
-              boxShadow: K1,
+              boxShadow: X1,
               ...f ? {
                 borderTop: "none",
                 borderRight: "none",
@@ -6823,7 +6823,8 @@ const M0 = ({
                         gap: 4,
                         overflowX: "auto",
                         flex: 1,
-                        minWidth: 0
+                        minWidth: 0,
+                        minHeight: E1.height - (parseInt(E1.padding) || 0) * 2
                       },
                       children: [
                         Array.isArray(m1) && m1.map((J) => /* @__PURE__ */ t.jsx(
@@ -6853,7 +6854,7 @@ const M0 = ({
                               border: "none",
                               outline: "none",
                               background: "transparent",
-                              fontSize: I1.fontSize,
+                              fontSize: E1.fontSize,
                               color: j1,
                               flexGrow: 1,
                               minWidth: 60,
@@ -6879,9 +6880,9 @@ const M0 = ({
                         backgroundColor: "transparent",
                         border: "none",
                         outline: "none",
-                        fontSize: I1.fontSize,
+                        fontSize: E1.fontSize,
                         color: j1,
-                        height: I1.height,
+                        height: E1.height,
                         cursor: F ? "not-allowed" : I ? "text" : "default"
                       }
                     }
@@ -6905,7 +6906,7 @@ const M0 = ({
                       {
                         className: "sud-select__count",
                         style: {
-                          fontSize: I1.fontSize,
+                          fontSize: E1.fontSize,
                           color: N("cool-gray-6", r),
                           whiteSpace: "nowrap"
                         },
@@ -6915,7 +6916,7 @@ const M0 = ({
                     k && !F && (L && (x == null ? void 0 : x.length) > 0 || !L && x) && /* @__PURE__ */ t.jsx(
                       Z0,
                       {
-                        size: I1.fontSize,
+                        size: E1.fontSize,
                         onClick: (J) => {
                           J.stopPropagation(), P1();
                         },
@@ -6976,18 +6977,18 @@ const M0 = ({
                   children: "검색 결과가 없습니다"
                 }
               ) : i1.map((J, R1) => {
-                const E1 = L ? x == null ? void 0 : x.includes(J.value) : x === J.value;
+                const I1 = L ? x == null ? void 0 : x.includes(J.value) : x === J.value;
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     ref: ($1) => Q.current[R1] = $1,
                     className: o1(
                       "sud-select__option",
-                      E1 ? "sud-select__option--selected" : "",
+                      I1 ? "sud-select__option--selected" : "",
                       R1 === Y ? "sud-select__option--focused" : ""
                     ),
                     role: "option",
-                    "aria-selected": E1,
+                    "aria-selected": I1,
                     "aria-disabled": F,
                     onClick: ($1) => {
                       $1.stopPropagation(), L1(J);
@@ -6995,18 +6996,18 @@ const M0 = ({
                     style: {
                       padding: "8px 12px",
                       cursor: F ? "not-allowed" : "pointer",
-                      fontSize: I1.fontSize,
-                      backgroundColor: E1 ? N("sky-1", r) : e1,
+                      fontSize: E1.fontSize,
+                      backgroundColor: I1 ? N("sky-1", r) : e1,
                       transition: "background-color 0.2s ease"
                     },
                     onMouseEnter: ($1) => {
-                      E1 || ($1.currentTarget.style.backgroundColor = N(
+                      I1 || ($1.currentTarget.style.backgroundColor = N(
                         "cool-gray-2",
                         r
                       ));
                     },
                     onMouseLeave: ($1) => {
-                      E1 || ($1.currentTarget.style.backgroundColor = e1);
+                      I1 || ($1.currentTarget.style.backgroundColor = e1);
                     },
                     children: J.label
                   },
@@ -7023,7 +7024,7 @@ const M0 = ({
             className: "sud-input__error",
             style: {
               marginTop: 4,
-              marginLeft: I1.padding
+              marginLeft: E1.padding
             },
             children: /* @__PURE__ */ t.jsx(
               c1,
@@ -7065,7 +7066,7 @@ const M0 = ({
   const S = b1(), D = (L) => typeof L == "object" ? L.value : L, m = (L) => typeof L == "object" ? L.label : L, k = (L) => typeof L == "object" && L.disabled, { bgColor: F } = h1({
     fallback: "hovered",
     componentType: "etc"
-  }), V = Q1(w, S), E = A1(p, S), I = (L, U) => {
+  }), V = q1(w, S), E = A1(p, S), I = (L, U) => {
     (L.key === "Enter" || L.key === " ") && (L.preventDefault(), l || o == null || o(U));
   };
   return /* @__PURE__ */ t.jsx(
@@ -7089,7 +7090,7 @@ const M0 = ({
       children: s.map((L, U) => {
         const W = D(L), B = m(L), _ = W === c, Z = l || k(L);
         return /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             onClick: () => !Z && (o == null ? void 0 : o(W)),
             onKeyDown: (O) => I(O, W),
@@ -7201,7 +7202,7 @@ const M0 = ({
   const V = b1(), { bgColor: E, txtColor: I, borColor: L } = h1({
     border: g,
     fallback: n
-  }), U = a ? N(a, V) : E, W = f ? N(f, V) : I, B = z ? N(z, V) : L, _ = g && B ? `${d}px ${h} ${B}` : "none", Z = C === "drawer" || m ? {} : Q1(x, V), O = A1(y, V), j = V.spacing;
+  }), U = a ? N(a, V) : E, W = f ? N(f, V) : I, B = z ? N(z, V) : L, _ = g && B ? `${d}px ${h} ${B}` : "none", Z = C === "drawer" || m ? {} : q1(x, V), O = A1(y, V), j = V.spacing;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -7420,7 +7421,7 @@ const M0 = ({
   }, [k, F]);
   const _1 = (s1, f1) => !s1 || !f1 ? !1 : d1(s1).isSame(d1(f1), "day"), t0 = (s1) => {
     P1(), r1(s1), s1 === "daily" && b(X);
-  }, K1 = F1(() => {
+  }, X1 = F1(() => {
     const s1 = [], f1 = d1(u), N1 = f1.startOf("month"), x1 = N1.day(), u0 = f1.daysInMonth(), a0 = f1.endOf("month").day(), w0 = x1 + u0 + (6 - a0);
     for (let r0 = 0; r0 < w0; r0++) {
       let i0, l0 = !0;
@@ -7437,15 +7438,15 @@ const M0 = ({
       s1.push({ date: i0.toDate(), inCurrentMonth: l0 });
     }
     return s1;
-  }, [u]), { bgColor: I1, txtColor: s0, borColor: J } = h1({
+  }, [u]), { bgColor: E1, txtColor: s0, borColor: J } = h1({
     border: w,
     fallback: d,
     componentType: "tag"
-  }), R1 = x ? N(x, W) : I1, E1 = N(y || "neutral-2", W), $1 = p ? N(p, W) : s0, V1 = v ? N(v, W) : J, G1 = w && V1 ? `${M}px ${$} ${V1}` : "none", q1 = (s1) => {
+  }), R1 = x ? N(x, W) : E1, I1 = N(y || "neutral-2", W), $1 = p ? N(p, W) : s0, V1 = v ? N(v, W) : J, J1 = w && V1 ? `${M}px ${$} ${V1}` : "none", Q1 = (s1) => {
     if (!I || I.length === 0) return !1;
     const f1 = d1(s1).format("YYYY-MM-DD");
     return I.includes(f1);
-  }, o0 = (s1, f1) => q1(f1) || s1 === 0 || s1 === 6 ? N("red-6", W) : "inherit", C0 = (s1) => {
+  }, o0 = (s1, f1) => Q1(f1) || s1 === 0 || s1 === 6 ? N("red-6", W) : "inherit", C0 = (s1) => {
     if (t1 === "year") {
       const N1 = d1(s1).startOf("month");
       b(N1), r1("month");
@@ -7586,7 +7587,7 @@ const M0 = ({
             },
             children: [
               /* @__PURE__ */ t.jsx(
-                J1,
+                K1,
                 {
                   onClick: c0,
                   size: "sm",
@@ -7644,7 +7645,7 @@ const M0 = ({
                 )
               ] }),
               /* @__PURE__ */ t.jsx(
-                J1,
+                K1,
                 {
                   onClick: Y1,
                   size: "sm",
@@ -7808,7 +7809,7 @@ const M0 = ({
                   children: Array.from({ length: 12 }, (s1, f1) => {
                     const x1 = d1(u).month(f1), u0 = x1.format("YYYY-MM"), y0 = o.filter(
                       (l0) => l0.date.slice(0, 7) === u0
-                    ), a0 = X.isSame(x1, "month"), w0 = A && d1(A).isSame(x1, "month"), r0 = a0 ? R1 : w0 ? E1 : "transparent", i0 = a0 ? $1 : "inherit";
+                    ), a0 = X.isSame(x1, "month"), w0 = A && d1(A).isSame(x1, "month"), r0 = a0 ? R1 : w0 ? I1 : "transparent", i0 = a0 ? $1 : "inherit";
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -7820,8 +7821,8 @@ const M0 = ({
                           transition: "background-color 0.2s ease",
                           backgroundColor: r0,
                           color: i0,
-                          borderTop: G1,
-                          borderBottom: G1,
+                          borderTop: J1,
+                          borderBottom: J1,
                           padding: r.cellPadding
                         },
                         children: [
@@ -7874,8 +7875,8 @@ const M0 = ({
                       gridTemplateColumns: "repeat(7, 1fr)",
                       textAlign: "center"
                     },
-                    children: K1.map(({ date: s1, inCurrentMonth: f1 }, N1) => {
-                      const x1 = d1(s1), u0 = _1(A, x1), y0 = _1(X, x1), a0 = x1.day(), w0 = N1 >= 35, r0 = x1.format("YYYY-MM-DD"), i0 = o.filter((U0) => U0.date === r0), l0 = m && (x1.isSame(P, "day") || x1.isSame(H, "day")), p0 = m && P && H && x1.isAfter(P, "day") && x1.isBefore(H, "day"), O0 = q1(x1) || a0 === 0 || a0 === 6, N2 = l0 || y0 || p0 ? $1 : f1 ? o0(a0, x1) : N("neutral-4", W), R2 = l0 || y0 || p0 ? R1 : u0 ? E1 : "transparent";
+                    children: X1.map(({ date: s1, inCurrentMonth: f1 }, N1) => {
+                      const x1 = d1(s1), u0 = _1(A, x1), y0 = _1(X, x1), a0 = x1.day(), w0 = N1 >= 35, r0 = x1.format("YYYY-MM-DD"), i0 = o.filter((U0) => U0.date === r0), l0 = m && (x1.isSame(P, "day") || x1.isSame(H, "day")), p0 = m && P && H && x1.isAfter(P, "day") && x1.isBefore(H, "day"), O0 = Q1(x1) || a0 === 0 || a0 === 6, N2 = l0 || y0 || p0 ? $1 : f1 ? o0(a0, x1) : N("neutral-4", W), R2 = l0 || y0 || p0 ? R1 : u0 ? I1 : "transparent";
                       let N0 = { ...L };
                       return O0 && (L.background && (N0.backgroundColor = N(
                         L.background,
@@ -7901,8 +7902,8 @@ const M0 = ({
                             padding: r.cellPadding,
                             cursor: "pointer",
                             transition: "background-color 0.2s ease",
-                            borderTop: G1,
-                            borderBottom: w0 ? G1 : "none",
+                            borderTop: J1,
+                            borderBottom: w0 ? J1 : "none",
                             border: j === "miniView" && "none",
                             color: N2,
                             backgroundColor: R2,
@@ -8131,7 +8132,7 @@ const M0 = ({
       ...C,
       children: [
         x && /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: "sud-carousel__btn sud-carousel__btn--left",
             icon: y,
@@ -8182,7 +8183,7 @@ const M0 = ({
           }
         ),
         x && /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: "sud-carousel__btn sud-carousel__btn--right",
             icon: p,
@@ -8240,7 +8241,7 @@ const M0 = ({
   }), _ = h ? N(h, m) : I, Z = d ? N(d, m) : U, O = a ? N(a, m) : L, j = y ? N(y, m) : W, R = p ? N(p, m) : B, r = n && O ? `${g}px ${f} ${O}` : "none", { bgColor: i, txtColor: u } = h1({
     border: !1,
     fallback: "disabled"
-  }), b = A1(w, m), P = Q1(C, m), T = m.spacing[M] || m.spacing.md, H = m.typography.fontSize[M === "md" ? "base" : M] || m.typography.fontSize.base;
+  }), b = A1(w, m), P = q1(C, m), T = m.spacing[M] || m.spacing.md, H = m.typography.fontSize[M === "md" ? "base" : M] || m.typography.fontSize.base;
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -8365,7 +8366,7 @@ const M0 = ({
   ariaDescribedby: k,
   ...F
 }) => {
-  const V = b1(), E = Q1(w, V), I = 9999, [L, U] = K(!1), [W, B] = K(!1), _ = u1();
+  const V = b1(), E = q1(w, V), I = 9999, [L, U] = K(!1), [W, B] = K(!1), _ = u1();
   v1(() => {
     s && B(!0);
   }, [s]), v1(() => {
@@ -8464,7 +8465,7 @@ const M0 = ({
       children: [
         /* @__PURE__ */ t.jsx(c1, { as: "h2", size: "lg", pretendard: "SB", color: h, children: o }),
         /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: "sud-drawer__close",
             colorType: "text",
@@ -8486,7 +8487,7 @@ const M0 = ({
       children: [
         o,
         /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: "sud-drawer__close",
             colorType: "text",
@@ -8614,7 +8615,7 @@ const M0 = ({
   if (d && d.includes("/")) {
     const [I, L] = d.split("/").map(Number);
   }
-  const m = A1(y, M), k = Q1(x, M), F = `sud-image ${n}`, V = {
+  const m = A1(y, M), k = q1(x, M), F = `sud-image ${n}`, V = {
     position: "relative",
     display: "inline-block",
     width: o ? typeof o == "number" ? `${o}px` : o : "auto",
@@ -9202,7 +9203,7 @@ const g3 = ({
         "..."
       );
     const F = m === p, V = F ? g : z;
-    return x0(J1, {
+    return x0(K1, {
       key: `page-${m}`,
       onClick: () => {
         m !== p && $(m);
@@ -10033,7 +10034,7 @@ const j3 = ({
       lg: { padding: "16px 20px", fontSize: 16 }
     }),
     []
-  ), j = O[l] || O.md, R = Q1(a, m), r = A1(f, m), i = j.padding, u = S1(
+  ), j = O[l] || O.md, R = q1(a, m), r = A1(f, m), i = j.padding, u = S1(
     (q, Q) => typeof o == "function" ? o(q) : q[o] ?? Q,
     [o]
   ), b = F1(() => {
@@ -10568,7 +10569,7 @@ const f0 = ({
   v1(() => {
     v && H.current && H.current.focus();
   }, [v]);
-  const t1 = s ? N(s, T) : G, r1 = c ? N(c, T) : X, Z1 = l ? N(l, T) : n1, q = o && Z1 ? `${a}px ${n} ${Z1}` : "none", Q = Q1(E, T), i1 = A1(I, T), m1 = {
+  const t1 = s ? N(s, T) : G, r1 = c ? N(c, T) : X, Z1 = l ? N(l, T) : n1, q = o && Z1 ? `${a}px ${n} ${Z1}` : "none", Q = q1(E, T), i1 = A1(I, T), m1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10849,7 +10850,7 @@ const f0 = ({
   v1(() => {
     x && b.current && b.current.focus();
   }, [x]);
-  const n1 = s ? N(s, u) : A, t1 = c ? N(c, u) : G, r1 = l ? N(l, u) : X, Z1 = o && r1 ? `${a}px ${n} ${r1}` : "none", q = Q1(M, u), Q = A1(C, u), i1 = {
+  const n1 = s ? N(s, u) : A, t1 = c ? N(c, u) : G, r1 = l ? N(l, u) : X, Z1 = o && r1 ? `${a}px ${n} ${r1}` : "none", q = q1(M, u), Q = A1(C, u), i1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -11093,7 +11094,7 @@ const f0 = ({
   v1(() => {
     x && Z.current[0] && Z.current[0].focus();
   }, [x]);
-  const r = c ? N(c, _) : R, i = Q1(M, _), u = A1(C, _), b = {
+  const r = c ? N(c, _) : R, i = q1(M, _), u = A1(C, _), b = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -12259,7 +12260,7 @@ const I9 = {
         }
       ),
       children: n || /* @__PURE__ */ t.jsx(
-        J1,
+        K1,
         {
           size: h,
           style: g,
@@ -14219,7 +14220,7 @@ const k3 = {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                J1,
+                K1,
                 {
                   className: "sud-notification__close",
                   colorType: "text",
@@ -14348,7 +14349,7 @@ const k3 = {
                 pointerEvents: E ? "auto" : "none"
               },
               children: /* @__PURE__ */ t.jsx(
-                J1,
+                K1,
                 {
                   className: "sud-float-button__action",
                   ...Z,
@@ -14378,7 +14379,7 @@ const k3 = {
           );
         }),
         /* @__PURE__ */ t.jsx(
-          J1,
+          K1,
           {
             className: o1("sud-float-button", V),
             icon: s,
@@ -14910,7 +14911,7 @@ const s3 = ({ isOpen: s, children: c }) => {
   shadow: S,
   style: D = {}
 }) => {
-  const m = b1(), k = Q1(C, m), F = A1(S, m), [V, E] = K(
+  const m = b1(), k = q1(C, m), F = A1(S, m), [V, E] = K(
     o || ""
   ), [I, L] = K([]), U = c || V, W = (T) => {
     c === void 0 && E(T), l == null || l(T);
@@ -15393,7 +15394,7 @@ export {
   F0 as Avatar,
   d3 as Badge,
   T3 as Breadcrumb,
-  J1 as Button,
+  K1 as Button,
   O9 as Calendar,
   m0 as Card,
   h3 as Carousel,
@@ -15452,7 +15453,7 @@ export {
   o3 as getColorWithIntensity,
   g0 as getFontStyles,
   A1 as getShadowStyle,
-  Q1 as getShapeStyles,
+  q1 as getShapeStyles,
   o1 as mergeClassNames,
   k3 as notification,
   Y2 as parseColorString,