sud-ui 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +357 -351
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -54,7 +54,7 @@ function L2() {
54
54
  return r.$$typeof === P ? null : r.displayName || r.name || null;
55
55
  if (typeof r == "string") return r;
56
56
  switch (r) {
57
- case y:
57
+ case b:
58
58
  return "Fragment";
59
59
  case C:
60
60
  return "Profiler";
@@ -112,7 +112,7 @@ function L2() {
112
112
  }
113
113
  }
114
114
  function l(r) {
115
- if (r === y) return "<>";
115
+ if (r === b) return "<>";
116
116
  if (typeof r == "object" && r !== null && r.$$typeof === H)
117
117
  return "<...>";
118
118
  try {
@@ -204,7 +204,7 @@ function L2() {
204
204
  var G = Object.keys(p).filter(function(c0) {
205
205
  return c0 !== "key";
206
206
  });
207
- D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", b[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
207
+ D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", y[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
208
208
  `A props object containing a "key" prop is being spread into JSX:
209
209
  let props = %s;
210
210
  <%s {...props} />
@@ -215,7 +215,7 @@ React keys must be passed directly to JSX without using spread:
215
215
  A,
216
216
  G,
217
217
  A
218
- ), b[A + D] = !0);
218
+ ), y[A + D] = !0);
219
219
  }
220
220
  if (A = null, g !== void 0 && (o(g), A = "" + g), u(p) && (o(p.key), A = "" + p.key), "key" in p) {
221
221
  g = {};
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
239
239
  function m(r) {
240
240
  typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
241
241
  }
242
- var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
242
+ var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
243
243
  return null;
244
244
  };
245
245
  j = {
@@ -250,8 +250,8 @@ React keys must be passed directly to JSX without using spread:
250
250
  var $, x = {}, F = j["react-stack-bottom-frame"].bind(
251
251
  j,
252
252
  a
253
- )(), d = B(l(a)), b = {};
254
- b1.Fragment = y, b1.jsx = function(r, p, g, D, U) {
253
+ )(), d = B(l(a)), y = {};
254
+ b1.Fragment = b, b1.jsx = function(r, p, g, D, U) {
255
255
  var T = 1e4 > k.recentlyCreatedOwnerStacks++;
256
256
  return i(
257
257
  r,
@@ -1014,13 +1014,13 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1014
1014
  style: m = {},
1015
1015
  ...j
1016
1016
  }) => {
1017
- const f = g0(), Z = z, { fontSize: y, fontWeight: O } = h1({ size: u, weight: v, theme: f }), C = h ? L(h, f) : void 0, w = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, _ = !w;
1017
+ const f = g0(), Z = z, { fontSize: b, fontWeight: O } = h1({ size: u, weight: v, theme: f }), C = h ? L(h, f) : void 0, w = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, _ = !w;
1018
1018
  return /* @__PURE__ */ t.jsx(
1019
1019
  Z,
1020
1020
  {
1021
1021
  className: n0("sud-typography", i),
1022
1022
  style: {
1023
- fontSize: y,
1023
+ fontSize: b,
1024
1024
  fontWeight: _ ? O : void 0,
1025
1025
  fontFamily: w,
1026
1026
  color: C,
@@ -1047,10 +1047,10 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1047
1047
  style: m = {},
1048
1048
  ...j
1049
1049
  }) => {
1050
- const f = g0(), { txtColor: Z, borColor: y } = i0({
1050
+ const f = g0(), { txtColor: Z, borColor: b } = i0({
1051
1051
  border: n,
1052
1052
  fallback: v
1053
- }), O = a ? L(a, f) : Z, C = u ? L(u, f) : y, w = n && C ? `${o}px ${l} ${C}` : "none", _ = (R) => s ? i ? 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 };
1053
+ }), O = a ? L(a, f) : Z, C = u ? L(u, f) : b, w = n && C ? `${o}px ${l} ${C}` : "none", _ = (R) => s ? i ? 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 };
1054
1054
  return /* @__PURE__ */ t.jsxs(
1055
1055
  "div",
1056
1056
  {
@@ -1178,7 +1178,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1178
1178
  disabled: j = !1,
1179
1179
  loading: f = !1,
1180
1180
  loadingText: Z = "",
1181
- loadingType: y = "default",
1181
+ loadingType: b = "default",
1182
1182
  loadingPosition: O = "right",
1183
1183
  shape: C = "rounded",
1184
1184
  shadow: w = "sm",
@@ -1193,7 +1193,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1193
1193
  const P = g0(), k = h0(), { bgColor: W, txtColor: Y, borColor: B } = i0({
1194
1194
  border: n,
1195
1195
  fallback: j ? "disabled" : c
1196
- }), $ = o ? L(o, P) : W, x = l ? L(l, P) : Y, F = a ? L(a, P) : B, d = n && F ? `${v}px ${u} ${F}` : "none", b = G0(C, P), r = D0(w, P);
1196
+ }), $ = o ? L(o, P) : W, x = l ? L(l, P) : Y, F = a ? L(a, P) : B, d = n && F ? `${v}px ${u} ${F}` : "none", y = G0(C, P), r = D0(w, P);
1197
1197
  let p = {};
1198
1198
  typeof V == "string" && (V === "sm" ? p = { padding: "4px 10px", fontSize: "0.875rem" } : V === "md" ? p = { padding: "6px 16px", fontSize: "1rem" } : V === "lg" && (p = { padding: "10px 20px", fontSize: "1.125rem" })), v0(() => {
1199
1199
  B2("sud-button-styles", V2);
@@ -1221,7 +1221,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1221
1221
  color: x,
1222
1222
  border: d,
1223
1223
  boxShadow: c === "text" ? "none" : r,
1224
- ...b,
1224
+ ...y,
1225
1225
  ...p,
1226
1226
  ..._
1227
1227
  },
@@ -1239,7 +1239,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1239
1239
  {
1240
1240
  className: n0(
1241
1241
  "sud-button__spinner",
1242
- r2(y)
1242
+ r2(b)
1243
1243
  ),
1244
1244
  style: {
1245
1245
  borderColor: x,
@@ -1255,7 +1255,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1255
1255
  {
1256
1256
  className: n0(
1257
1257
  "sud-button__spinner",
1258
- r2(y)
1258
+ r2(b)
1259
1259
  ),
1260
1260
  style: {
1261
1261
  borderColor: x,
@@ -1310,7 +1310,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1310
1310
  divider: j = !1,
1311
1311
  background: f,
1312
1312
  color: Z,
1313
- border: y = !0,
1313
+ border: b = !0,
1314
1314
  borderColor: O,
1315
1315
  borderType: C = "solid",
1316
1316
  borderWeight: w = 1,
@@ -1327,7 +1327,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1327
1327
  onConfirm: Y,
1328
1328
  ...B
1329
1329
  }) => {
1330
- const $ = g0(), [x, F] = q(v), d = h0(null), b = h0(null), r = H || b, p = h0(null), g = h0({}), [D, U] = q(!1), [T, I] = q({
1330
+ const $ = g0(), [x, F] = q(v), d = h0(null), y = h0(null), r = H || y, p = h0(null), g = h0({}), [D, U] = q(!1), [T, I] = q({
1331
1331
  position: "fixed",
1332
1332
  top: "-9999px",
1333
1333
  left: "-9999px",
@@ -1382,9 +1382,9 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1382
1382
  return document.addEventListener("click", r0, !0), () => document.removeEventListener("mousedown", r0);
1383
1383
  }, [n, X, l0]);
1384
1384
  const { bgColor: d0, txtColor: C0, borColor: R0 } = i0({
1385
- border: y,
1385
+ border: b,
1386
1386
  fallback: M
1387
- }), w0 = f ? L(f, $) : d0, F0 = Z ? L(Z, $) : C0, S0 = O ? L(O, $) : R0, N0 = y && S0 ? `${w}px ${C} ${S0}` : "none", X0 = D0(R, $), I0 = G0(_), k0 = Z0(() => {
1387
+ }), w0 = f ? L(f, $) : d0, F0 = Z ? L(Z, $) : C0, S0 = O ? L(O, $) : R0, N0 = b && S0 ? `${w}px ${C} ${S0}` : "none", X0 = D0(R, $), I0 = G0(_), k0 = Z0(() => {
1388
1388
  if (!d.current || !r.current) return {};
1389
1389
  const r0 = d.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, $0 = window.scrollX || document.documentElement.scrollLeft, J0 = {
1390
1390
  position: "fixed",
@@ -1683,7 +1683,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1683
1683
  borderWeight: j = 1,
1684
1684
  shadow: f = "none",
1685
1685
  style: Z = {},
1686
- className: y = "",
1686
+ className: b = "",
1687
1687
  onClick: O,
1688
1688
  onKeyDown: C,
1689
1689
  tabIndex: w = 0,
@@ -1724,7 +1724,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1724
1724
  return /* @__PURE__ */ t.jsx(
1725
1725
  "div",
1726
1726
  {
1727
- className: `sud-avatar ${y}`,
1727
+ className: `sud-avatar ${b}`,
1728
1728
  role: "img",
1729
1729
  "aria-label": o || "아바타 이미지",
1730
1730
  tabIndex: O ? w : void 0,
@@ -1768,7 +1768,7 @@ w1.Group = ({
1768
1768
  style: j,
1769
1769
  className: f,
1770
1770
  zIndexStart: Z = 10,
1771
- gap: y = 0.6,
1771
+ gap: b = 0.6,
1772
1772
  "aria-label": O = "아바타 그룹"
1773
1773
  }) => {
1774
1774
  const C = s.slice(0, c), w = s.slice(c), _ = z0(() => {
@@ -1779,8 +1779,8 @@ w1.Group = ({
1779
1779
  lg: 56,
1780
1780
  xl: 64
1781
1781
  }[o];
1782
- return Math.floor(M * y);
1783
- }, [o, y]), R = typeof o == "number" ? o : L1[o] || L1.md;
1782
+ return Math.floor(M * b);
1783
+ }, [o, b]), R = typeof o == "number" ? o : L1[o] || L1.md;
1784
1784
  return /* @__PURE__ */ t.jsxs(
1785
1785
  "div",
1786
1786
  {
@@ -1963,7 +1963,7 @@ const W2 = {
1963
1963
  borderWeight: j = 1,
1964
1964
  shadow: f = "none",
1965
1965
  size: Z = "sm",
1966
- offsetRatio: y = 0.25,
1966
+ offsetRatio: b = 0.25,
1967
1967
  label: O = !1,
1968
1968
  className: C = "",
1969
1969
  style: w = {},
@@ -1993,7 +1993,7 @@ const W2 = {
1993
1993
  "aria-live": "polite",
1994
1994
  style: {
1995
1995
  position: "absolute",
1996
- ...Y2(n, Z, o, y, O),
1996
+ ...Y2(n, Z, o, b, O),
1997
1997
  borderRadius: z === "rounded" ? 4 : z === "square" ? 0 : 999,
1998
1998
  background: P,
1999
1999
  color: k,
@@ -2018,7 +2018,7 @@ function G2() {
2018
2018
  (function(o, l) {
2019
2019
  s.exports = l();
2020
2020
  })(U2, function() {
2021
- var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", v = "minute", z = "hour", h = "day", i = "week", m = "month", j = "quarter", f = "year", Z = "date", y = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|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, w = { 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) {
2021
+ var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", v = "minute", z = "hour", h = "day", i = "week", m = "month", j = "quarter", f = "year", Z = "date", b = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|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, w = { 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) {
2022
2022
  var $ = ["th", "st", "nd", "rd"], x = B % 100;
2023
2023
  return "[" + B + ($[(x - 20) % 10] || $[x] || $[0]) + "]";
2024
2024
  } }, _ = function(B, $, x) {
@@ -2029,8 +2029,8 @@ function G2() {
2029
2029
  return ($ <= 0 ? "+" : "-") + _(F, 2, "0") + ":" + _(d, 2, "0");
2030
2030
  }, m: function B($, x) {
2031
2031
  if ($.date() < x.date()) return -B(x, $);
2032
- var F = 12 * (x.year() - $.year()) + (x.month() - $.month()), d = $.clone().add(F, m), b = x - d < 0, r = $.clone().add(F + (b ? -1 : 1), m);
2033
- return +(-(F + (x - d) / (b ? d - r : r - d)) || 0);
2032
+ var F = 12 * (x.year() - $.year()) + (x.month() - $.month()), d = $.clone().add(F, m), y = x - d < 0, r = $.clone().add(F + (y ? -1 : 1), m);
2033
+ return +(-(F + (x - d) / (y ? d - r : r - d)) || 0);
2034
2034
  }, a: function(B) {
2035
2035
  return B < 0 ? Math.ceil(B) || 0 : Math.floor(B);
2036
2036
  }, p: function(B) {
@@ -2045,8 +2045,8 @@ function G2() {
2045
2045
  var d;
2046
2046
  if (!$) return M;
2047
2047
  if (typeof $ == "string") {
2048
- var b = $.toLowerCase();
2049
- S[b] && (d = b), x && (S[b] = x, d = b);
2048
+ var y = $.toLowerCase();
2049
+ S[y] && (d = y), x && (S[y] = x, d = y);
2050
2050
  var r = $.split("-");
2051
2051
  if (!d && r.length > 1) return B(r[0]);
2052
2052
  } else {
@@ -2069,7 +2069,7 @@ function G2() {
2069
2069
  var $ = B.prototype;
2070
2070
  return $.parse = function(x) {
2071
2071
  this.$d = function(F) {
2072
- var d = F.date, b = F.utc;
2072
+ var d = F.date, y = F.utc;
2073
2073
  if (d === null) return /* @__PURE__ */ new Date(NaN);
2074
2074
  if (k.u(d)) return /* @__PURE__ */ new Date();
2075
2075
  if (d instanceof Date) return new Date(d);
@@ -2077,7 +2077,7 @@ function G2() {
2077
2077
  var r = d.match(O);
2078
2078
  if (r) {
2079
2079
  var p = r[2] - 1 || 0, g = (r[7] || "0").substring(0, 3);
2080
- return b ? new Date(Date.UTC(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g)) : new Date(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g);
2080
+ return y ? new Date(Date.UTC(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g)) : new Date(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g);
2081
2081
  }
2082
2082
  }
2083
2083
  return new Date(d);
@@ -2088,7 +2088,7 @@ function G2() {
2088
2088
  }, $.$utils = function() {
2089
2089
  return k;
2090
2090
  }, $.isValid = function() {
2091
- return this.$d.toString() !== y;
2091
+ return this.$d.toString() !== b;
2092
2092
  }, $.isSame = function(x, F) {
2093
2093
  var d = P(x);
2094
2094
  return this.startOf(F) <= d && d <= this.endOf(F);
@@ -2103,20 +2103,20 @@ function G2() {
2103
2103
  }, $.valueOf = function() {
2104
2104
  return this.$d.getTime();
2105
2105
  }, $.startOf = function(x, F) {
2106
- var d = this, b = !!k.u(F) || F, r = k.p(x), p = function(G, X) {
2106
+ var d = this, y = !!k.u(F) || F, r = k.p(x), p = function(G, X) {
2107
2107
  var c0 = k.w(d.$u ? Date.UTC(d.$y, X, G) : new Date(d.$y, X, G), d);
2108
- return b ? c0 : c0.endOf(h);
2108
+ return y ? c0 : c0.endOf(h);
2109
2109
  }, g = function(G, X) {
2110
- return k.w(d.toDate()[G].apply(d.toDate("s"), (b ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), d);
2110
+ return k.w(d.toDate()[G].apply(d.toDate("s"), (y ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), d);
2111
2111
  }, D = this.$W, U = this.$M, T = this.$D, I = "set" + (this.$u ? "UTC" : "");
2112
2112
  switch (r) {
2113
2113
  case f:
2114
- return b ? p(1, 0) : p(31, 11);
2114
+ return y ? p(1, 0) : p(31, 11);
2115
2115
  case m:
2116
- return b ? p(1, U) : p(0, U + 1);
2116
+ return y ? p(1, U) : p(0, U + 1);
2117
2117
  case i:
2118
2118
  var E = this.$locale().weekStart || 0, A = (D < E ? D + 7 : D) - E;
2119
- return p(b ? T - A : T + (6 - A), U);
2119
+ return p(y ? T - A : T + (6 - A), U);
2120
2120
  case h:
2121
2121
  case Z:
2122
2122
  return g(I + "Hours", 0);
@@ -2132,8 +2132,8 @@ function G2() {
2132
2132
  }, $.endOf = function(x) {
2133
2133
  return this.startOf(x, !1);
2134
2134
  }, $.$set = function(x, F) {
2135
- var d, b = k.p(x), r = "set" + (this.$u ? "UTC" : ""), p = (d = {}, d[h] = r + "Date", d[Z] = r + "Date", d[m] = r + "Month", d[f] = r + "FullYear", d[z] = r + "Hours", d[v] = r + "Minutes", d[u] = r + "Seconds", d[a] = r + "Milliseconds", d)[b], g = b === h ? this.$D + (F - this.$W) : F;
2136
- if (b === m || b === f) {
2135
+ var d, y = k.p(x), r = "set" + (this.$u ? "UTC" : ""), p = (d = {}, d[h] = r + "Date", d[Z] = r + "Date", d[m] = r + "Month", d[f] = r + "FullYear", d[z] = r + "Hours", d[v] = r + "Minutes", d[u] = r + "Seconds", d[a] = r + "Milliseconds", d)[y], g = y === h ? this.$D + (F - this.$W) : F;
2136
+ if (y === m || y === f) {
2137
2137
  var D = this.clone().set(Z, 1);
2138
2138
  D.$d[p](g), D.init(), this.$d = D.set(Z, Math.min(this.$D, D.daysInMonth())).$d;
2139
2139
  } else p && this.$d[p](g);
@@ -2143,11 +2143,11 @@ function G2() {
2143
2143
  }, $.get = function(x) {
2144
2144
  return this[k.p(x)]();
2145
2145
  }, $.add = function(x, F) {
2146
- var d, b = this;
2146
+ var d, y = this;
2147
2147
  x = Number(x);
2148
2148
  var r = k.p(F), p = function(U) {
2149
- var T = P(b);
2150
- return k.w(T.date(T.date() + Math.round(U * x)), b);
2149
+ var T = P(y);
2150
+ return k.w(T.date(T.date() + Math.round(U * x)), y);
2151
2151
  };
2152
2152
  if (r === m) return this.set(m, this.$M + x);
2153
2153
  if (r === f) return this.set(f, this.$y + x);
@@ -2159,16 +2159,16 @@ function G2() {
2159
2159
  return this.add(-1 * x, F);
2160
2160
  }, $.format = function(x) {
2161
2161
  var F = this, d = this.$locale();
2162
- if (!this.isValid()) return d.invalidDate || y;
2163
- var b = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), p = this.$H, g = this.$m, D = this.$M, U = d.weekdays, T = d.months, I = d.meridiem, E = function(X, c0, f0, l0) {
2164
- return X && (X[c0] || X(F, b)) || f0[c0].slice(0, l0);
2162
+ if (!this.isValid()) return d.invalidDate || b;
2163
+ var y = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), p = this.$H, g = this.$m, D = this.$M, U = d.weekdays, T = d.months, I = d.meridiem, E = function(X, c0, f0, l0) {
2164
+ return X && (X[c0] || X(F, y)) || f0[c0].slice(0, l0);
2165
2165
  }, A = function(X) {
2166
2166
  return k.s(p % 12 || 12, X, "0");
2167
2167
  }, G = I || function(X, c0, f0) {
2168
2168
  var l0 = X < 12 ? "AM" : "PM";
2169
2169
  return f0 ? l0.toLowerCase() : l0;
2170
2170
  };
2171
- return b.replace(C, function(X, c0) {
2171
+ return y.replace(C, function(X, c0) {
2172
2172
  return c0 || function(f0) {
2173
2173
  switch (f0) {
2174
2174
  case "YY":
@@ -2226,46 +2226,46 @@ function G2() {
2226
2226
  }, $.utcOffset = function() {
2227
2227
  return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
2228
2228
  }, $.diff = function(x, F, d) {
2229
- var b, r = this, p = k.p(F), g = P(x), D = (g.utcOffset() - this.utcOffset()) * l, U = this - g, T = function() {
2229
+ var y, r = this, p = k.p(F), g = P(x), D = (g.utcOffset() - this.utcOffset()) * l, U = this - g, T = function() {
2230
2230
  return k.m(r, g);
2231
2231
  };
2232
2232
  switch (p) {
2233
2233
  case f:
2234
- b = T() / 12;
2234
+ y = T() / 12;
2235
2235
  break;
2236
2236
  case m:
2237
- b = T();
2237
+ y = T();
2238
2238
  break;
2239
2239
  case j:
2240
- b = T() / 3;
2240
+ y = T() / 3;
2241
2241
  break;
2242
2242
  case i:
2243
- b = (U - D) / 6048e5;
2243
+ y = (U - D) / 6048e5;
2244
2244
  break;
2245
2245
  case h:
2246
- b = (U - D) / 864e5;
2246
+ y = (U - D) / 864e5;
2247
2247
  break;
2248
2248
  case z:
2249
- b = U / n;
2249
+ y = U / n;
2250
2250
  break;
2251
2251
  case v:
2252
- b = U / l;
2252
+ y = U / l;
2253
2253
  break;
2254
2254
  case u:
2255
- b = U / o;
2255
+ y = U / o;
2256
2256
  break;
2257
2257
  default:
2258
- b = U;
2258
+ y = U;
2259
2259
  }
2260
- return d ? b : k.a(b);
2260
+ return d ? y : k.a(y);
2261
2261
  }, $.daysInMonth = function() {
2262
2262
  return this.endOf(m).$D;
2263
2263
  }, $.$locale = function() {
2264
2264
  return S[this.$L];
2265
2265
  }, $.locale = function(x, F) {
2266
2266
  if (!x) return this.$L;
2267
- var d = this.clone(), b = V(x, F, !0);
2268
- return b && (d.$L = b), d;
2267
+ var d = this.clone(), y = V(x, F, !0);
2268
+ return y && (d.$L = y), d;
2269
2269
  }, $.clone = function() {
2270
2270
  return k.w(this.$d, this);
2271
2271
  }, $.toDate = function() {
@@ -2381,7 +2381,7 @@ function J2() {
2381
2381
  return r.$$typeof === P ? null : r.displayName || r.name || null;
2382
2382
  if (typeof r == "string") return r;
2383
2383
  switch (r) {
2384
- case y:
2384
+ case b:
2385
2385
  return "Fragment";
2386
2386
  case C:
2387
2387
  return "Profiler";
@@ -2439,7 +2439,7 @@ function J2() {
2439
2439
  }
2440
2440
  }
2441
2441
  function l(r) {
2442
- if (r === y) return "<>";
2442
+ if (r === b) return "<>";
2443
2443
  if (typeof r == "object" && r !== null && r.$$typeof === H)
2444
2444
  return "<...>";
2445
2445
  try {
@@ -2531,7 +2531,7 @@ function J2() {
2531
2531
  var G = Object.keys(p).filter(function(c0) {
2532
2532
  return c0 !== "key";
2533
2533
  });
2534
- D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", b[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
2534
+ D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", y[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
2535
2535
  `A props object containing a "key" prop is being spread into JSX:
2536
2536
  let props = %s;
2537
2537
  <%s {...props} />
@@ -2542,7 +2542,7 @@ React keys must be passed directly to JSX without using spread:
2542
2542
  A,
2543
2543
  G,
2544
2544
  A
2545
- ), b[A + D] = !0);
2545
+ ), y[A + D] = !0);
2546
2546
  }
