sud-ui 1.2.3 → 1.2.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import H1, { createContext as D2, useEffect as v1, useContext as B2, useRef as u1, useState as K, useCallback as S1, useLayoutEffect as d0, useMemo as F1, cloneElement as b0, Children as M2, isValidElement as Z2, createElement as x0, useId as C2, forwardRef as W0 } from "react";
+import A1, { createContext as D2, useEffect as v1, useContext as B2, useRef as u1, useState as K, useCallback as S1, useLayoutEffect as d0, useMemo as F1, cloneElement as b0, Children as M2, isValidElement as Z2, createElement as x0, useId as C2, forwardRef as W0 } from "react";
 import { createPortal as j0 } from "react-dom";
 function H2(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function x(r) {
       typeof r == "object" && r !== null && r.$$typeof === p && r._store && (r._store.validated = 1);
     }
-    var y = H1, p = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), L = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, W = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var y = A1, p = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), L = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, W = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -913,7 +913,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
 }, o3 = (s, c = 1, o) => {
   var l;
   return (l = o == null ? void 0 : o.colors) != null && l[s] && o.colors[s][c] || s;
-}, o1 = (...s) => s.filter(Boolean).join(" "), A1 = (s = "", c) => {
+}, o1 = (...s) => s.filter(Boolean).join(" "), E1 = (s = "", c) => {
   var o;
   return (o = c == null ? void 0 : c.shadows) != null && o[s] ? c.shadows[s] : "none";
 }, q1 = (s = "rounded", c) => {
@@ -970,7 +970,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   const p = b1(), { bgColor: w, txtColor: v, borColor: $ } = h1({
     border: n,
     fallback: c
-  }), M = o ? N(o, p) : w, C = l ? N(l, p) : v, S = a ? N(a, p) : $, D = n && S ? `${g}px ${f} ${S}` : "none", m = A1(z, p), k = (F) => {
+  }), M = o ? N(o, p) : w, C = l ? N(l, p) : v, S = a ? N(a, p) : $, D = n && S ? `${g}px ${f} ${S}` : "none", m = E1(z, p), k = (F) => {
     h && h(F);
   };
   return /* @__PURE__ */ t.jsx(
@@ -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 = E1(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);
@@ -1349,9 +1349,9 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         j1 && j1.forEach((w1) => {
           var t0, X1;
           const _1 = Array.from(B0).find(
-            (E1) => {
+            (H1) => {
               var s0, J;
-              return ((J = (s0 = E1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
+              return ((J = (s0 = H1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
             }
           );
           (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 = E1(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"
-    }, [X1, E1] = a.split("-");
+    }, [X1, H1] = a.split("-");
     let J = ((C0, c0) => {
       switch (C0) {
         case "top": {
@@ -1433,7 +1433,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         default:
           return {};
       }
-    })(X1, E1);
+    })(X1, H1);
     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 };
@@ -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), X1 = !j1 && w1 ? t0 : 0, E1 = {
+      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, H1 = {
         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,7 +1483,7 @@ 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 : E1[a],
+        background: j1 ? void 0 : H1[a],
         backgroundColor: j1 ? T1 ?? C1 : void 0,
         boxShadow: j1 ? P1 : void 0
       }, J = {
@@ -1522,8 +1522,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   return v1(() => {
     if (n !== "hover") return;
     const e1 = (j1) => {
-      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(
+      var H1, s0;
+      const w1 = document.elementFromPoint(j1.clientX, j1.clientY), _1 = (H1 = j.current) == null ? void 0 : H1.contains(w1), t0 = (s0 = r.current) == null ? void 0 : s0.contains(w1), X1 = G2(
         r,
         w1,
         G0,
@@ -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 = E1(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",
@@ -1727,7 +1727,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
       color: I,
       children: _.charAt(0)
     }
-  ) : H1.cloneElement(_, {
+  ) : A1.cloneElement(_, {
     size: m * 0.5,
     color: I
   }) : null), O = (j) => {
@@ -2010,7 +2010,7 @@ const q2 = {
               background: I,
               color: L,
               border: W,
-              boxShadow: A1(p, k),
+              boxShadow: E1(p, k),
               display: "flex",
               justifyContent: "center",
               alignItems: "center",
@@ -2578,7 +2578,7 @@ React keys must be passed directly to JSX without using spread:
     function x(r) {
       typeof r == "object" && r !== null && r.$$typeof === p && r._store && (r._store.validated = 1);
     }
-    var y = H1, p = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), L = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, W = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var y = A1, p = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), L = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, W = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -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 = E1(p, C), U = {
     sm: C.typography.fontSize.sm,
     md: C.typography.fontSize.base,
     lg: C.typography.fontSize.lg
@@ -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), X1 = A1(w, r), E1 = {
+  }), 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 = E1(w, r), H1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6780,7 +6780,7 @@ const M0 = ({
               color: F ? N("cool-gray-3", r) : j1,
               ...t0,
               width: "100%",
-              padding: E1.padding,
+              padding: H1.padding,
               cursor: F ? "not-allowed" : "pointer",
               boxShadow: X1,
               ...f ? {
@@ -6824,7 +6824,7 @@ const M0 = ({
                         overflowX: "auto",
                         flex: 1,
                         minWidth: 0,
-                        minHeight: E1.height - (parseInt(E1.padding) || 0) * 2
+                        minHeight: H1.height - (parseInt(H1.padding) || 0) * 2
                       },
                       children: [
                         Array.isArray(m1) && m1.map((J) => /* @__PURE__ */ t.jsx(
@@ -6854,10 +6854,12 @@ const M0 = ({
                               border: "none",
                               outline: "none",
                               background: "transparent",
-                              fontSize: E1.fontSize,
+                              fontSize: H1.fontSize,
                               color: j1,
                               flexGrow: 1,
-                              minWidth: 60,
+                              maxWidth: "100%",
+                              height: H1.height,
+                              minWidth: 0,
                               cursor: F ? "not-allowed" : "text"
                             }
                           }
@@ -6876,13 +6878,14 @@ const M0 = ({
                       placeholder: m1 ? "" : B,
                       style: {
                         margin: 0,
+                        maxWidth: "100%",
                         flex: 1,
                         backgroundColor: "transparent",
                         border: "none",
                         outline: "none",
-                        fontSize: E1.fontSize,
+                        fontSize: H1.fontSize,
                         color: j1,
-                        height: E1.height,
+                        height: H1.height,
                         cursor: F ? "not-allowed" : I ? "text" : "default"
                       }
                     }
@@ -6906,7 +6909,7 @@ const M0 = ({
                       {
                         className: "sud-select__count",
                         style: {
-                          fontSize: E1.fontSize,
+                          fontSize: H1.fontSize,
                           color: N("cool-gray-6", r),
                           whiteSpace: "nowrap"
                         },
@@ -6916,7 +6919,7 @@ const M0 = ({
                     k && !F && (L && (x == null ? void 0 : x.length) > 0 || !L && x) && /* @__PURE__ */ t.jsx(
                       Z0,
                       {
-                        size: E1.fontSize,
+                        size: H1.fontSize,
                         onClick: (J) => {
                           J.stopPropagation(), P1();
                         },
@@ -6953,7 +6956,7 @@ const M0 = ({
                 transition: "opacity 0.2s ease",
                 pointerEvents: "auto",
                 borderRadius: 6,
-                boxShadow: A1("md", r),
+                boxShadow: E1("md", r),
                 color: j1,
                 zIndex: 1e4,
                 background: e1,
@@ -6996,7 +6999,7 @@ const M0 = ({
                     style: {
                       padding: "8px 12px",
                       cursor: F ? "not-allowed" : "pointer",
-                      fontSize: E1.fontSize,
+                      fontSize: H1.fontSize,
                       backgroundColor: I1 ? N("sky-1", r) : e1,
                       transition: "background-color 0.2s ease"
                     },
@@ -7024,7 +7027,7 @@ const M0 = ({
             className: "sud-input__error",
             style: {
               marginTop: 4,
-              marginLeft: E1.padding
+              marginLeft: H1.padding
             },
             children: /* @__PURE__ */ t.jsx(
               c1,
@@ -7066,7 +7069,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 = E1(p, S), I = (L, U) => {
     (L.key === "Enter" || L.key === " ") && (L.preventDefault(), l || o == null || o(U));
   };
   return /* @__PURE__ */ t.jsx(
@@ -7202,7 +7205,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 = E1(y, V), j = V.spacing;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -7391,7 +7394,7 @@ const M0 = ({
   // 공휴일 칸 스타일 추가
   ...U
 }) => {
-  const W = b1(), B = $9(h), _ = H1.useRef(null), [Z, O] = K(0), [j, R] = K(V);
+  const W = b1(), B = $9(h), _ = A1.useRef(null), [Z, O] = K(0), [j, R] = K(V);
   v1(() => {
     const s1 = () => {
       if (_.current) {
@@ -7438,11 +7441,11 @@ const M0 = ({
       s1.push({ date: i0.toDate(), inCurrentMonth: l0 });
     }
     return s1;
-  }, [u]), { bgColor: E1, txtColor: s0, borColor: J } = h1({
+  }, [u]), { bgColor: H1, txtColor: s0, borColor: J } = h1({
     border: w,
     fallback: d,
     componentType: "tag"
-  }), 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) => {
+  }), R1 = x ? N(x, W) : H1, 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);
@@ -8241,7 +8244,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 = E1(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",
     {
@@ -8615,7 +8618,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 = E1(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",
@@ -9157,7 +9160,7 @@ const g3 = ({
   align: d = "left",
   ...x
 }) => {
-  const y = b1(), [p, w] = H1.useState(s), v = Math.ceil(c / o), $ = (m) => {
+  const y = b1(), [p, w] = A1.useState(s), v = Math.ceil(c / o), $ = (m) => {
     w(m), l == null || l(m);
   }, M = () => {
     switch (d) {
@@ -9674,7 +9677,7 @@ const g3 = ({
 .sud-timeline__item-head:hover {
   transform: scale(1.1);
 }
-`, B9 = H1.memo(
+`, B9 = A1.memo(
   ({ items: s = [], mode: c = "left", style: o = {}, className: l, ...n }) => {
     const f = F1(
       () => s.some((d) => d.label),
@@ -9758,7 +9761,7 @@ const g3 = ({
   }
 );
 B9.displayName = "Timeline";
-const T2 = H1.memo(
+const T2 = A1.memo(
   ({
     dot: s,
     color: c = "cerulean",
@@ -9828,7 +9831,7 @@ const T2 = H1.memo(
         animationDelay: `${p}ms`
       }),
       [p]
-    ), L = H1.isValidElement(s) ? H1.cloneElement(s, {
+    ), L = A1.isValidElement(s) ? A1.cloneElement(s, {
       size: ((U = s.props) == null ? void 0 : U.size) || d,
       color: ((W = s.props) == null ? void 0 : W.color) || v
     }) : /* @__PURE__ */ t.jsx(p9, { size: d, color: v });
@@ -10034,7 +10037,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 = E1(f, m), i = j.padding, u = S1(
     (q, Q) => typeof o == "function" ? o(q) : q[o] ?? Q,
     [o]
   ), b = F1(() => {
@@ -10569,7 +10572,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 = E1(I, T), m1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10850,7 +10853,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 = E1(C, u), i1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -11094,7 +11097,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 = E1(C, _), b = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -11314,7 +11317,7 @@ const E9 = ({
     border: z,
     fallback: M,
     componentType: "button"
-  }), Y = A1(m, Z), A = g ? N(g, Z) : T;
+  }), Y = E1(m, Z), A = g ? N(g, Z) : T;
   x && N(x, Z);
   const G = {
     sm: { width: 8, height: 240, thumb: 16, fontSize: 14 },
@@ -12094,7 +12097,7 @@ const I9 = {
         gap: 4,
         padding: 4
       },
-      children: Object.entries(I9).map(([r, i]) => /* @__PURE__ */ t.jsx(H1.Fragment, { children: Object.entries(i).map(([u, b]) => /* @__PURE__ */ t.jsx(
+      children: Object.entries(I9).map(([r, i]) => /* @__PURE__ */ t.jsx(A1.Fragment, { children: Object.entries(i).map(([u, b]) => /* @__PURE__ */ t.jsx(
         "div",
         {
           onClick: () => Z(Q0(b)),
@@ -12587,7 +12590,7 @@ const b3 = ({
     () => z ? N(z, $) : V,
     [z, V, $]
   ), L = S1(
-    (j) => H1.isValidElement(w) ? H1.cloneElement(w, { color: j, size: h }) : w === "heart" ? /* @__PURE__ */ t.jsx(m9, { size: h, color: j }) : /* @__PURE__ */ t.jsx(g9, { size: h, color: j }),
+    (j) => A1.isValidElement(w) ? A1.cloneElement(w, { color: j, size: h }) : w === "heart" ? /* @__PURE__ */ t.jsx(m9, { size: h, color: j }) : /* @__PURE__ */ t.jsx(g9, { size: h, color: j }),
     [w, h]
   ), U = S1(() => {
     const j = {
@@ -12722,7 +12725,7 @@ const b3 = ({
     k || m(H), o == null || o(H), V.current && l2(V.current), $0(T.currentTarget);
   }, Z = (T) => {
     l || (T.key === "Enter" || T.key === " ") && (T.preventDefault(), _(T));
-  }, O = A1(d, S), { bgColor: j } = h1({
+  }, O = E1(d, S), { bgColor: j } = h1({
     border: !1,
     fallback: p,
     componentType: "button"
@@ -13230,7 +13233,7 @@ const e2 = {
     border: !1,
     fallback: c,
     componentType: "toast"
-  }), d = z.spacing, x = () => a ? H1.cloneElement(a, { size: 18 }) : Y9(c, h);
+  }), d = z.spacing, x = () => a ? A1.cloneElement(a, { size: 18 }) : Y9(c, h);
   return /* @__PURE__ */ t.jsxs(
     m0,
     {
@@ -13721,7 +13724,7 @@ const e2 = {
     }
   }, { barHeight: V, circleSize: E, strokeWidth: I, fontSize: L } = F[x], U = typeof y == "number" ? y : L, { unitFontSize: W } = F[x];
   if (s === "bar") {
-    const P = d.startsWith("inside"), T = P ? S : D, H = c === o ? a && H1.cloneElement(a, { color: T }) : f ? H1.cloneElement(f, { color: T }) : /* @__PURE__ */ t.jsxs(
+    const P = d.startsWith("inside"), T = P ? S : D, H = c === o ? a && A1.cloneElement(a, { color: T }) : f ? A1.cloneElement(f, { color: T }) : /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "sud-progress__text-container",
@@ -13820,7 +13823,7 @@ const e2 = {
       }
     );
   }
-  const B = E / 2, _ = B - I / 2, Z = 2 * Math.PI * _, O = s === "dashboard", r = (O ? 270 : 360) / 360 * Z, i = O ? `${r} ${Z}` : `${Z}`, u = O ? r * (1 - M / 100) : Z * (1 - M / 100), b = c === o ? a && H1.cloneElement(a, { color: D }) : f ? H1.cloneElement(f, { color: D }) : n && /* @__PURE__ */ t.jsxs(
+  const B = E / 2, _ = B - I / 2, Z = 2 * Math.PI * _, O = s === "dashboard", r = (O ? 270 : 360) / 360 * Z, i = O ? `${r} ${Z}` : `${Z}`, u = O ? r * (1 - M / 100) : Z * (1 - M / 100), b = c === o ? a && A1.cloneElement(a, { color: D }) : f ? A1.cloneElement(f, { color: D }) : n && /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "sud-progress__text-container",
@@ -14489,7 +14492,7 @@ const k3 = {
     const M = b1(), { bgColor: C, txtColor: S, borColor: D } = h1({
       border: p,
       fallback: l
-    }), m = c ? N(c, M) : C, k = o ? N(o, M) : S, F = n ? N(n, M) : D, V = p && F ? `${f}px ${a} ${F}` : "none", E = z === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, I = A1(d, M);
+    }), m = c ? N(c, M) : C, k = o ? N(o, M) : S, F = n ? N(n, M) : D, V = p && F ? `${f}px ${a} ${F}` : "none", E = z === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, I = E1(d, M);
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14551,7 +14554,7 @@ const Q9 = W0(
     const { bgColor: F, txtColor: V, borColor: E } = h1({
       border: $,
       fallback: o
-    }), I = c ? N(c, k) : F, L = l ? N(l, k) : V, U = n ? N(n, k) : E, W = $ && U ? `${f}px ${a} ${U}` : "none", B = A1(x, k), _ = z === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
+    }), I = c ? N(c, k) : F, L = l ? N(l, k) : V, U = n ? N(n, k) : E, W = $ && U ? `${f}px ${a} ${U}` : "none", B = E1(x, k), _ = z === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14660,7 +14663,7 @@ const t3 = W0(
     const { bgColor: k, txtColor: F, borColor: V } = h1({
       border: v,
       fallback: l
-    }), E = c ? N(c, m) : k, I = o ? N(o, m) : F, L = n ? N(n, m) : V, U = v && L ? `${f}px ${a} ${L}` : "none", W = A1(x, m), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
+    }), E = c ? N(c, m) : k, I = o ? N(o, m) : F, L = n ? N(n, m) : V, U = v && L ? `${f}px ${a} ${L}` : "none", W = E1(x, m), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -14764,7 +14767,7 @@ const s3 = ({ isOpen: s, children: c }) => {
         className: "sud-accordion__sub-wrapper",
         style: { listStyle: "none", margin: 0, padding: 0 },
         children: s.children.map((S, D) => /* @__PURE__ */ t.jsxs(
-          H1.Fragment,
+          A1.Fragment,
           {
             children: [
               /* @__PURE__ */ t.jsx(
@@ -14832,7 +14835,7 @@ const s3 = ({ isOpen: s, children: c }) => {
               className: "sud-accordion__item-content",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                s.icon && /* @__PURE__ */ t.jsx("span", { children: H1.cloneElement(s.icon, { color: C }) }),
+                s.icon && /* @__PURE__ */ t.jsx("span", { children: A1.cloneElement(s.icon, { color: C }) }),
                 typeof s.label == "string" ? /* @__PURE__ */ t.jsx(
                   c1,
                   {
@@ -14867,7 +14870,7 @@ const s3 = ({ isOpen: s, children: c }) => {
         id: `accordion-content-${s.key}`,
         role: "region",
         "aria-labelledby": `accordion-header-${s.key}`,
-        children: s.children.map((S, D) => /* @__PURE__ */ t.jsxs(H1.Fragment, { children: [
+        children: s.children.map((S, D) => /* @__PURE__ */ t.jsxs(A1.Fragment, { children: [
           /* @__PURE__ */ t.jsx(
             c2,
             {
@@ -14911,7 +14914,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 = E1(S, m), [V, E] = K(
     o || ""
   ), [I, L] = K([]), U = c || V, W = (T) => {
     c === void 0 && E(T), l == null || l(T);
@@ -14948,7 +14951,7 @@ const s3 = ({ isOpen: s, children: c }) => {
         ...k,
         ...D
       },
-      children: /* @__PURE__ */ t.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: s.map((T, H) => /* @__PURE__ */ t.jsxs(H1.Fragment, { children: [
+      children: /* @__PURE__ */ t.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: s.map((T, H) => /* @__PURE__ */ t.jsxs(A1.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           c2,
           {
@@ -15153,7 +15156,7 @@ const s3 = ({ isOpen: s, children: c }) => {
       role: "menu",
       "aria-orientation": k ? "horizontal" : "vertical",
       ...I,
-      children: s.map((j, R) => /* @__PURE__ */ t.jsxs(H1.Fragment, { children: [
+      children: s.map((j, R) => /* @__PURE__ */ t.jsxs(A1.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           c3,
           {
@@ -15452,7 +15455,7 @@ export {
   I0 as defaultTheme,
   o3 as getColorWithIntensity,
   g0 as getFontStyles,
-  A1 as getShadowStyle,
+  E1 as getShadowStyle,
   q1 as getShapeStyles,
   o1 as mergeClassNames,
   k3 as notification,