2547
2547
  if (A = null, g !== void 0 && (o(g), A = "" + g), u(p) && (o(p.key), A = "" + p.key), "key" in p) {
2548
2548
  g = {};
@@ -2566,7 +2566,7 @@ React keys must be passed directly to JSX without using spread:
2566
2566
  function m(r) {
2567
2567
  typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
2568
2568
  }
2569
- var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
2569
+ var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
2570
2570
  return null;
2571
2571
  };
2572
2572
  j = {
@@ -2577,8 +2577,8 @@ React keys must be passed directly to JSX without using spread:
2577
2577
  var $, x = {}, F = j["react-stack-bottom-frame"].bind(
2578
2578
  j,
2579
2579
  a
2580
- )(), d = B(l(a)), b = {};
2581
- T1.Fragment = y, T1.jsx = function(r, p, g, D, U) {
2580
+ )(), d = B(l(a)), y = {};
2581
+ T1.Fragment = b, T1.jsx = function(r, p, g, D, U) {
2582
2582
  var T = 1e4 > k.recentlyCreatedOwnerStacks++;
2583
2583
  return i(
2584
2584
  r,
@@ -5800,7 +5800,7 @@ const m1 = ({
5800
5800
  shape: j = "rounded",
5801
5801
  shadow: f = "none",
5802
5802
  border: Z = !0,
5803
- size: y = "sm",
5803
+ size: b = "sm",
5804
5804
  // 기본값 sm
5805
5805
  style: O = {},
5806
5806
  ...C
@@ -5818,10 +5818,10 @@ const m1 = ({
5818
5818
  md: "4px 8px",
5819
5819
  lg: "6px 10px"
5820
5820
  }, B = {
5821
- fontSize: W[y] || w.typography.fontSize.base,
5822
- padding: Y[y] || "4px 8px",
5823
- iconSize: y === "sm" ? 6 : y === "md" ? 7 : 8,
5824
- buttonSize: y === "sm" ? 12 : y === "md" ? 14 : 16
5821
+ fontSize: W[b] || w.typography.fontSize.base,
5822
+ padding: Y[b] || "4px 8px",
5823
+ iconSize: b === "sm" ? 6 : b === "md" ? 7 : 8,
5824
+ buttonSize: b === "sm" ? 12 : b === "md" ? 14 : 16
5825
5825
  }, $ = typeof s == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", pretendard: "L", className: "sud-tag__label", children: s }) : s;
5826
5826
  return /* @__PURE__ */ t.jsxs(
5827
5827
  "div",
@@ -5890,7 +5890,7 @@ const m1 = ({
5890
5890
  },
5891
5891
  shape: f = "rounded",
5892
5892
  shadow: Z = "sm",
5893
- size: y = "md",
5893
+ size: b = "md",
5894
5894
  id: O,
5895
5895
  tagColorType: C = "default",
5896
5896
  colorType: w = "default",
@@ -5910,7 +5910,7 @@ const m1 = ({
5910
5910
  ariaRequired: x,
5911
5911
  ariaInvalid: F,
5912
5912
  ariaDescribedby: d,
5913
- ...b
5913
+ ...y
5914
5914
  }) => {
5915
5915
  const r = g0(), [p, g] = q(!1), [D, U] = q(""), [T, I] = q(null), [E, A] = q(-1), [G, X] = q(!1), [c0, f0] = q({
5916
5916
  top: 0,
@@ -6040,7 +6040,7 @@ const m1 = ({
6040
6040
  sm: { height: 32, fontSize: 14, padding: "4px" },
6041
6041
  md: { height: 38, fontSize: 16, padding: "6px" },
6042
6042
  lg: { height: 42, fontSize: 18, padding: "8px" }
6043
- }[y] || {}, Q0 = () => {
6043
+ }[b] || {}, Q0 = () => {
6044
6044
  if (!k || !W) return null;
6045
6045
  const Q = Array.isArray(m) ? m.length : 0;
6046
6046
  return Q === 0 ? null : `${Q}개 선택됨`;
@@ -6056,7 +6056,7 @@ const m1 = ({
6056
6056
  minWidth: 0,
6057
6057
  ...i
6058
6058
  },
6059
- ...b,
6059
+ ...y,
6060
6060
  children: [
6061
6061
  _ && /* @__PURE__ */ t.jsx(
6062
6062
  "label",
@@ -6142,7 +6142,7 @@ const m1 = ({
6142
6142
  Array.isArray(C0) && C0.map((Q) => /* @__PURE__ */ t.jsx(
6143
6143
  m1,
6144
6144
  {
6145
- size: y,
6145
+ size: b,
6146
6146
  closeable: !0,
6147
6147
  onClose: () => F0(Q),
6148
6148
  colorType: C,
@@ -6370,7 +6370,7 @@ const m1 = ({
6370
6370
  borderWeight: j,
6371
6371
  shadow: f,
6372
6372
  shape: Z = "rounded",
6373
- style: y = {},
6373
+ style: b = {},
6374
6374
  className: O = "",
6375
6375
  name: C = "segmented-control",
6376
6376
  ...w
@@ -6396,7 +6396,7 @@ const m1 = ({
6396
6396
  padding: 3,
6397
6397
  width: a ? "100%" : "fit-content",
6398
6398
  boxShadow: V,
6399
- ...y
6399
+ ...b
6400
6400
  },
6401
6401
  ...w,
6402
6402
  children: s.map((k, W) => {
@@ -6447,7 +6447,7 @@ const m1 = ({
6447
6447
  color: f = "neutral-8",
6448
6448
  ...Z
6449
6449
  }) => {
6450
- const y = s ? g1(s, { size: o }) : null;
6450
+ const b = s ? g1(s, { size: o }) : null;
6451
6451
  return /* @__PURE__ */ t.jsxs(
6452
6452
  "div",
6453
6453
  {
@@ -6465,7 +6465,7 @@ const m1 = ({
6465
6465
  "aria-label": "데이터가 없습니다",
6466
6466
  ...Z,
6467
6467
  children: [
6468
- /* @__PURE__ */ t.jsx(Z1, { color: l, children: y ?? defaultIcon }),
6468
+ /* @__PURE__ */ t.jsx(Z1, { color: l, children: b ?? defaultIcon }),
6469
6469
  /* @__PURE__ */ t.jsx(
6470
6470
  t0,
6471
6471
  {
@@ -6500,7 +6500,7 @@ const m1 = ({
6500
6500
  shadow: j = "sm",
6501
6501
  width: f,
6502
6502
  height: Z,
6503
- thumbHeight: y,
6503
+ thumbHeight: b,
6504
6504
  className: O = "",
6505
6505
  style: C = {},
6506
6506
  variant: w = "card",
@@ -6571,7 +6571,7 @@ const m1 = ({
6571
6571
  className: `sud-${w}__thumbnail`,
6572
6572
  style: {
6573
6573
  width: "100%",
6574
- height: y || "auto",
6574
+ height: b || "auto",
6575
6575
  overflow: "hidden"
6576
6576
  },
6577
6577
  children: typeof l == "string" ? /* @__PURE__ */ t.jsx(
@@ -6687,7 +6687,7 @@ const m1 = ({
6687
6687
  hoverBackground: j,
6688
6688
  color: f,
6689
6689
  border: Z = !0,
6690
- borderColor: y,
6690
+ borderColor: b,
6691
6691
  borderType: O = "solid",
6692
6692
  borderWeight: C = 1,
6693
6693
  width: w,
@@ -6715,7 +6715,7 @@ const m1 = ({
6715
6715
  x0.disconnect();
6716
6716
  };
6717
6717
  }, [H]);
6718
- const [d, b] = q(S9[x]), [r, p] = q(a0(s || /* @__PURE__ */ new Date())), [g, D] = q(
6718
+ const [d, y] = q(S9[x]), [r, p] = q(a0(s || /* @__PURE__ */ new Date())), [g, D] = q(
6719
6719
  S ? a0(S) : null
6720
6720
  ), [U, T] = q(N ? a0(N) : null), [I, E] = q(null), [A, G] = q(a0(s || /* @__PURE__ */ new Date())), [X, c0] = q(l), [f0, l0] = q(!1), [y0, K] = q(r.year()), [J, d0] = q(r.month()), [C0, R0] = q(r.date()), [w0, F0] = q(!1), S0 = () => {
6721
6721
  F0(!0), setTimeout(() => F0(!1), 150);
@@ -6751,7 +6751,7 @@ const m1 = ({
6751
6751
  border: Z,
6752
6752
  fallback: i,
6753
6753
  componentType: "tag"
6754
- }), Q0 = m ? L(m, k) : J0, Q = L(j || "neutral-2", k), T0 = f ? L(f, k) : H0, V0 = y ? L(y, k) : P0, E0 = Z && V0 ? `${C}px ${O} ${V0}` : "none", K0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", e1 = (e0) => {
6754
+ }), Q0 = m ? L(m, k) : J0, Q = L(j || "neutral-2", k), T0 = f ? L(f, k) : H0, V0 = b ? L(b, k) : P0, E0 = Z && V0 ? `${C}px ${O} ${V0}` : "none", K0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", e1 = (e0) => {
6755
6755
  if (X === "year") {
6756
6756
  const O0 = a0(e0).startOf("month");
6757
6757
  p(O0), c0("month");
@@ -7282,7 +7282,7 @@ const m1 = ({
7282
7282
  rightBtnIcon: f = /* @__PURE__ */ t.jsx(X1, { size: 30 }),
7283
7283
  effectType: Z = "fade",
7284
7284
  // "overlap" | "fade" | "slide" | "scale" | "stack"
7285
- drag: y = !0,
7285
+ drag: b = !0,
7286
7286
  ...O
7287
7287
  }) => {
7288
7288
  const [C, w] = q(0), _ = h0(null), [R, M] = q({ width: 0, height: 0 }), S = h0(!1), N = h0(0), H = h0([]);
@@ -7294,8 +7294,8 @@ const m1 = ({
7294
7294
  M((F) => ({ ...F, maxItemHeight: x }));
7295
7295
  }, [s, C]), o1(() => {
7296
7296
  const x = new ResizeObserver(([F]) => {
7297
- const { width: d, height: b } = F.contentRect;
7298
- M({ width: d, height: b });
7297
+ const { width: d, height: y } = F.contentRect;
7298
+ M({ width: d, height: y });
7299
7299
  });
7300
7300
  return _.current && x.observe(_.current), () => x.disconnect();
7301
7301
  }, []);
@@ -7355,17 +7355,17 @@ const m1 = ({
7355
7355
  };
7356
7356
  }
7357
7357
  }
7358
- const b = Math.floor(d / 2) || 1;
7358
+ const y = Math.floor(d / 2) || 1;
7359
7359
  let r = (x - C + F) % F;
7360
7360
  r > F / 2 && (r -= F);
7361
7361
  const p = Math.abs(r);
7362
- if (p > b)
7362
+ if (p > y)
7363
7363
  return {
7364
7364
  opacity: 0,
7365
7365
  transform: "scale(0)",
7366
7366
  zIndex: 0
7367
7367
  };
7368
- const g = V * 1.2, D = r * (g / b), U = 1 - a * (p / b), T = 1 - u * (p / b), I = d - p;
7368
+ const g = V * 1.2, D = r * (g / y), U = 1 - a * (p / y), T = 1 - u * (p / y), I = d - p;
7369
7369
  switch (Z) {
7370
7370
  case "fade":
7371
7371
  return {
@@ -7417,7 +7417,7 @@ const m1 = ({
7417
7417
  className: n0("sud-carousel", h),
7418
7418
  style: {
7419
7419
  overflow: "hidden",
7420
- cursor: y ? "grab" : "default",
7420
+ cursor: b ? "grab" : "default",
7421
7421
  userSelect: "none",
7422
7422
  touchAction: "pan-y pinch-zoom",
7423
7423
  position: "relative",
@@ -7431,13 +7431,13 @@ const m1 = ({
7431
7431
  // 기본 최소 높이
7432
7432
  ...i
7433
7433
  },
7434
- onMouseDown: y ? W : void 0,
7435
- onMouseMove: y ? Y : void 0,
7436
- onMouseUp: y ? B : void 0,
7437
- onMouseLeave: y ? B : void 0,
7438
- onTouchStart: y ? W : void 0,
7439
- onTouchMove: y ? Y : void 0,
7440
- onTouchEnd: y ? B : void 0,
7434
+ onMouseDown: b ? W : void 0,
7435
+ onMouseMove: b ? Y : void 0,
7436
+ onMouseUp: b ? B : void 0,
7437
+ onMouseLeave: b ? B : void 0,
7438
+ onTouchStart: b ? W : void 0,
7439
+ onTouchMove: b ? Y : void 0,
7440
+ onTouchEnd: b ? B : void 0,
7441
7441
  role: "region",
7442
7442
  "aria-roledescription": "carousel",
7443
7443
  "aria-label": "캐러셀",
@@ -7530,7 +7530,7 @@ const m1 = ({
7530
7530
  contentBackground: j,
7531
7531
  contentColor: f,
7532
7532
  shadow: Z = "sm",
7533
- disabledKeys: y = [],
7533
+ disabledKeys: b = [],
7534
7534
  className: O = "",
7535
7535
  size: C = "md",
7536
7536
  shape: w = "rounded",
@@ -7550,7 +7550,7 @@ const m1 = ({
7550
7550
  }), { bgColor: Y, txtColor: B } = i0({
7551
7551
  border: !1,
7552
7552
  fallback: m
7553
- }), $ = h ? L(h, M) : P, x = i ? L(i, M) : W, F = a ? L(a, M) : k, d = j ? L(j, M) : Y, b = f ? L(f, M) : B, r = n && F ? `${v}px ${u} ${F}` : "none", { bgColor: p, txtColor: g } = i0({
7553
+ }), $ = h ? L(h, M) : P, x = i ? L(i, M) : W, F = a ? L(a, M) : k, d = j ? L(j, M) : Y, y = f ? L(f, M) : B, r = n && F ? `${v}px ${u} ${F}` : "none", { bgColor: p, txtColor: g } = i0({
7554
7554
  border: !1,
7555
7555
  fallback: "disabled"
7556
7556
  }), D = D0(Z, M), U = G0(w, M), T = M.spacing[C] || M.spacing.md, I = M.typography.fontSize[C === "md" ? "base" : C] || M.typography.fontSize.base;
@@ -7567,7 +7567,7 @@ const m1 = ({
7567
7567
  },
7568
7568
  ...R,
7569
7569
  children: s.map((E, A) => {
7570
- const G = H.includes(E.key), X = y.includes(E.key);
7570
+ const G = H.includes(E.key), X = b.includes(E.key);
7571
7571
  return /* @__PURE__ */ t.jsxs(
7572
7572
  "div",
7573
7573
  {
@@ -7637,11 +7637,11 @@ const m1 = ({
7637
7637
  transition: "all 0.3s ease",
7638
7638
  padding: G ? `${T} ${T}` : `0 ${T}`,
7639
7639
  background: d,
7640
- color: b
7640
+ color: y
7641
7641
  },
7642
7642
  role: "region",
7643
7643
  "aria-hidden": !G,
7644
- children: typeof E.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: b, children: E.children }) : E.children
7644
+ children: typeof E.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: y, children: E.children }) : E.children
7645
7645
  }
7646
7646
  )
7647
7647
  ]
@@ -7667,7 +7667,7 @@ const m1 = ({
7667
7667
  borderType: j = "solid",
7668
7668
  borderWeight: f = 1,
7669
7669
  shape: Z = "rounded",
7670
- shadow: y = "sm",
7670
+ shadow: b = "sm",
7671
7671
  width: O = 300,
7672
7672
  height: C = 300,
7673
7673
  className: w = "",
@@ -7703,7 +7703,7 @@ const m1 = ({
7703
7703
  opacity: k ? 1 : 0,
7704
7704
  visibility: Y ? "visible" : "hidden",
7705
7705
  willChange: "transform, opacity"
7706
- }, b = V.borderRadius;
7706
+ }, y = V.borderRadius;
7707
7707
  switch (_) {
7708
7708
  case "left":
7709
7709
  return {
@@ -7713,8 +7713,8 @@ const m1 = ({
7713
7713
  height: "100vh",
7714
7714
  width: O,
7715
7715
  transform: k ? "translateX(0)" : "translateX(-100%)",
7716
- borderTopRightRadius: b,
7717
- borderBottomRightRadius: b,
7716
+ borderTopRightRadius: y,
7717
+ borderBottomRightRadius: y,
7718
7718
  borderTopLeftRadius: 0,
7719
7719
  borderBottomLeftRadius: 0
7720
7720
  };
@@ -7726,8 +7726,8 @@ const m1 = ({
7726
7726
  height: "100vh",
7727
7727
  width: O,
7728
7728
  transform: k ? "translateX(0)" : "translateX(100%)",
7729
- borderTopLeftRadius: b,
7730
- borderBottomLeftRadius: b,
7729
+ borderTopLeftRadius: y,
7730
+ borderBottomLeftRadius: y,
7731
7731
  borderTopRightRadius: 0,
7732
7732
  borderBottomRightRadius: 0
7733
7733
  };
@@ -7739,8 +7739,8 @@ const m1 = ({
7739
7739
  width: "100vw",
7740
7740
  height: C,
7741
7741
  transform: k ? "translateY(0)" : "translateY(-100%)",
7742
- borderBottomLeftRadius: b,
7743
- borderBottomRightRadius: b,
7742
+ borderBottomLeftRadius: y,
7743
+ borderBottomRightRadius: y,
7744
7744
  borderTopLeftRadius: 0,
7745
7745
  borderTopRightRadius: 0
7746
7746
  };
@@ -7752,8 +7752,8 @@ const m1 = ({
7752
7752
  width: "100vw",
7753
7753
  height: C,
7754
7754
  transform: k ? "translateY(0)" : "translateY(100%)",
7755
- borderTopLeftRadius: b,
7756
- borderTopRightRadius: b,
7755
+ borderTopLeftRadius: y,
7756
+ borderTopRightRadius: y,
7757
7757
  borderBottomLeftRadius: 0,
7758
7758
  borderBottomRightRadius: 0
7759
7759
  };
@@ -7840,7 +7840,7 @@ const m1 = ({
7840
7840
  borderColor: m,
7841
7841
  borderType: j,
7842
7842
  borderWeight: f,
7843
- shadow: y,
7843
+ shadow: b,
7844
7844
  width: O,
7845
7845
  height: C,
7846
7846
  className: w,
@@ -7906,7 +7906,7 @@ const m1 = ({
7906
7906
  shadow: j = "",
7907
7907
  borderColor: f,
7908
7908
  borderType: Z = "solid",
7909
- borderWeight: y = "1",
7909
+ borderWeight: b = "1",
7910
7910
  ...O
7911
7911
  }) => {
7912
7912
  const C = g0(), [w, _] = q(!1);
@@ -7930,7 +7930,7 @@ const m1 = ({
7930
7930
  width: typeof o == "number" ? `${o}px` : o || "100%",
7931
7931
  height: l || (i && o && typeof o == "number" ? `${o * M}px` : void 0),
7932
7932
  borderStyle: f ? Z : void 0,
7933
- borderWidth: f ? `${y}px` : void 0,
7933
+ borderWidth: f ? `${b}px` : void 0,
7934
7934
  borderColor: f ? L(f, C) : void 0,
7935
7935
  boxShadow: S,
7936
7936
  overflow: "hidden",
@@ -8047,7 +8047,7 @@ const m1 = ({
8047
8047
  borderWeight: j = 1,
8048
8048
  shape: f = "rounded",
8049
8049
  shadow: Z = "lg",
8050
- width: y = 480,
8050
+ width: b = 480,
8051
8051
  height: O,
8052
8052
  className: C = "",
8053
8053
  divider: w = !1,
@@ -8098,7 +8098,7 @@ const m1 = ({
8098
8098
  borderWeight: j,
8099
8099
  shadow: Z,
8100
8100
  shape: f,
8101
- width: y,
8101
+ width: b,
8102
8102
  height: O,
8103
8103
  className: C,
8104
8104
  divider: w,
@@ -8139,7 +8139,7 @@ const m1 = ({
8139
8139
  background: j,
8140
8140
  color: f,
8141
8141
  border: Z = !0,
8142
- borderColor: y,
8142
+ borderColor: b,
8143
8143
  borderType: O,
8144
8144
  borderWeight: C,
8145
8145
  shape: w = "rounded",
@@ -8160,7 +8160,7 @@ const m1 = ({
8160
8160
  className: `sud-popover ${h}`,
8161
8161
  background: j,
8162
8162
  color: f,
8163
- borderColor: y,
8163
+ borderColor: b,
8164
8164
  borderType: O,
8165
8165
  borderWeight: C,
8166
8166
  shape: w,
@@ -8196,7 +8196,7 @@ const m1 = ({
8196
8196
  borderWeight: j = 1,
8197
8197
  style: f = {},
8198
8198
  className: Z = "",
8199
- disabledKeys: y = [],
8199
+ disabledKeys: b = [],
8200
8200
  align: O = "left",
8201
8201
  ...C
8202
8202
  }) => {
@@ -8296,7 +8296,7 @@ const m1 = ({
8296
8296
  }), { borColor: F } = i0({
8297
8297
  border: h,
8298
8298
  fallback: "default"
8299
- }), d = Y(), b = {
8299
+ }), d = Y(), y = {
8300
8300
  left: "flex-start",
8301
8301
  center: "center",
8302
8302
  right: "flex-end"
@@ -8317,10 +8317,10 @@ const m1 = ({
8317
8317
  display: "flex",
8318
8318
  gap: 2,
8319
8319
  borderBottom: `${j}px ${m} ${F}`,
8320
- justifyContent: b[O]
8320
+ justifyContent: y[O]
8321
8321
  },
8322
8322
  children: _.map(({ key: g, label: D }) => {
8323
- const U = g === N, T = y.includes(g), I = U ? d.active : d.inactive;
8323
+ const U = g === N, T = b.includes(g), I = U ? d.active : d.inactive;
8324
8324
  return /* @__PURE__ */ t.jsx(
8325
8325
  "div",
8326
8326
  {
@@ -8414,7 +8414,7 @@ const i4 = ({
8414
8414
  border: j,
8415
8415
  borderColor: f,
8416
8416
  borderType: Z,
8417
- borderWeight: y,
8417
+ borderWeight: b,
8418
8418
  shape: O,
8419
8419
  shadow: C,
8420
8420
  colorType: w = "sub",
@@ -8435,7 +8435,7 @@ const i4 = ({
8435
8435
  color: m,
8436
8436
  borderColor: f,
8437
8437
  borderType: Z,
8438
- borderWeight: y,
8438
+ borderWeight: b,
8439
8439
  shape: O,
8440
8440
  shadow: C,
8441
8441
  content: c,
@@ -8464,7 +8464,7 @@ const i4 = ({
8464
8464
  align: i = "left",
8465
8465
  ...m
8466
8466
  }) => {
8467
- const j = g0(), [f, Z] = B0.useState(s), y = Math.ceil(c / o), O = (M) => {
8467
+ const j = g0(), [f, Z] = B0.useState(s), b = Math.ceil(c / o), O = (M) => {
8468
8468
  Z(M), l == null || l(M);
8469
8469
  }, C = () => {
8470
8470
  switch (i) {
@@ -8476,16 +8476,16 @@ const i4 = ({
8476
8476
  return { justifyContent: "flex-start" };
8477
8477
  }
8478
8478
  }, w = z0(() => {
8479
- if (y <= u)
8480
- return Array.from({ length: y }, (S, N) => N + 1);
8479
+ if (b <= u)
8480
+ return Array.from({ length: b }, (S, N) => N + 1);
8481
8481
  const M = [];
8482
8482
  if (f <= Math.ceil(u / 2)) {
8483
8483
  for (let S = 1; S <= u; S++)
8484
8484
  M.push(S);
8485
- u < y && M.push("...");
8486
- } else if (f > y - Math.floor(u / 2)) {
8485
+ u < b && M.push("...");
8486
+ } else if (f > b - Math.floor(u / 2)) {
8487
8487
  M.push("...");
8488
- for (let S = y - u + 1; S <= y; S++)
8488
+ for (let S = b - u + 1; S <= b; S++)
8489
8489
  M.push(S);
8490
8490
  } else {
8491
8491
  M.push("...");
@@ -8495,7 +8495,7 @@ const i4 = ({
8495
8495
  M.push("...");
8496
8496
  }
8497
8497
  return M;
8498
- }, [f, y, u]), _ = (M, S) => {
8498
+ }, [f, b, u]), _ = (M, S) => {
8499
8499
  if (M === "...")
8500
8500
  return d1(
8501
8501
  "span",
@@ -8588,35 +8588,35 @@ const i4 = ({
8588
8588
  n && d1("div", {
8589
8589
  key: "next",
8590
8590
  className: "sud-pagination__nav sud-pagination__nav--next",
8591
- onClick: f === y ? void 0 : () => O(f + 1),
8591
+ onClick: f === b ? void 0 : () => O(f + 1),
8592
8592
  style: {
8593
8593
  ...R,
8594
- cursor: f === y ? "not-allowed" : "pointer",
8595
- color: L(f === y ? "cool-gray-3" : "cool-gray-6", j),
8594
+ cursor: f === b ? "not-allowed" : "pointer",
8595
+ color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
8596
8596
  "&:hover": {
8597
- background: f === y ? "transparent" : L("cool-gray-1", j)
8597
+ background: f === b ? "transparent" : L("cool-gray-1", j)
8598
8598
  }
8599
8599
  },
8600
8600
  role: "button",
8601
8601
  "aria-label": "다음 페이지로 이동",
8602
- "aria-disabled": f === y,
8602
+ "aria-disabled": f === b,
8603
8603
  children: /* @__PURE__ */ t.jsx(X1, { size: "12" })
8604
8604
  }),
8605
8605
  a && d1("div", {
8606
8606
  key: "last",
8607
8607
  className: "sud-pagination__nav sud-pagination__nav--last",
8608
- onClick: f === y ? void 0 : () => O(y),
8608
+ onClick: f === b ? void 0 : () => O(b),
8609
8609
  style: {
8610
8610
  ...R,
8611
- cursor: f === y ? "not-allowed" : "pointer",
8612
- color: L(f === y ? "cool-gray-3" : "cool-gray-6", j),
8611
+ cursor: f === b ? "not-allowed" : "pointer",
8612
+ color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
8613
8613
  "&:hover": {
8614
- background: f === y ? "transparent" : L("cool-gray-1", j)
8614
+ background: f === b ? "transparent" : L("cool-gray-1", j)
8615
8615
  }
8616
8616
  },
8617
8617
  role: "button",
8618
8618
  "aria-label": "마지막 페이지로 이동",
8619
- "aria-disabled": f === y,
8619
+ "aria-disabled": f === b,
8620
8620
  children: /* @__PURE__ */ t.jsx(g9, { size: "12" })
8621
8621
  })
8622
8622
  ]
@@ -8737,12 +8737,12 @@ const i4 = ({
8737
8737
  overscanCount: j = 5,
8738
8738
  ...f
8739
8739
  }) => {
8740
- const [Z, y] = q(1), [O, C] = q(0), w = h0(null), [_, R] = q(0), M = h0(/* @__PURE__ */ new Map());
8740
+ const [Z, b] = q(1), [O, C] = q(0), w = h0(null), [_, R] = q(0), M = h0(/* @__PURE__ */ new Map());
8741
8741
  v0(() => {
8742
8742
  if (w.current) {
8743
8743
  const F = new ResizeObserver((d) => {
8744
- for (const b of d)
8745
- R(b.contentRect.height);
8744
+ for (const y of d)
8745
+ R(y.contentRect.height);
8746
8746
  });
8747
8747
  return F.observe(w.current), () => F.disconnect();
8748
8748
  }
@@ -8760,19 +8760,19 @@ const i4 = ({
8760
8760
  endIndex: s.length,
8761
8761
  totalHeight: 0
8762
8762
  };
8763
- let F = 0, d = 0, b = 0, r = !1;
8763
+ let F = 0, d = 0, y = 0, r = !1;
8764
8764
  for (let p = 0; p < s.length; p++) {
8765
8765
  const g = M.current.get(p) || g || 40;
8766
8766
  if (!r && F + g > O && (d = Math.max(0, p - j), r = !0), r && F > O + _) {
8767
- b = Math.min(s.length, p + j);
8767
+ y = Math.min(s.length, p + j);
8768
8768
  break;
8769
8769
  }
8770
8770
  F += g;
8771
8771
  }
8772
- return r || (d = 0), b === 0 && (b = s.length), {
8773
- visibleItems: s.slice(d, b),
8772
+ return r || (d = 0), y === 0 && (y = s.length), {
8773
+ visibleItems: s.slice(d, y),
8774
8774
  startIndex: d,
8775
- endIndex: b,
8775
+ endIndex: y,
8776
8776
  totalHeight: F
8777
8777
  };
8778
8778
  }, [
@@ -8801,13 +8801,13 @@ const i4 = ({
8801
8801
  }, []);
8802
8802
  const $ = Z0(
8803
8803
  (F) => {
8804
- y(F), typeof c == "object" && c.onChange && c.onChange(F);
8804
+ b(F), typeof c == "object" && c.onChange && c.onChange(F);
8805
8805
  },
8806
8806
  [c]
8807
8807
  ), x = Z0(() => {
8808
8808
  const F = i ? H : Y;
8809
- return F.map((d, b) => {
8810
- const r = i ? V + b : b;
8809
+ return F.map((d, y) => {
8810
+ const r = i ? V + y : y;
8811
8811
  return /* @__PURE__ */ t.jsxs(
8812
8812
  "div",
8813
8813
  {
@@ -8837,7 +8837,7 @@ const i4 = ({
8837
8837
  children: d
8838
8838
  }
8839
8839
  ),
8840
- l && b !== F.length - 1 && /* @__PURE__ */ t.jsx(a1, {})
8840
+ l && y !== F.length - 1 && /* @__PURE__ */ t.jsx(a1, {})
8841
8841
  ]
8842
8842
  },
8843
8843
  r
@@ -8997,22 +8997,22 @@ const i4 = ({
8997
8997
  if (!i) return null;
8998
8998
  const f = { color: j, textAlign: m };
8999
8999
  return Array.isArray(i) ? /* @__PURE__ */ t.jsx("div", { style: f, children: i.map(
9000
- (Z, y) => typeof Z == "string" ? /* @__PURE__ */ t.jsx(
9000
+ (Z, b) => typeof Z == "string" ? /* @__PURE__ */ t.jsx(
9001
9001
  t0,
9002
9002
  {
9003
9003
  as: "div",
9004
9004
  color: j,
9005
- style: { marginBottom: y === i.length - 1 ? 0 : 4 },
9005
+ style: { marginBottom: b === i.length - 1 ? 0 : 4 },
9006
9006
  children: Z
9007
9007
  },
9008
- y
9008
+ b
9009
9009
  ) : /* @__PURE__ */ t.jsx(
9010
9010
  "div",
9011
9011
  {
9012
- style: { marginBottom: y === i.length - 1 ? 0 : 4 },
9012
+ style: { marginBottom: b === i.length - 1 ? 0 : 4 },
9013
9013
  children: Z
9014
9014
  },
9015
- y
9015
+ b
9016
9016
  )
9017
9017
  ) }) : /* @__PURE__ */ t.jsx("div", { style: f, children: typeof i == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", color: j, children: i }) : i });
9018
9018
  }, []), z = z0(() => 20, []), h = z0(() => 2, []);
@@ -9032,11 +9032,11 @@ const i4 = ({
9032
9032
  ...n,
9033
9033
  children: s.map((i, m) => {
9034
9034
  const j = !!i.label, f = !!i.content;
9035
- let Z = null, y = null, O = "center";
9035
+ let Z = null, b = null, O = "center";
9036
9036
  if (j && f)
9037
- c === "alternate" ? m % 2 === 0 ? (Z = i.label, y = i.content) : (Z = i.content, y = i.label) : c === "left" ? (Z = i.label, y = i.content) : c === "right" && (Z = i.content, y = i.label);
9037
+ c === "alternate" ? m % 2 === 0 ? (Z = i.label, b = i.content) : (Z = i.content, b = i.label) : c === "left" ? (Z = i.label, b = i.content) : c === "right" && (Z = i.content, b = i.label);
9038
9038
  else if (f && !j)
9039
- u ? c === "alternate" ? m % 2 === 0 ? (Z = null, y = i.content) : (Z = i.content, y = null) : c === "left" ? (Z = null, y = i.content) : c === "right" && (Z = i.content, y = null) : c === "left" ? (O = "left", y = i.content) : c === "right" ? (O = "right", Z = i.content) : c === "alternate" && (O = "center", m % 2 === 0 ? (Z = null, y = i.content) : (Z = i.content, y = null));
9039
+ u ? c === "alternate" ? m % 2 === 0 ? (Z = null, b = i.content) : (Z = i.content, b = null) : c === "left" ? (Z = null, b = i.content) : c === "right" && (Z = i.content, b = null) : c === "left" ? (O = "left", b = i.content) : c === "right" ? (O = "right", Z = i.content) : c === "alternate" && (O = "center", m % 2 === 0 ? (Z = null, b = i.content) : (Z = i.content, b = null));
9040
9040
  else
9041
9041
  return null;
9042
9042
  return /* @__PURE__ */ t.jsx(
@@ -9045,7 +9045,7 @@ const i4 = ({
9045
9045
  dot: i.dot,
9046
9046
  color: i.color,
9047
9047
  leftContent: Z,
9048
- rightContent: y,
9048
+ rightContent: b,
9049
9049
  dotPosition: O,
9050
9050
  isLast: m === s.length - 1,
9051
9051
  textAlignMode: c,
@@ -9083,14 +9083,14 @@ const C2 = B0.memo(
9083
9083
  delay: f = 0
9084
9084
  }) => {
9085
9085
  var W, Y;
9086
- const Z = g0(), y = L(c, Z), { txtColor: O, borColor: C } = i0({
9086
+ const Z = g0(), b = L(c, Z), { txtColor: O, borColor: C } = i0({
9087
9087
  border: !0,
9088
9088
  fallback: "default"
9089
9089
  }), w = h0(), _ = h0(), [R, M] = q(0);
9090
9090
  o1(() => {
9091
9091
  const B = () => {
9092
- var d, b;
9093
- const x = ((d = w.current) == null ? void 0 : d.offsetHeight) || 0, F = ((b = _.current) == null ? void 0 : b.offsetHeight) || 0;
9092
+ var d, y;
9093
+ const x = ((d = w.current) == null ? void 0 : d.offsetHeight) || 0, F = ((y = _.current) == null ? void 0 : y.offsetHeight) || 0;
9094
9094
  M(i + Math.max(x, F));
9095
9095
  }, $ = new ResizeObserver(() => {
9096
9096
  B();
@@ -9137,8 +9137,8 @@ const C2 = B0.memo(
9137
9137
  [f]
9138
9138
  ), k = B0.isValidElement(s) ? B0.cloneElement(s, {
9139
9139
  size: ((W = s.props) == null ? void 0 : W.size) || i,
9140
- color: ((Y = s.props) == null ? void 0 : Y.color) || y
9141
- }) : /* @__PURE__ */ t.jsx(a9, { size: i, color: y });
9140
+ color: ((Y = s.props) == null ? void 0 : Y.color) || b
9141
+ }) : /* @__PURE__ */ t.jsx(a9, { size: i, color: b });
9142
9142
  return n === "center" ? /* @__PURE__ */ t.jsxs(
9143
9143
  "div",
9144
9144
  {
@@ -9315,7 +9315,7 @@ const h4 = ({
9315
9315
  headerClassName: j = "",
9316
9316
  bodyClassName: f = "",
9317
9317
  width: Z = "100%",
9318
- height: y = "auto",
9318
+ height: b = "auto",
9319
9319
  style: O = {},
9320
9320
  pagination: C = !1,
9321
9321
  onChange: w,
@@ -9341,7 +9341,7 @@ const h4 = ({
9341
9341
  lg: { padding: "16px 20px", fontSize: 16 }
9342
9342
  }),
9343
9343
  []
9344
- ), d = F[l] || F.md, b = G0(a, M), r = D0(u, M), p = d.padding, g = Z0(
9344
+ ), d = F[l] || F.md, y = G0(a, M), r = D0(u, M), p = d.padding, g = Z0(
9345
9345
  (K, J) => typeof o == "function" ? o(K) : K[o] ?? J,
9346
9346
  [o]
9347
9347
  ), D = z0(() => {
@@ -9392,19 +9392,19 @@ const h4 = ({
9392
9392
  const C0 = J.scrollHeight > J.clientHeight ? J.offsetWidth - J.clientWidth : 0;
9393
9393
  X(C0);
9394
9394
  }
9395
- }, [D, y]);
9395
+ }, [D, b]);
9396
9396
  const c0 = z0(
9397
9397
  () => ({
9398
- borderTopLeftRadius: b.borderRadius,
9399
- borderTopRightRadius: b.borderRadius
9398
+ borderTopLeftRadius: y.borderRadius,
9399
+ borderTopRightRadius: y.borderRadius
9400
9400
  }),
9401
- [b.borderRadius]
9401
+ [y.borderRadius]
9402
9402
  ), f0 = z0(
9403
9403
  () => ({
9404
- borderBottomLeftRadius: b.borderRadius,
9405
- borderBottomRightRadius: b.borderRadius
9404
+ borderBottomLeftRadius: y.borderRadius,
9405
+ borderBottomRightRadius: y.borderRadius
9406
9406
  }),
9407
- [b.borderRadius]
9407
+ [y.borderRadius]
9408
9408
  ), l0 = z0(() => {
9409
9409
  const K = s.reduce((J, d0) => J + (d0.col || (d0.width ? 0 : 1)), 0);
9410
9410
  return s.map((J) => {
@@ -9551,7 +9551,7 @@ const h4 = ({
9551
9551
  {
9552
9552
  ref: A,
9553
9553
  className: n0("sud-table__body", f),
9554
- style: { maxHeight: y, overflow: "auto", ...f0 },
9554
+ style: { maxHeight: b, overflow: "auto", ...f0 },
9555
9555
  role: "presentation",
9556
9556
  tabIndex: 0,
9557
9557
  "aria-label": "테이블 본문",
@@ -9679,10 +9679,10 @@ function W1({
9679
9679
  ariaInvalid: j,
9680
9680
  ariaDescribedby: f
9681
9681
  }) {
9682
- const Z = g0(), { bgColor: y } = i0({
9682
+ const Z = g0(), { bgColor: b } = i0({
9683
9683
  border: !1,
9684
9684
  fallback: v
9685
- }), O = a ? L(a, Z) : y, [C, w] = q(c || !1), [_, R] = q(!1), M = s !== void 0, S = M ? s : C, N = l === "top" || l === "bottom", H = h0(), V = h0(), P = _ || S ? O : L("cool-gray-3", Z), k = (W) => {
9685
+ }), O = a ? L(a, Z) : b, [C, w] = q(c || !1), [_, R] = q(!1), M = s !== void 0, S = M ? s : C, N = l === "top" || l === "bottom", H = h0(), V = h0(), P = _ || S ? O : L("cool-gray-3", Z), k = (W) => {
9686
9686
  if (W.stopPropagation(), u) return;
9687
9687
  const Y = !S;
9688
9688
  M || w(Y), o == null || o(Y), H.current && S1(H.current), V.current && G1(V.current);
@@ -9774,7 +9774,7 @@ W1.Group = function({
9774
9774
  labelPosition: j = "right",
9775
9775
  ariaLabel: f,
9776
9776
  ariaRequired: Z,
9777
- name: y,
9777
+ name: b,
9778
9778
  role: O = "checkboxgroup",
9779
9779
  className: C = "",
9780
9780
  style: w = {}
@@ -9812,7 +9812,7 @@ W1.Group = function({
9812
9812
  color: i,
9813
9813
  colorType: m,
9814
9814
  labelPosition: j,
9815
- name: y,
9815
+ name: b,
9816
9816
  ariaLabel: N,
9817
9817
  children: N
9818
9818
  },
@@ -9838,7 +9838,7 @@ const W0 = ({
9838
9838
  style: j = {},
9839
9839
  disabled: f = !1,
9840
9840
  readOnly: Z = !1,
9841
- autoFocus: y = !1,
9841
+ autoFocus: b = !1,
9842
9842
  password: O = !1,
9843
9843
  maxLength: C,
9844
9844
  type: w = "text",
@@ -9859,19 +9859,19 @@ const W0 = ({
9859
9859
  error: x = !1,
9860
9860
  required: F = !1,
9861
9861
  ariaRequired: d,
9862
- ariaInvalid: b,
9862
+ ariaInvalid: y,
9863
9863
  ariaDescribedby: r,
9864
9864
  onClick: p,
9865
9865
  thousandSeparator: g = !1
9866
9866
  }) => {
9867
- const D = g0(), U = h0(null), [T, I] = q(y), { bgColor: E, txtColor: A, borColor: G } = i0({
9867
+ const D = g0(), U = h0(null), [T, I] = q(b), { bgColor: E, txtColor: A, borColor: G } = i0({
9868
9868
  border: o,
9869
9869
  fallback: x ? "error" : T ? "focus" : "default",
9870
9870
  componentType: "input"
9871
9871
  });
9872
9872
  v0(() => {
9873
- y && U.current && U.current.focus();
9874
- }, [y]);
9873
+ b && U.current && U.current.focus();
9874
+ }, [b]);
9875
9875
  const X = s ? L(s, D) : E, c0 = c ? L(c, D) : A, f0 = l ? L(l, D) : G, l0 = o && f0 ? `${a}px ${n} ${f0}` : "none", y0 = G0(N, D), K = D0(H, D), J = {
9876
9876
  sm: { height: 32, fontSize: 14, padding: "4px" },
9877
9877
  md: { height: 38, fontSize: 16, padding: "6px" },
@@ -9915,7 +9915,7 @@ const W0 = ({
9915
9915
  },
9916
9916
  "aria-label": Y,
9917
9917
  "aria-required": d,
9918
- "aria-invalid": b,
9918
+ "aria-invalid": y,
9919
9919
  "aria-describedby": r,
9920
9920
  children: typeof B == "string" ? /* @__PURE__ */ t.jsx(
9921
9921
  t0,
@@ -9995,14 +9995,14 @@ const W0 = ({
9995
9995
  placeholder: R,
9996
9996
  disabled: f,
9997
9997
  readOnly: Z,
9998
- autoFocus: y,
9998
+ autoFocus: b,
9999
9999
  maxLength: C,
10000
10000
  id: P,
10001
10001
  name: k,
10002
10002
  autoComplete: W,
10003
10003
  "aria-label": Y || B,
10004
10004
  "aria-required": d || F,
10005
- "aria-invalid": b || S0,
10005
+ "aria-invalid": y || S0,
10006
10006
  "aria-describedby": r || (S0 ? `${P}-error` : void 0),
10007
10007
  "aria-disabled": f,
10008
10008
  onFocus: () => I(!0),
@@ -10116,7 +10116,7 @@ const W0 = ({
10116
10116
  value: f = "",
10117
10117
  onChange: Z = () => {
10118
10118
  },
10119
- shape: y = "rounded",
10119
+ shape: b = "rounded",
10120
10120
  shadow: O = "sm",
10121
10121
  size: C = "md",
10122
10122
  rows: w = 4,
@@ -10136,7 +10136,7 @@ const W0 = ({
10136
10136
  ariaRequired: x,
10137
10137
  ariaInvalid: F,
10138
10138
  ariaDescribedby: d,
10139
- onClick: b
10139
+ onClick: y
10140
10140
  }) => {
10141
10141
  const r = g0(), p = h0(null), [g, D] = q(m), [U, T] = q(!1), { bgColor: I, txtColor: E, borColor: A } = i0({
10142
10142
  border: o,
@@ -10146,7 +10146,7 @@ const W0 = ({
10146
10146
  v0(() => {
10147
10147
  m && p.current && p.current.focus();
10148
10148
  }, [m]);
10149
- const G = s ? L(s, r) : I, X = c ? L(c, r) : E, c0 = l ? L(l, r) : A, f0 = o && c0 ? `${a}px ${n} ${c0}` : "none", l0 = G0(y, r), y0 = D0(O, r), K = {
10149
+ const G = s ? L(s, r) : I, X = c ? L(c, r) : E, c0 = l ? L(l, r) : A, f0 = o && c0 ? `${a}px ${n} ${c0}` : "none", l0 = G0(b, r), y0 = D0(O, r), K = {
10150
10150
  sm: { height: 32, fontSize: 14, padding: "4px" },
10151
10151
  md: { height: 38, fontSize: 16, padding: "6px" },
10152
10152
  lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10212,7 +10212,7 @@ const W0 = ({
10212
10212
  v,
10213
10213
  `cursor-${h ? "not-allowed" : ""}`
10214
10214
  ),
10215
- onClick: b,
10215
+ onClick: y,
10216
10216
  "data-name": V,
10217
10217
  style: {
10218
10218
  display: "flex",
@@ -10359,7 +10359,7 @@ const W0 = ({
10359
10359
  password: j = !1,
10360
10360
  length: f = 6,
10361
10361
  type: Z = "int",
10362
- value: y = "",
10362
+ value: b = "",
10363
10363
  onChange: O = () => {
10364
10364
  },
10365
10365
  shape: C = "rounded",
@@ -10377,7 +10377,7 @@ const W0 = ({
10377
10377
  ariaDescribedby: Y,
10378
10378
  onClick: B
10379
10379
  }) => {
10380
- const $ = g0(), x = h0([]), [F, d] = q(m ? 0 : -1), { txtColor: b } = i0({
10380
+ const $ = g0(), x = h0([]), [F, d] = q(m ? 0 : -1), { txtColor: y } = i0({
10381
10381
  border: o,
10382
10382
  fallback: V ? "error" : "default",
10383
10383
  componentType: "input"
@@ -10385,17 +10385,17 @@ const W0 = ({
10385
10385
  v0(() => {
10386
10386
  m && x.current[0] && x.current[0].focus();
10387
10387
  }, [m]);
10388
- const r = c ? L(c, $) : b, p = G0(C, $), g = D0(w, $), D = {
10388
+ const r = c ? L(c, $) : y, p = G0(C, $), g = D0(w, $), D = {
10389
10389
  sm: { height: 32, fontSize: 14, padding: "4px" },
10390
10390
  md: { height: 38, fontSize: 16, padding: "6px" },
10391
10391
  lg: { height: 42, fontSize: 18, padding: "8px" }
10392
10392
  }[_] || {}, U = j ? "password" : Z, T = (A, G) => {
10393
10393
  const X = A.target.value;
10394
10394
  if (Z === "int" && !/^\d*$/.test(X)) return;
10395
- const c0 = y.split("");
10395
+ const c0 = b.split("");
10396
10396
  c0[G] = X, O({ target: { value: c0.join("") } }), X && G < f - 1 && x.current[G + 1].focus();
10397
10397
  }, I = (A, G) => {
10398
- A.key === "Backspace" && !y[G] && G > 0 && x.current[G - 1].focus();
10398
+ A.key === "Backspace" && !b[G] && G > 0 && x.current[G - 1].focus();
10399
10399
  }, E = (A) => {
10400
10400
  A.preventDefault();
10401
10401
  const G = A.clipboardData.getData("text");
@@ -10507,7 +10507,7 @@ const W0 = ({
10507
10507
  ref: (J) => x.current[G] = J,
10508
10508
  type: U,
10509
10509
  maxLength: 1,
10510
- value: y[G] || "",
10510
+ value: b[G] || "",
10511
10511
  onChange: (J) => T(J, G),
10512
10512
  onKeyDown: (J) => I(J, G),
10513
10513
  disabled: h,
@@ -10583,7 +10583,7 @@ const h2 = ({
10583
10583
  trackColor: j,
10584
10584
  fill: f = !0,
10585
10585
  width: Z,
10586
- height: y,
10586
+ height: b,
10587
10587
  minMaxVisible: O = !1,
10588
10588
  colorType: C = "primary",
10589
10589
  unit: w = "",
@@ -10601,7 +10601,7 @@ const h2 = ({
10601
10601
  ariaValueText: B,
10602
10602
  ...$
10603
10603
  }) => {
10604
- const x = g0(), F = h0(null), d = h0(null), [b, r] = q(!1), [p, g] = q(o), D = g2(), U = W || D, { bgColor: T, borColor: I } = i0({
10604
+ const x = g0(), F = h0(null), d = h0(null), [y, r] = q(!1), [p, g] = q(o), D = g2(), U = W || D, { bgColor: T, borColor: I } = i0({
10605
10605
  border: z,
10606
10606
  fallback: C,
10607
10607
  componentType: "button"
@@ -10620,10 +10620,10 @@ const h2 = ({
10620
10620
  height: f0,
10621
10621
  thumb: l0,
10622
10622
  fontSize: y0
10623
- } = a ? G[S] : X[S], K = Z || c0, J = y || f0, d0 = (p - s) / (c - s) * 100;
10623
+ } = a ? G[S] : X[S], K = Z || c0, J = b || f0, d0 = (p - s) / (c - s) * 100;
10624
10624
  v0(() => {
10625
- b || g(o);
10626
- }, [o, b]);
10625
+ y || g(o);
10626
+ }, [o, y]);
10627
10627
  const C0 = Z0(
10628
10628
  (k0, A0) => {
10629
10629
  const r0 = F.current.getBoundingClientRect();
@@ -10636,16 +10636,16 @@ const h2 = ({
10636
10636
  ), R0 = (k0) => {
10637
10637
  u || (r(!0), S1(d.current), C0(k0.clientX, k0.clientY));
10638
10638
  }, w0 = (k0) => {
10639
- !b || u || C0(k0.clientX, k0.clientY);
10639
+ !y || u || C0(k0.clientX, k0.clientY);
10640
10640
  }, F0 = () => {
10641
10641
  u || r(!1);
10642
10642
  };
10643
10643
  v0(() => {
10644
- if (b)
10644
+ if (y)
10645
10645
  return window.addEventListener("mousemove", w0), window.addEventListener("mouseup", F0), () => {
10646
10646
  window.removeEventListener("mousemove", w0), window.removeEventListener("mouseup", F0);
10647
10647
  };
10648
- }, [b, w0]);
10648
+ }, [y, w0]);
10649
10649
  const S0 = (k0) => {
10650
10650
  if (u) return;
10651
10651
  let A0 = p;
@@ -10895,7 +10895,7 @@ const h2 = ({
10895
10895
  divider: j = !1,
10896
10896
  color: f,
10897
10897
  border: Z = !0,
10898
- borderColor: y,
10898
+ borderColor: b,
10899
10899
  borderType: O,
10900
10900
  borderWeight: C,
10901
10901
  shape: w = "rounded",
@@ -10955,7 +10955,7 @@ const h2 = ({
10955
10955
  background: m,
10956
10956
  color: f,
10957
10957
  border: Z,
10958
- borderColor: y,
10958
+ borderColor: b,
10959
10959
  borderType: O,
10960
10960
  borderWeight: C,
10961
10961
  shape: w,
@@ -11008,7 +11008,7 @@ const u4 = ({
11008
11008
  inputProps: j = {},
11009
11009
  sliderProps: f = {},
11010
11010
  cardProps: Z = {},
11011
- buttonProps: y = {},
11011
+ buttonProps: b = {},
11012
11012
  ...O
11013
11013
  }) => {
11014
11014
  const C = h0(), [w, _] = q(s), [R, M] = q("HEX"), [S, N] = q(210), [H, V] = q(100), [P, k] = q({ x: 0, y: 0 }), [W, Y] = q({ h: 210, s: 100, b: 100 }), [B, $] = q({ r: 22, g: 119, b: 255 }), x = {
@@ -11016,30 +11016,36 @@ const u4 = ({
11016
11016
  md: 40,
11017
11017
  lg: 48
11018
11018
  }, F = Z0(
11019
- ({ r: b, g: r, b: p }) => {
11020
- const g = Math.max(b, r, p), D = Math.min(b, r, p), U = g / 255, T = g === 0 ? 0 : (g - D) / g;
11019
+ ({ r: y, g: r, b: p }) => {
11020
+ const g = Math.max(y, r, p), D = Math.min(y, r, p), U = g / 255, T = g === 0 ? 0 : (g - D) / g;
11021
11021
  let I = 0;
11022
11022
  if (g !== D) {
11023
11023
  switch (g) {
11024
- case b:
11024
+ case y:
11025
11025
  I = (r - p) / (g - D) + (r < p ? 6 : 0);
11026
11026
  break;
11027
11027
  case r:
11028
- I = (p - b) / (g - D) + 2;
11028
+ I = (p - y) / (g - D) + 2;
11029
11029
  break;
11030
11030
  case p:
11031
- I = (b - r) / (g - D) + 4;
11031
+ I = (y - r) / (g - D) + 4;
11032
11032
  break;
11033
11033
  }
11034
11034
  I *= 60;
11035
11035
  }
11036
- $({ r: b, g: r, b: p }), Y({
11036
+ $({ r: y, g: r, b: p }), Y({
11037
11037
  h: Math.round(I),
11038
11038
  s: Math.round(T * 100),
11039
11039
  b: Math.round(U * 100)
11040
11040
  }), N(Math.round(I));
11041
- const E = L9(b, r, p);
11042
- _(E), c == null || c({ hex: E, rgb: { r: b, g: r, b: p }, hsb: W, alpha: H });
11041
+ const E = L9(y, r, p), A = `rgba(${y}, ${r}, ${p}, ${H / 100})`;
11042
+ _(A), c == null || c({
11043
+ hex: E,
11044
+ rgb: { r: y, g: r, b: p },
11045
+ hsb: W,
11046
+ alpha: H,
11047
+ rgba: A
11048
+ });
11043
11049
  },
11044
11050
  [c, H]
11045
11051
  );
@@ -11047,8 +11053,8 @@ const u4 = ({
11047
11053
  F(u2(s));
11048
11054
  }, [s]);
11049
11055
  const d = Z0(
11050
- (b) => {
11051
- const r = C.current.getBoundingClientRect(), p = Math.min(Math.max(b.clientX - r.left, 0), r.width), g = Math.min(Math.max(b.clientY - r.top, 0), r.height);
11056
+ (y) => {
11057
+ const r = C.current.getBoundingClientRect(), p = Math.min(Math.max(y.clientX - r.left, 0), r.width), g = Math.min(Math.max(y.clientY - r.top, 0), r.height);
11052
11058
  k({ x: p, y: g });
11053
11059
  const D = p / r.width, U = 1 - g / r.height, T = S, I = (X, c0 = (X + T / 60) % 6) => U - U * D * Math.max(Math.min(c0, 4 - c0, 1), 0), E = Math.round(I(5) * 255), A = Math.round(I(3) * 255), G = Math.round(I(1) * 255);
11054
11060
  F({ r: E, g: A, b: G });
@@ -11085,15 +11091,15 @@ const u4 = ({
11085
11091
  {
11086
11092
  ref: C,
11087
11093
  className: "sud-color-picker__palette",
11088
- onMouseDown: (b) => {
11089
- d(b);
11094
+ onMouseDown: (y) => {
11095
+ d(y);
11090
11096
  const r = (g) => d(g), p = () => {
11091
11097
  window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", p);
11092
11098
  };
11093
11099
  window.addEventListener("mousemove", r), window.addEventListener("mouseup", p);
11094
11100
  },
11095
- onTouchStart: (b) => {
11096
- const r = b.touches[0];
11101
+ onTouchStart: (y) => {
11102
+ const r = y.touches[0];
11097
11103
  d(r);
11098
11104
  const p = (D) => d(D.touches[0]), g = () => {
11099
11105
  window.removeEventListener("touchmove", p), window.removeEventListener("touchend", g);
@@ -11161,8 +11167,8 @@ const u4 = ({
11161
11167
  {
11162
11168
  size: "sm",
11163
11169
  value: w,
11164
- onChange: (b) => {
11165
- const r = b.target.value;
11170
+ onChange: (y) => {
11171
+ const r = y.target.value;
11166
11172
  _(r);
11167
11173
  try {
11168
11174
  F(u2(r));
@@ -11178,7 +11184,7 @@ const u4 = ({
11178
11184
  {
11179
11185
  size: "sm",
11180
11186
  value: H,
11181
- onChange: (b) => V(Number(b.target.value)),
11187
+ onChange: (y) => V(Number(y.target.value)),
11182
11188
  placeholder: "A",
11183
11189
  className: "sud-color-picker__alpha-input",
11184
11190
  ...j
@@ -11191,8 +11197,8 @@ const u4 = ({
11191
11197
  {
11192
11198
  size: "sm",
11193
11199
  value: W.h,
11194
- onChange: (b) => {
11195
- const r = Number(b.target.value);
11200
+ onChange: (y) => {
11201
+ const r = Number(y.target.value);
11196
11202
  Y((p) => ({ ...p, h: r })), N(r);
11197
11203
  },
11198
11204
  placeholder: "H",
@@ -11205,8 +11211,8 @@ const u4 = ({
11205
11211
  {
11206
11212
  size: "sm",
11207
11213
  value: W.s,
11208
- onChange: (b) => {
11209
- Y((r) => ({ ...r, s: Number(b.target.value) }));
11214
+ onChange: (y) => {
11215
+ Y((r) => ({ ...r, s: Number(y.target.value) }));
11210
11216
  },
11211
11217
  placeholder: "S",
11212
11218
  className: "sud-color-picker__saturation-input",
@@ -11218,8 +11224,8 @@ const u4 = ({
11218
11224
  {
11219
11225
  size: "sm",
11220
11226
  value: W.b,
11221
- onChange: (b) => {
11222
- Y((r) => ({ ...r, b: Number(b.target.value) }));
11227
+ onChange: (y) => {
11228
+ Y((r) => ({ ...r, b: Number(y.target.value) }));
11223
11229
  },
11224
11230
  placeholder: "B",
11225
11231
  className: "sud-color-picker__brightness-input",
@@ -11231,7 +11237,7 @@ const u4 = ({
11231
11237
  {
11232
11238
  size: "sm",
11233
11239
  value: H,
11234
- onChange: (b) => V(Number(b.target.value)),
11240
+ onChange: (y) => V(Number(y.target.value)),
11235
11241
  placeholder: "A",
11236
11242
  className: "sud-color-picker__alpha-input",
11237
11243
  ...j
@@ -11244,7 +11250,7 @@ const u4 = ({
11244
11250
  {
11245
11251
  size: "sm",
11246
11252
  value: B.r,
11247
- onChange: (b) => F({ ...B, r: Number(b.target.value) }),
11253
+ onChange: (y) => F({ ...B, r: Number(y.target.value) }),
11248
11254
  placeholder: "R",
11249
11255
  className: "sud-color-picker__red-input",
11250
11256
  ...j
@@ -11255,7 +11261,7 @@ const u4 = ({
11255
11261
  {
11256
11262
  size: "sm",
11257
11263
  value: B.g,
11258
- onChange: (b) => F({ ...B, g: Number(b.target.value) }),
11264
+ onChange: (y) => F({ ...B, g: Number(y.target.value) }),
11259
11265
  placeholder: "G",
11260
11266
  className: "sud-color-picker__green-input",
11261
11267
  ...j
@@ -11266,7 +11272,7 @@ const u4 = ({
11266
11272
  {
11267
11273
  size: "sm",
11268
11274
  value: B.b,
11269
- onChange: (b) => F({ ...B, b: Number(b.target.value) }),
11275
+ onChange: (y) => F({ ...B, b: Number(y.target.value) }),
11270
11276
  placeholder: "B",
11271
11277
  className: "sud-color-picker__blue-input",
11272
11278
  ...j
@@ -11277,7 +11283,7 @@ const u4 = ({
11277
11283
  {
11278
11284
  size: "sm",
11279
11285
  value: H,
11280
- onChange: (b) => V(Number(b.target.value)),
11286
+ onChange: (y) => V(Number(y.target.value)),
11281
11287
  placeholder: "A",
11282
11288
  className: "sud-color-picker__alpha-input",
11283
11289
  ...j
@@ -11294,8 +11300,8 @@ const u4 = ({
11294
11300
  max: 360,
11295
11301
  value: S,
11296
11302
  size: "md",
11297
- onChange: (b) => {
11298
- N(b), Y((r) => ({ ...r, h: b }));
11303
+ onChange: (y) => {
11304
+ N(y), Y((r) => ({ ...r, h: y }));
11299
11305
  },
11300
11306
  fill: !1,
11301
11307
  trackColor: "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)",
@@ -11310,7 +11316,7 @@ const u4 = ({
11310
11316
  max: 100,
11311
11317
  value: H,
11312
11318
  size: "md",
11313
- onChange: (b) => V(b),
11319
+ onChange: (y) => V(y),
11314
11320
  fill: !1,
11315
11321
  trackColor: `linear-gradient(to right, transparent, ${w})`,
11316
11322
  className: "sud-color-picker__alpha-slider",
@@ -11338,7 +11344,7 @@ const u4 = ({
11338
11344
  size: h,
11339
11345
  style: v,
11340
11346
  className: n0("sud-color-picker__trigger", z),
11341
- ...y,
11347
+ ...b,
11342
11348
  children: /* @__PURE__ */ t.jsx(
11343
11349
  u1,
11344
11350
  {
@@ -11372,7 +11378,7 @@ const u4 = ({
11372
11378
  format: j = "YYYY-MM-DD",
11373
11379
  range: f = !1,
11374
11380
  placement: Z = "top",
11375
- locale: y = "en",
11381
+ locale: b = "en",
11376
11382
  popConfirmProps: O = {},
11377
11383
  inputProps: C = {},
11378
11384
  color: w,
@@ -11403,7 +11409,7 @@ const u4 = ({
11403
11409
  return [T, I].filter(Boolean).join(" ~ ");
11404
11410
  }
11405
11411
  return a0(g).isValid() ? a0(g).format(j) : "";
11406
- }, b = (g) => {
11412
+ }, y = (g) => {
11407
11413
  if (n || a) return;
11408
11414
  const D = d(g);
11409
11415
  i(g, D), (!f || (g == null ? void 0 : g.startDate) && (g == null ? void 0 : g.endDate)) && (x(!1), requestAnimationFrame(() => {
@@ -11427,10 +11433,10 @@ const u4 = ({
11427
11433
  value: f ? r : h,
11428
11434
  startDate: r,
11429
11435
  endDate: p,
11430
- onChange: b,
11436
+ onChange: y,
11431
11437
  range: f,
11432
11438
  size: "miniView",
11433
- locale: y,
11439
+ locale: b,
11434
11440
  ...V
11435
11441
  }
11436
11442
  ),
@@ -11492,7 +11498,7 @@ function Y1({
11492
11498
  const f = g0(), { bgColor: Z } = i0({
11493
11499
  border: !1,
11494
11500
  fallback: v
11495
- }), y = a ? L(a, f) : Z, [O, C] = q(c || !1), [w, _] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), H = h0(), V = w || M ? y : L("cool-gray-3", f), P = (k) => {
11501
+ }), b = a ? L(a, f) : Z, [O, C] = q(c || !1), [w, _] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), H = h0(), V = w || M ? b : L("cool-gray-3", f), P = (k) => {
11496
11502
  if (k.stopPropagation(), u || M) return;
11497
11503
  const W = !0;
11498
11504
  R || C(W), o == null || o(W), N.current && S1(N.current), H.current && G1(H.current);
@@ -11535,7 +11541,7 @@ function Y1({
11535
11541
  display: "inline-flex",
11536
11542
  alignItems: "center",
11537
11543
  justifyContent: "center",
11538
- background: M ? y : L("white-10", f),
11544
+ background: M ? b : L("white-10", f),
11539
11545
  border: `1px solid ${V}`,
11540
11546
  borderRadius: "50%",
11541
11547
  transition: "border-color 0.2s ease, background 0.2s ease"
@@ -11584,7 +11590,7 @@ Y1.Group = function({
11584
11590
  labelPosition: j = "right",
11585
11591
  ariaLabel: f,
11586
11592
  ariaRequired: Z,
11587
- name: y,
11593
+ name: b,
11588
11594
  className: O = "",
11589
11595
  style: C = {}
11590
11596
  }) {
@@ -11620,7 +11626,7 @@ Y1.Group = function({
11620
11626
  color: i,
11621
11627
  colorType: m,
11622
11628
  labelPosition: j,
11623
- name: y,
11629
+ name: b,
11624
11630
  ariaLabel: S,
11625
11631
  children: S
11626
11632
  },
@@ -11646,7 +11652,7 @@ const f4 = ({
11646
11652
  ariaLabel: j = "별점 평가",
11647
11653
  testId: f = "rate",
11648
11654
  icon: Z = "star",
11649
- ...y
11655
+ ...b
11650
11656
  }) => {
11651
11657
  const O = g0(), [C, w] = q(o), [_, R] = q(null), M = l !== void 0, S = M ? l : C, N = z0(() => typeof Z == "string" && Z === "heart" ? "coral" : "gold", [Z]), { bgColor: H } = i0({
11652
11658
  fallback: "hovered",
@@ -11665,7 +11671,7 @@ const f4 = ({
11665
11671
  position: "relative",
11666
11672
  width: h,
11667
11673
  height: h
11668
- }, b = {
11674
+ }, y = {
11669
11675
  position: "absolute",
11670
11676
  top: 0,
11671
11677
  left: 0,
@@ -11676,11 +11682,11 @@ const f4 = ({
11676
11682
  };
11677
11683
  return /* @__PURE__ */ t.jsxs("div", { style: d, children: [
11678
11684
  k(P),
11679
- /* @__PURE__ */ t.jsx("div", { style: b, children: k(V) })
11685
+ /* @__PURE__ */ t.jsx("div", { style: y, children: k(V) })
11680
11686
  ] });
11681
11687
  }, [V, P, h, k]), Y = Z0(
11682
11688
  (d) => {
11683
- const b = _ !== null ? _ : S, r = b >= d + 1, p = !r && c && b >= d + 0.5;
11689
+ const y = _ !== null ? _ : S, r = y >= d + 1, p = !r && c && y >= d + 0.5;
11684
11690
  return r ? k(V) : p ? W() : k(P);
11685
11691
  },
11686
11692
  [
@@ -11695,14 +11701,14 @@ const f4 = ({
11695
11701
  ), B = Z0(
11696
11702
  (d) => {
11697
11703
  if (a) return;
11698
- const b = c && _ !== null ? _ : d;
11699
- M || w(b), n == null || n(b);
11704
+ const y = c && _ !== null ? _ : d;
11705
+ M || w(y), n == null || n(y);
11700
11706
  },
11701
11707
  [a, c, _, M, n]
11702
11708
  ), $ = Z0(
11703
- (d, b) => {
11709
+ (d, y) => {
11704
11710
  if (a) return;
11705
- const { left: r, width: p } = d.currentTarget.getBoundingClientRect(), g = (d.clientX - r) / p, D = c && g < 0.5 ? b + 0.5 : b + 1;
11711
+ const { left: r, width: p } = d.currentTarget.getBoundingClientRect(), g = (d.clientX - r) / p, D = c && g < 0.5 ? y + 0.5 : y + 1;
11706
11712
  R(D);
11707
11713
  },
11708
11714
  [a, c]
@@ -11711,8 +11717,8 @@ const f4 = ({
11711
11717
  }, [a]), F = Z0(
11712
11718
  (d) => {
11713
11719
  if (a) return;
11714
- let b = S;
11715
- d.key === "ArrowRight" ? b = Math.min(S + 1, s) : d.key === "ArrowLeft" ? b = Math.max(S - 1, 0) : d.key === "Home" ? b = 0 : d.key === "End" && (b = s), M || w(b), n == null || n(b);
11720
+ let y = S;
11721
+ d.key === "ArrowRight" ? y = Math.min(S + 1, s) : d.key === "ArrowLeft" ? y = Math.max(S - 1, 0) : d.key === "Home" ? y = 0 : d.key === "End" && (y = s), M || w(y), n == null || n(y);
11716
11722
  },
11717
11723
  [a, S, s, M, n]
11718
11724
  );
@@ -11732,26 +11738,26 @@ const f4 = ({
11732
11738
  ...m
11733
11739
  },
11734
11740
  "data-testid": f,
11735
- ...y,
11741
+ ...b,
11736
11742
  children: [
11737
- Array.from({ length: s }).map((d, b) => /* @__PURE__ */ t.jsx(
11743
+ Array.from({ length: s }).map((d, y) => /* @__PURE__ */ t.jsx(
11738
11744
  "div",
11739
11745
  {
11740
11746
  role: "radio",
11741
- "aria-checked": S > b,
11742
- "aria-label": `${b + 1}점`,
11743
- onClick: () => B(b + 1),
11744
- onMouseMove: (r) => $(r, b),
11747
+ "aria-checked": S > y,
11748
+ "aria-label": `${y + 1}점`,
11749
+ onClick: () => B(y + 1),
11750
+ onMouseMove: (r) => $(r, y),
11745
11751
  onMouseLeave: x,
11746
11752
  style: {
11747
11753
  cursor: a ? "not-allowed" : "pointer",
11748
11754
  width: h,
11749
11755
  height: h
11750
11756
  },
11751
- "data-testid": `${f}-star-${b + 1}`,
11752
- children: Y(b)
11757
+ "data-testid": `${f}-star-${y + 1}`,
11758
+ children: Y(y)
11753
11759
  },
11754
- b
11760
+ y
11755
11761
  )),
11756
11762
  u && /* @__PURE__ */ t.jsx(
11757
11763
  t0,
@@ -11782,7 +11788,7 @@ const f4 = ({
11782
11788
  size: j = "md",
11783
11789
  colorType: f = "primary",
11784
11790
  className: Z = "",
11785
- style: y = {},
11791
+ style: b = {},
11786
11792
  id: O,
11787
11793
  ariaLabel: C,
11788
11794
  ...w
@@ -11797,7 +11803,7 @@ const f4 = ({
11797
11803
  border: !1,
11798
11804
  fallback: f,
11799
11805
  componentType: "button"
11800
- }), b = n ? L(n, _) : d, r = L(a || "cool-gray-3", _), p = {
11806
+ }), y = n ? L(n, _) : d, r = L(a || "cool-gray-3", _), p = {
11801
11807
  sm: { height: 22, thumb: 18, fontSize: 12 },
11802
11808
  md: { height: 32, thumb: 28, fontSize: 14 },
11803
11809
  lg: { height: 40, thumb: 34, fontSize: 16 }
@@ -11827,7 +11833,7 @@ const f4 = ({
11827
11833
  minWidth: g * 2,
11828
11834
  height: g,
11829
11835
  borderRadius: g / 2,
11830
- background: N ? b : r,
11836
+ background: N ? y : r,
11831
11837
  overflow: "hidden",
11832
11838
  cursor: l ? "not-allowed" : "pointer",
11833
11839
  opacity: l ? 0.5 : 1,
@@ -11840,7 +11846,7 @@ const f4 = ({
11840
11846
  fontSize: U,
11841
11847
  transition: "background 0.25s ease",
11842
11848
  outline: "none",
11843
- ...y
11849
+ ...b
11844
11850
  },
11845
11851
  ...w,
11846
11852
  children: [
@@ -11889,13 +11895,13 @@ const f4 = ({
11889
11895
  display: "flex",
11890
11896
  alignItems: "center",
11891
11897
  justifyContent: "center",
11892
- color: N ? b : r,
11898
+ color: N ? y : r,
11893
11899
  boxShadow: F,
11894
11900
  fontSize: D * 0.5,
11895
11901
  transition: "all 0.25s ease"
11896
11902
  },
11897
11903
  children: x2(N ? z : h) ? g1(N ? z : h, {
11898
- color: N ? b : r
11904
+ color: N ? y : r
11899
11905
  }) : N ? z : h
11900
11906
  }
11901
11907
  ),
@@ -11930,7 +11936,7 @@ const f4 = ({
11930
11936
  ...z
11931
11937
  }) => {
11932
11938
  g0();
11933
- const [h, i] = q(null), [m, j] = q(0), [f, Z] = q("hour"), [y, O] = q({
11939
+ const [h, i] = q(null), [m, j] = q(0), [f, Z] = q("hour"), [b, O] = q({
11934
11940
  startTime: { hour: !1, minute: !1, second: !1 },
11935
11941
  endTime: { hour: !1, minute: !1, second: !1 }
11936
11942
  }), C = o, w = l, _ = a, R = (I) => {
@@ -11972,16 +11978,16 @@ const f4 = ({
11972
11978
  }, [l]), x = z0(
11973
11979
  () => Array.from({ length: 60 / _ }, (I, E) => E * _),
11974
11980
  [a]
11975
- ), F = z0(() => Array.from({ length: 60 }, (I, E) => E), []), d = (I, E) => w ? E === "AM" ? I % 12 : I % 12 + 12 : I, b = (I, E) => {
11981
+ ), F = z0(() => Array.from({ length: 60 }, (I, E) => E), []), d = (I, E) => w ? E === "AM" ? I % 12 : I % 12 + 12 : I, y = (I, E) => {
11976
11982
  const A = { ...Y }, G = C && m === 1 ? "endTime" : "startTime";
11977
11983
  A[G] = {
11978
11984
  ...A[G],
11979
11985
  [I]: E
11980
11986
  };
11981
11987
  const X = {
11982
- ...y,
11988
+ ...b,
11983
11989
  [G]: {
11984
- ...y[G],
11990
+ ...b[G],
11985
11991
  [I]: !0
11986
11992
  }
11987
11993
  };
@@ -12017,7 +12023,7 @@ const f4 = ({
12017
12023
  return /* @__PURE__ */ t.jsx(
12018
12024
  "div",
12019
12025
  {
12020
- onClick: () => b(A, X),
12026
+ onClick: () => y(A, X),
12021
12027
  onMouseEnter: () => i({ ...h, [A]: X }),
12022
12028
  onMouseLeave: () => i(null),
12023
12029
  style: {
@@ -12112,7 +12118,7 @@ const f4 = ({
12112
12118
  format: j = "HH:mm:ss",
12113
12119
  range: f = !1,
12114
12120
  placement: Z = "top",
12115
- showSecond: y = !1,
12121
+ showSecond: b = !1,
12116
12122
  use12Hours: O = !1,
12117
12123
  step: C = 1,
12118
12124
  popConfirmProps: w = {},
@@ -12131,27 +12137,27 @@ const f4 = ({
12131
12137
  ariaInvalid: $,
12132
12138
  ariaDescribedby: x
12133
12139
  }) => {
12134
- const [F, d] = q(!1), b = z0(() => j && !O ? j : O ? y ? "hh:mm:ss A" : "hh:mm A" : y ? "HH:mm:ss" : "HH:mm", [j, O, y]), r = z0(() => {
12140
+ const [F, d] = q(!1), y = z0(() => j && !O ? j : O ? b ? "hh:mm:ss A" : "hh:mm A" : b ? "HH:mm:ss" : "HH:mm", [j, O, b]), r = z0(() => {
12135
12141
  if (!h) return "";
12136
12142
  if (f) {
12137
- const T = h == null ? void 0 : h.startTime, I = h == null ? void 0 : h.endTime, E = T && a0(T).isValid() ? a0(T).format(b) : "", A = I && a0(I).isValid() ? a0(I).format(b) : "";
12143
+ const T = h == null ? void 0 : h.startTime, I = h == null ? void 0 : h.endTime, E = T && a0(T).isValid() ? a0(T).format(y) : "", A = I && a0(I).isValid() ? a0(I).format(y) : "";
12138
12144
  return [E, A].filter(Boolean).join(" ~ ");
12139
12145
  }
12140
- return a0(h).isValid() ? a0(h).format(b) : "";
12141
- }, [h, b, f]), p = (T) => {
12146
+ return a0(h).isValid() ? a0(h).format(y) : "";
12147
+ }, [h, y, f]), p = (T) => {
12142
12148
  if (!T) return "";
12143
12149
  if (f) {
12144
- const I = T == null ? void 0 : T.startTime, E = T == null ? void 0 : T.endTime, A = I && a0(I).isValid() ? a0(I).format(b) : "", G = E && a0(E).isValid() ? a0(E).format(b) : "";
12150
+ const I = T == null ? void 0 : T.startTime, E = T == null ? void 0 : T.endTime, A = I && a0(I).isValid() ? a0(I).format(y) : "", G = E && a0(E).isValid() ? a0(E).format(y) : "";
12145
12151
  return [A, G].filter(Boolean).join(" ~ ");
12146
12152
  }
12147
- return a0(T).isValid() ? a0(T).format(b) : "";
12153
+ return a0(T).isValid() ? a0(T).format(y) : "";
12148
12154
  }, g = (T) => {
12149
12155
  if (n || a) return;
12150
12156
  const I = p(T);
12151
12157
  i(T, I);
12152
12158
  const E = (G) => {
12153
12159
  var X, c0, f0;
12154
- return a0(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((c0 = G.getMinutes) == null ? void 0 : c0.call(G)) != null && (!y || ((f0 = G.getSeconds) == null ? void 0 : f0.call(G)) != null);
12160
+ return a0(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((c0 = G.getMinutes) == null ? void 0 : c0.call(G)) != null && (!b || ((f0 = G.getSeconds) == null ? void 0 : f0.call(G)) != null);
12155
12161
  };
12156
12162
  let A = !1;
12157
12163
  f ? A = E(T == null ? void 0 : T.startTime) && E(T == null ? void 0 : T.endTime) : A = E(T), A && (d(!1), requestAnimationFrame(() => {
@@ -12175,7 +12181,7 @@ const f4 = ({
12175
12181
  value: f ? { startTime: D, endTime: U } : h,
12176
12182
  onChange: g,
12177
12183
  range: f,
12178
- showSecond: y,
12184
+ showSecond: b,
12179
12185
  use12Hours: O,
12180
12186
  step: C,
12181
12187
  ...k
@@ -12342,7 +12348,7 @@ const V1 = {
12342
12348
  thumbnailSize: z,
12343
12349
  cardSize: h
12344
12350
  }) => {
12345
- const i = s.status === "error", [m, j] = q(!1), [f, Z] = q(!1), [y, O] = q(null);
12351
+ const i = s.status === "error", [m, j] = q(!1), [f, Z] = q(!1), [b, O] = q(null);
12346
12352
  v0(() => {
12347
12353
  if (s.type.startsWith("image/")) {
12348
12354
  const _ = URL.createObjectURL(s);
@@ -12391,10 +12397,10 @@ const V1 = {
12391
12397
  {
12392
12398
  className: "sud-upload__file-thumbnail",
12393
12399
  style: { width: z, height: z },
12394
- children: s.type.startsWith("image/") && y ? /* @__PURE__ */ t.jsx(
12400
+ children: s.type.startsWith("image/") && b ? /* @__PURE__ */ t.jsx(
12395
12401
  d2,
12396
12402
  {
12397
- src: y,
12403
+ src: b,
12398
12404
  alt: s.name,
12399
12405
  preview: !1,
12400
12406
  mask: null,
@@ -12473,10 +12479,10 @@ const V1 = {
12473
12479
  alignItems: "center",
12474
12480
  justifyContent: "center"
12475
12481
  },
12476
- children: s.type.startsWith("image/") && y ? /* @__PURE__ */ t.jsx(
12482
+ children: s.type.startsWith("image/") && b ? /* @__PURE__ */ t.jsx(
12477
12483
  d2,
12478
12484
  {
12479
- src: y,
12485
+ src: b,
12480
12486
  alt: s.name,
12481
12487
  preview: !1,
12482
12488
  mask: null,
@@ -12601,7 +12607,7 @@ const V1 = {
12601
12607
  className: j,
12602
12608
  ariaLabel: f,
12603
12609
  role: Z = "button",
12604
- listColorType: y = "default",
12610
+ listColorType: b = "default",
12605
12611
  listErrorColorType: O = "red",
12606
12612
  listHoverColorType: C = "sky",
12607
12613
  listDeleteColorType: w = "rose",
@@ -12619,7 +12625,7 @@ const V1 = {
12619
12625
  a || (T = N.current) == null || T.click();
12620
12626
  }, d = (T) => {
12621
12627
  T.preventDefault(), T.stopPropagation(), a || (Y(!0), i == null || i(!0));
12622
- }, b = (T) => {
12628
+ }, y = (T) => {
12623
12629
  T.preventDefault(), T.stopPropagation(), Y(!1), i == null || i(!1);
12624
12630
  }, r = (T) => {
12625
12631
  if (T.preventDefault(), T.stopPropagation(), Y(!1), i == null || i(!1), a) return;
@@ -12687,7 +12693,7 @@ const V1 = {
12687
12693
  index: I,
12688
12694
  onRemove: D,
12689
12695
  listType: s,
12690
- listColorType: y,
12696
+ listColorType: b,
12691
12697
  listErrorColorType: O,
12692
12698
  listHoverColorType: C,
12693
12699
  listDeleteColorType: w,
@@ -12732,7 +12738,7 @@ const V1 = {
12732
12738
  style: { cursor: a || P ? "not-allowed" : "pointer" },
12733
12739
  ...S && {
12734
12740
  onDragOver: d,
12735
- onDragLeave: b,
12741
+ onDragLeave: y,
12736
12742
  onDrop: r
12737
12743
  },
12738
12744
  children: m
@@ -12758,7 +12764,7 @@ const V1 = {
12758
12764
  fontSize: j,
12759
12765
  className: f = "",
12760
12766
  style: Z = {},
12761
- ...y
12767
+ ...b
12762
12768
  }) => {
12763
12769
  const O = g0(), C = Math.min(100, Math.max(0, c / o * 100)), { borColor: w, bgColor: _ } = i0({
12764
12770
  fallback: v,
@@ -12845,7 +12851,7 @@ const V1 = {
12845
12851
  "aria-valuemin": 0,
12846
12852
  "aria-valuemax": o,
12847
12853
  "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
12848
- ...y,
12854
+ ...b,
12849
12855
  children: [
12850
12856
  i === "outside-left" && n && I,
12851
12857
  /* @__PURE__ */ t.jsx(
@@ -12942,7 +12948,7 @@ const V1 = {
12942
12948
  "aria-valuemin": 0,
12943
12949
  "aria-valuemax": o,
12944
12950
  "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
12945
- ...y,
12951
+ ...b,
12946
12952
  children: [
12947
12953
  /* @__PURE__ */ t.jsxs(
12948
12954
  "svg",
@@ -13117,7 +13123,7 @@ const y4 = {
13117
13123
  border: j,
13118
13124
  shape: f,
13119
13125
  shadow: Z,
13120
- width: y
13126
+ width: b
13121
13127
  }) => {
13122
13128
  w2.includes(n) || (n = "top-right"), Z2({
13123
13129
  title: s,
@@ -13135,7 +13141,7 @@ const y4 = {
13135
13141
  border: j,
13136
13142
  shape: f,
13137
13143
  shadow: Z,
13138
- width: y
13144
+ width: b
13139
13145
  });
13140
13146
  }
13141
13147
  }, V9 = ({}) => {
@@ -13152,7 +13158,7 @@ const y4 = {
13152
13158
  color: j,
13153
13159
  background: f,
13154
13160
  borderType: Z,
13155
- borderColor: y,
13161
+ borderColor: b,
13156
13162
  borderWeight: O,
13157
13163
  border: C,
13158
13164
  shape: w,
@@ -13174,7 +13180,7 @@ const y4 = {
13174
13180
  color: j,
13175
13181
  background: f,
13176
13182
  borderType: Z,
13177
- borderColor: y,
13183
+ borderColor: b,
13178
13184
  borderWeight: O,
13179
13185
  border: C,
13180
13186
  shape: w,
@@ -13232,7 +13238,7 @@ const y4 = {
13232
13238
  borderWeight: j = 1,
13233
13239
  shape: f = "rounded",
13234
13240
  shadow: Z = "md",
13235
- width: y = 320
13241
+ width: b = 320
13236
13242
  }) => {
13237
13243
  const [O, C] = q(!1);
13238
13244
  return v0(() => {
@@ -13257,7 +13263,7 @@ const y4 = {
13257
13263
  borderColor: i,
13258
13264
  borderWeight: j,
13259
13265
  border: m,
13260
- width: y,
13266
+ width: b,
13261
13267
  style: {
13262
13268
  opacity: O ? 1 : 0,
13263
13269
  transform: O ? "translateY(0)" : "translateY(-12px)",
@@ -13358,7 +13364,7 @@ const y4 = {
13358
13364
  disabled: j = !1,
13359
13365
  shadow: f = "md",
13360
13366
  style: Z = {},
13361
- ariaLabel: y,
13367
+ ariaLabel: b,
13362
13368
  ariaPressed: O,
13363
13369
  ariaExpanded: C,
13364
13370
  ariaControls: w,
@@ -13387,7 +13393,7 @@ const y4 = {
13387
13393
  },
13388
13394
  children: [
13389
13395
  k && o.map((x, F) => {
13390
- const d = (F + 1) * ($ * 1.2), b = `${F * 40}ms`;
13396
+ const d = (F + 1) * ($ * 1.2), y = `${F * 40}ms`;
13391
13397
  let r;
13392
13398
  switch (Y) {
13393
13399
  case "up":
@@ -13412,7 +13418,7 @@ const y4 = {
13412
13418
  style: {
13413
13419
  position: "absolute",
13414
13420
  transition: "all 0.3s ease",
13415
- transitionDelay: b,
13421
+ transitionDelay: y,
13416
13422
  opacity: V ? 1 : 0,
13417
13423
  transform: V ? `${r} scale(1)` : "translate(0, 0) scale(0.9)",
13418
13424
  pointerEvents: V ? "auto" : "none"
@@ -13461,7 +13467,7 @@ const y4 = {
13461
13467
  borderColor: h,
13462
13468
  borderType: i,
13463
13469
  borderWeight: m,
13464
- ariaLabel: y,
13470
+ ariaLabel: b,
13465
13471
  ariaPressed: O,
13466
13472
  ariaExpanded: C,
13467
13473
  ariaControls: w,
@@ -13489,7 +13495,7 @@ const y4 = {
13489
13495
  const w = new ResizeObserver(C);
13490
13496
  return l.current && w.observe(l.current), n.current && w.observe(n.current), a.current && w.observe(a.current), () => w.disconnect();
13491
13497
  }, []);
13492
- let j = null, f = null, Z = null, y = null;
13498
+ let j = null, f = null, Z = null, b = null;
13493
13499
  const O = [];
13494
13500
  return f2.forEach(s, (C) => {
13495
13501
  if (!(C != null && C.type)) return;
@@ -13507,7 +13513,7 @@ const y4 = {
13507
13513
  headerHeight: u,
13508
13514
  footerHeight: z,
13509
13515
  siderPosition: c
13510
- }) : w === "SUContent" ? y = g1(C, {
13516
+ }) : w === "SUContent" ? b = g1(C, {
13511
13517
  layoutOffset: {
13512
13518
  header: u,
13513
13519
  footer: z,
@@ -13530,7 +13536,7 @@ const y4 = {
13530
13536
  c === "above-header" && Z,
13531
13537
  j,
13532
13538
  c === "below-header" && Z,
13533
- y,
13539
+ b,
13534
13540
  f,
13535
13541
  O
13536
13542
  ]
@@ -13553,7 +13559,7 @@ const y4 = {
13553
13559
  siderPosition: j = "below-header",
13554
13560
  siderWidth: f = 0,
13555
13561
  border: Z = !0,
13556
- style: y = {},
13562
+ style: b = {},
13557
13563
  ...O
13558
13564
  }, C) => {
13559
13565
  const w = g0(), { bgColor: _, txtColor: R, borColor: M } = i0({
@@ -13581,7 +13587,7 @@ const y4 = {
13581
13587
  left: j === "above-header" ? `${f}px` : 0,
13582
13588
  boxShadow: k,
13583
13589
  ...P,
13584
- ...y
13590
+ ...b
13585
13591
  },
13586
13592
  ...O,
13587
13593
  children: s
@@ -13607,7 +13613,7 @@ const Y9 = B1(
13607
13613
  onWidthChange: j,
13608
13614
  siderPosition: f = "below-header",
13609
13615
  headerHeight: Z = 0,
13610
- footerHeight: y = 0,
13616
+ footerHeight: b = 0,
13611
13617
  border: O = !0,
13612
13618
  style: C = {},
13613
13619
  ...w
@@ -13634,7 +13640,7 @@ const Y9 = B1(
13634
13640
  position: "absolute",
13635
13641
  top: f === "below-header" ? Z : 0,
13636
13642
  left: 0,
13637
- height: i && f === "below-header" ? `calc(100% - ${Z}px - ${y}px)` : "100%",
13643
+ height: i && f === "below-header" ? `calc(100% - ${Z}px - ${b}px)` : "100%",
13638
13644
  width: typeof h == "number" ? `${h}px` : h,
13639
13645
  minWidth: 0,
13640
13646
  // ✅ 내부 요소가 밀리지 않도록
@@ -13670,9 +13676,9 @@ const U9 = B1(
13670
13676
  style: a = {},
13671
13677
  ...u
13672
13678
  }, v) => {
13673
- const z = h0(null), h = v || z, i = g0(), { header: m = 0, footer: j = 0, sider: f = 0 } = n, { bgColor: Z, txtColor: y } = i0({
13679
+ const z = h0(null), h = v || z, i = g0(), { header: m = 0, footer: j = 0, sider: f = 0 } = n, { bgColor: Z, txtColor: b } = i0({
13674
13680
  border: !1
13675
- }), O = o ? L(o, i) : Z, C = l ? L(l, i) : y;
13681
+ }), O = o ? L(o, i) : Z, C = l ? L(l, i) : b;
13676
13682
  return /* @__PURE__ */ t.jsx(
13677
13683
  "div",
13678
13684
  {
@@ -13716,7 +13722,7 @@ const G9 = B1(
13716
13722
  onHeightChange: j,
13717
13723
  siderPosition: f = "below-header",
13718
13724
  siderWidth: Z = 0,
13719
- border: y = !0,
13725
+ border: b = !0,
13720
13726
  style: O = {},
13721
13727
  ...C
13722
13728
  }, w) => {
@@ -13725,9 +13731,9 @@ const G9 = B1(
13725
13731
  R.current && (j == null || j(R.current.offsetHeight));
13726
13732
  }, []);
13727
13733
  const { bgColor: S, txtColor: N, borColor: H } = i0({
13728
- border: y,
13734
+ border: b,
13729
13735
  fallback: l
13730
- }), V = c ? L(c, M) : S, P = o ? L(o, M) : N, k = n ? L(n, M) : H, W = y && k ? `${u}px ${a} ${k}` : "none", Y = D0(m, M), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
13736
+ }), V = c ? L(c, M) : S, P = o ? L(o, M) : N, k = n ? L(n, M) : H, W = b && k ? `${u}px ${a} ${k}` : "none", Y = D0(m, M), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
13731
13737
  return /* @__PURE__ */ t.jsx(
13732
13738
  "div",
13733
13739
  {
@@ -13811,7 +13817,7 @@ const X9 = ({ isOpen: s, children: c }) => {
13811
13817
  finalDividerColor: h,
13812
13818
  ...i
13813
13819
  }) => {
13814
- const [m, j] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, Z = a.includes(s.key), y = !f, O = `${12 + c * 16}px`, { backgroundColor: C, color: w } = u(s.key, y, m);
13820
+ const [m, j] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, Z = a.includes(s.key), b = !f, O = `${12 + c * 16}px`, { backgroundColor: C, color: w } = u(s.key, b, m);
13815
13821
  return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { className: "mg-b-6", children: [
13816
13822
  typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
13817
13823
  t0,
@@ -13878,7 +13884,7 @@ const X9 = ({ isOpen: s, children: c }) => {
13878
13884
  },
13879
13885
  onClick: () => {
13880
13886
  var _;
13881
- y ? (l == null || l(s.key), (_ = s.onClick) == null || _.call(s)) : n(s.key);
13887
+ b ? (l == null || l(s.key), (_ = s.onClick) == null || _.call(s)) : n(s.key);
13882
13888
  },
13883
13889
  role: f ? "button" : "menuitem",
13884
13890
  "aria-expanded": f ? Z : void 0,
@@ -13964,7 +13970,7 @@ const X9 = ({ isOpen: s, children: c }) => {
13964
13970
  background: j,
13965
13971
  color: f,
13966
13972
  border: Z,
13967
- borderColor: y,
13973
+ borderColor: b,
13968
13974
  borderType: O,
13969
13975
  borderWeight: C,
13970
13976
  shape: w,
@@ -13992,10 +13998,10 @@ const X9 = ({ isOpen: s, children: c }) => {
13992
13998
  }, { bgColor: x, txtColor: F, borColor: d } = i0({
13993
13999
  border: Z,
13994
14000
  fallback: i
13995
- }), { borColor: b } = i0({
14001
+ }), { borColor: y } = i0({
13996
14002
  border: h,
13997
14003
  fallback: i
13998
- }), r = j ? L(j, M) : x, p = f ? L(f, M) : F, g = y ? L(y, M) : d, D = m ? L(m, M) : b, U = Z && g ? `${C}px ${O} ${g}` : "none";
14004
+ }), r = j ? L(j, M) : x, p = f ? L(f, M) : F, g = b ? L(b, M) : d, D = m ? L(m, M) : y, U = Z && g ? `${C}px ${O} ${g}` : "none";
13999
14005
  return /* @__PURE__ */ t.jsx(
14000
14006
  "div",
14001
14007
  {
@@ -14044,7 +14050,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14044
14050
  placement: v,
14045
14051
  colorType: z
14046
14052
  }) => {
14047
- const [h, i] = q(!1), m = h0(), j = h0(null), f = l === s.key, Z = Array.isArray(s.children) && s.children.length > 0, y = f || h, C = i0({
14053
+ const [h, i] = q(!1), m = h0(), j = h0(null), f = l === s.key, Z = Array.isArray(s.children) && s.children.length > 0, b = f || h, C = i0({
14048
14054
  border: !1,
14049
14055
  componentType: "etc",
14050
14056
  fallback: f ? "selected" : "hovered"
@@ -14062,10 +14068,10 @@ const X9 = ({ isOpen: s, children: c }) => {
14062
14068
  {
14063
14069
  ref: m,
14064
14070
  className: n0("sud-menu__item", {
14065
- "sud-menu__item--active": y
14071
+ "sud-menu__item--active": b
14066
14072
  }),
14067
14073
  style: {
14068
- ...y && {
14074
+ ...b && {
14069
14075
  backgroundColor: w,
14070
14076
  color: _
14071
14077
  },
@@ -14138,7 +14144,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14138
14144
  // PopupBase용 추가 스타일 props
14139
14145
  background: f,
14140
14146
  color: Z,
14141
- border: y = !1,
14147
+ border: b = !1,
14142
14148
  borderColor: O,
14143
14149
  borderType: C = "solid",
14144
14150
  borderWeight: w = 1,
@@ -14168,7 +14174,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14168
14174
  dividerColor: m,
14169
14175
  background: f,
14170
14176
  color: Z,
14171
- border: y,
14177
+ border: b,
14172
14178
  borderColor: O,
14173
14179
  borderType: C,
14174
14180
  borderWeight: w,
@@ -14178,7 +14184,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14178
14184
  }, Y = {
14179
14185
  background: f,
14180
14186
  color: Z,
14181
- border: y,
14187
+ border: b,
14182
14188
  borderColor: O,
14183
14189
  borderType: C,
14184
14190
  borderWeight: w,
@@ -14193,7 +14199,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14193
14199
  if (N === "accordion")
14194
14200
  return /* @__PURE__ */ t.jsx(K9, { ...W });
14195
14201
  const { borColor: $ } = i0({
14196
- border: y,
14202
+ border: b,
14197
14203
  fallback: i
14198
14204
  });
14199
14205
  O && L(O, k);
@@ -14213,7 +14219,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14213
14219
  role: "menu",
14214
14220
  "aria-orientation": S ? "horizontal" : "vertical",
14215
14221
  ...P,
14216
- children: s.map((d, b) => /* @__PURE__ */ t.jsxs(B0.Fragment, { children: [
14222
+ children: s.map((d, y) => /* @__PURE__ */ t.jsxs(B0.Fragment, { children: [
14217
14223
  /* @__PURE__ */ t.jsx(
14218
14224
  q9,
14219
14225
  {
@@ -14228,7 +14234,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14228
14234
  colorType: i
14229
14235
  }
14230
14236
  ),
14231
- h && b < s.length - 1 && (S ? /* @__PURE__ */ t.jsx(
14237
+ h && y < s.length - 1 && (S ? /* @__PURE__ */ t.jsx(
14232
14238
  "div",
14233
14239
  {
14234
14240
  style: {
@@ -14245,7 +14251,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14245
14251
  style: { margin: "1rem 0" }
14246
14252
  }
14247
14253
  ))
14248
- ] }, d.key || `menu-item-${b}`))
14254
+ ] }, d.key || `menu-item-${y}`))
14249
14255
  }
14250
14256
  ) : null;
14251
14257
  }, C4 = ({
@@ -14275,7 +14281,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14275
14281
  border: j,
14276
14282
  borderColor: f,
14277
14283
  borderType: Z,
14278
- borderWeight: y,
14284
+ borderWeight: b,
14279
14285
  shape: O = "rounded",
14280
14286
  shadow: C,
14281
14287
  expandType: w = "popover",
@@ -14302,7 +14308,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14302
14308
  color: m,
14303
14309
  borderColor: f,
14304
14310
  borderType: Z,
14305
- borderWeight: y,
14311
+ borderWeight: b,
14306
14312
  shape: O,
14307
14313
  shadow: C,
14308
14314
  variant: "dropdown",
@@ -14354,7 +14360,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14354
14360
  color: i
14355
14361
  }, Z = {
14356
14362
  color: m
14357
- }, y = {
14363
+ }, b = {
14358
14364
  height: "1em",
14359
14365
  display: "inline-flex",
14360
14366
  alignItems: "center",
@@ -14410,7 +14416,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14410
14416
  },
14411
14417
  pretendard: "L",
14412
14418
  size: z,
14413
- children: _ ? /* @__PURE__ */ t.jsx("span", { style: y, children: O.label }) : O.label
14419
+ children: _ ? /* @__PURE__ */ t.jsx("span", { style: b, children: O.label }) : O.label
14414
14420
  }
14415
14421
  ) : /* @__PURE__ */ t.jsx(
14416
14422
  t0,
@@ -14420,7 +14426,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14420
14426
  style: Z,
14421
14427
  pretendard: "SB",
14422
14428
  size: z,
14423
- children: _ ? /* @__PURE__ */ t.jsx("span", { style: y, children: O.label }) : O.label
14429
+ children: _ ? /* @__PURE__ */ t.jsx("span", { style: b, children: O.label }) : O.label
14424
14430
  }
14425
14431
  ),
14426
14432
  !w && /* @__PURE__ */ t.jsx(t.Fragment, { children: typeof o == "string" ? /* @__PURE__ */ t.jsx(
@@ -14435,7 +14441,7 @@ const X9 = ({ isOpen: s, children: c }) => {
14435
14441
  size: z,
14436
14442
  children: o
14437
14443
  }
14438
- ) : /* @__PURE__ */ t.jsx("span", { style: y, children: o }) })
14444
+ ) : /* @__PURE__ */ t.jsx("span", { style: b, children: o }) })
14439
14445
  ]
14440
14446
  },
14441
14447
  `${O.label}-${C}`