sud-ui 0.3.0 → 0.3.1

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 (4) hide show
  1. package/README.md +12 -12
  2. package/dist/index.js +471 -475
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -56,7 +56,7 @@ function R2() {
56
56
  switch (r) {
57
57
  case y:
58
58
  return "Fragment";
59
- case C:
59
+ case w:
60
60
  return "Profiler";
61
61
  case O:
62
62
  return "StrictMode";
@@ -204,7 +204,7 @@ function R2() {
204
204
  var G = Object.keys(f).filter(function(o0) {
205
205
  return o0 !== "key";
206
206
  });
207
- D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", w[E + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
207
+ D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", C[E + 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
  E,
216
216
  G,
217
217
  E
218
- ), w[E + D] = !0);
218
+ ), C[E + D] = !0);
219
219
  }
220
220
  if (E = null, v !== void 0 && (o(v), E = "" + v), u(f) && (o(f.key), E = "" + f.key), "key" in f) {
221
221
  v = {};
@@ -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 === p && r._store && (r._store.validated = 1);
241
241
  }
242
- var j = D0, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), _ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
242
+ var j = D0, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), _ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
243
243
  return null;
244
244
  };
245
245
  j = {
@@ -250,7 +250,7 @@ React keys must be passed directly to JSX without using spread:
250
250
  var T, x = {}, b = j["react-stack-bottom-frame"].bind(
251
251
  j,
252
252
  a
253
- )(), i = B(l(a)), w = {};
253
+ )(), i = B(l(a)), C = {};
254
254
  b1.Fragment = y, b1.jsx = function(r, f, v, D, Y) {
255
255
  var F = 1e4 > _.recentlyCreatedOwnerStacks++;
256
256
  return d(
@@ -605,45 +605,45 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
605
605
  10: "#373f52"
606
606
  },
607
607
  neutral: {
608
- 1: "#ffffff",
609
- 2: "#f5f5f5",
610
- 3: "#e0e0e0",
611
- 4: "#c2c2c2",
612
- 5: "#a3a3a3",
613
- 6: "#858585",
614
- 7: "#666666",
615
- 8: "#4d4d4d",
616
- 9: "#2e2e2e",
617
- 10: "#000000"
608
+ 1: "#f5f5f5",
609
+ 2: "#e8e8e8",
610
+ 3: "#d9d9d9",
611
+ 4: "#bfbfbf",
612
+ 5: "#a6a6a6",
613
+ 6: "#8c8c8c",
614
+ 7: "#595959",
615
+ 8: "#434343",
616
+ 9: "#262626",
617
+ 10: "#2e2e2e"
618
618
  },
619
619
  black: {
620
- 1: "#ffffff",
621
- 2: "#f5f5f5",
622
- 3: "#e0e0e0",
623
- 4: "#c2c2c2",
624
- 5: "#a3a3a3",
625
- 6: "#858585",
626
- 7: "#666666",
627
- 8: "#4d4d4d",
628
- 9: "#2e2e2e",
620
+ 1: "#858585",
621
+ 2: "#737373",
622
+ 3: "#666666",
623
+ 4: "#595959",
624
+ 5: "#4d4d4d",
625
+ 6: "#404040",
626
+ 7: "#2e2e2e",
627
+ 8: "#1f1f1f",
628
+ 9: "#0f0f0f",
629
629
  10: "#000000"
630
630
  },
631
631
  white: {
632
- 1: "#000000",
633
- 2: "#2e2e2e",
634
- 3: "#4d4d4d",
635
- 4: "#666666",
636
- 5: "#858585",
637
- 6: "#a3a3a3",
638
- 7: "#c2c2c2",
639
- 8: "#e0e0e0",
640
- 9: "#f5f5f5",
632
+ 1: "#a3a3a3",
633
+ 2: "#b3b3b3",
634
+ 3: "#c2c2c2",
635
+ 4: "#d1d1d1",
636
+ 5: "#e0e0e0",
637
+ 6: "#f5f5f5",
638
+ 7: "#f8f8f8",
639
+ 8: "#fafafa",
640
+ 9: "#fdfdfd",
641
641
  10: "#ffffff"
642
642
  }
643
643
  },
644
644
  body: {
645
- backgroundColor: "white-10",
646
- color: "white-2"
645
+ backgroundColor: "neutral-10",
646
+ color: "neutral-2"
647
647
  },
648
648
  typography: {
649
649
  fontSize: {
@@ -726,50 +726,50 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
726
726
  },
727
727
  components: {
728
728
  button: {
729
- default: { bg: "white-10", txt: "neutral-9", border: "neutral-3" },
730
- sub: { bg: "neutral-2", txt: "neutral-8", border: "neutral-3" },
729
+ default: { bg: "neutral-1", txt: "neutral-9", border: "neutral-3" },
730
+ sub: { bg: "neutral-2", txt: "neutral-7", border: "neutral-5" },
731
731
  disabled: { bg: "neutral-3", txt: "neutral-6", border: "neutral-4" },
732
- primary: { bg: "blue-6", txt: "white-10", border: "blue-7" },
733
- secondary: { bg: "neutral-6", txt: "white-10", border: "neutral-7" },
734
- success: { bg: "forest-6", txt: "white-10", border: "forest-7" },
735
- warning: { bg: "amber-6", txt: "neutral-9", border: "amber-7" },
736
- danger: { bg: "red-6", txt: "white-10", border: "red-7" },
737
- info: { bg: "sky-6", txt: "white-10", border: "sky-7" },
738
- red: { bg: "red-3", txt: "red-8", border: "red-6" },
739
- rose: { bg: "rose-3", txt: "rose-8", border: "rose-6" },
740
- coral: { bg: "coral-3", txt: "coral-8", border: "coral-6" },
741
- orange: { bg: "orange-3", txt: "orange-8", border: "orange-6" },
742
- volcano: { bg: "volcano-3", txt: "volcano-8", border: "volcano-6" },
743
- apricot: { bg: "apricot-3", txt: "apricot-8", border: "apricot-6" },
744
- yellow: { bg: "yellow-3", txt: "yellow-8", border: "yellow-6" },
745
- gold: { bg: "gold-3", txt: "gold-8", border: "gold-6" },
746
- amber: { bg: "amber-3", txt: "amber-8", border: "amber-6" },
747
- green: { bg: "green-3", txt: "green-8", border: "green-6" },
748
- lime: { bg: "lime-3", txt: "lime-8", border: "lime-6" },
749
- mint: { bg: "mint-3", txt: "mint-8", border: "mint-6" },
750
- blue: { bg: "blue-3", txt: "blue-8", border: "blue-6" },
751
- sky: { bg: "sky-3", txt: "sky-8", border: "sky-6" },
752
- cerulean: { bg: "cerulean-3", txt: "cerulean-8", border: "cerulean-6" },
753
- indigo: { bg: "indigo-3", txt: "indigo-8", border: "indigo-6" },
754
- cobalt: { bg: "cobalt-3", txt: "cobalt-8", border: "cobalt-3" },
755
- navy: { bg: "navy-3", txt: "navy-8", border: "navy-6" },
756
- purple: { bg: "purple-3", txt: "purple-8", border: "purple-6" },
757
- plum: { bg: "plum-3", txt: "plum-8", border: "plum-6" },
758
- orchid: { bg: "orchid-3", txt: "orchid-8", border: "orchid-6" },
759
- forest: { bg: "forest-3", txt: "forest-8", border: "forest-6" },
760
- sage: { bg: "sage-3", txt: "sage-8", border: "sage-6" },
732
+ primary: { bg: "blue-6", txt: "blue-1", border: "blue-8" },
733
+ secondary: { bg: "neutral-6", txt: "neutral-1", border: "neutral-8" },
734
+ success: { bg: "forest-6", txt: "forest-1", border: "forest-8" },
735
+ warning: { bg: "amber-6", txt: "amber-1", border: "amber-8" },
736
+ danger: { bg: "red-6", txt: "red-1", border: "red-8" },
737
+ info: { bg: "sky-6", txt: "sky-1", border: "sky-8" },
738
+ red: { bg: "red-6", txt: "red-1", border: "red-8" },
739
+ rose: { bg: "rose-6", txt: "rose-1", border: "rose-8" },
740
+ coral: { bg: "coral-6", txt: "coral-1", border: "coral-8" },
741
+ orange: { bg: "orange-6", txt: "orange-1", border: "orange-8" },
742
+ volcano: { bg: "volcano-6", txt: "volcano-1", border: "volcano-8" },
743
+ apricot: { bg: "apricot-6", txt: "apricot-1", border: "apricot-8" },
744
+ yellow: { bg: "yellow-6", txt: "yellow-1", border: "yellow-8" },
745
+ gold: { bg: "gold-6", txt: "gold-1", border: "gold-8" },
746
+ amber: { bg: "amber-6", txt: "amber-1", border: "amber-8" },
747
+ green: { bg: "green-6", txt: "green-1", border: "green-8" },
748
+ lime: { bg: "lime-6", txt: "lime-1", border: "lime-8" },
749
+ mint: { bg: "mint-6", txt: "mint-1", border: "mint-8" },
750
+ blue: { bg: "blue-6", txt: "blue-1", border: "blue-8" },
751
+ sky: { bg: "sky-6", txt: "sky-1", border: "sky-8" },
752
+ cerulean: { bg: "cerulean-6", txt: "cerulean-1", border: "cerulean-8" },
753
+ indigo: { bg: "indigo-6", txt: "indigo-1", border: "indigo-8" },
754
+ cobalt: { bg: "cobalt-6", txt: "cobalt-1", border: "cobalt-8" },
755
+ navy: { bg: "navy-6", txt: "navy-1", border: "navy-8" },
756
+ purple: { bg: "purple-6", txt: "purple-1", border: "purple-8" },
757
+ plum: { bg: "plum-6", txt: "plum-1", border: "plum-8" },
758
+ orchid: { bg: "orchid-6", txt: "orchid-1", border: "orchid-8" },
759
+ forest: { bg: "forest-6", txt: "forest-1", border: "forest-8" },
760
+ sage: { bg: "sage-6", txt: "sage-1", border: "sage-8" },
761
761
  "warm-gray": {
762
- bg: "warm-gray-3",
763
- txt: "warm-gray-8",
764
- border: "warm-gray-6"
762
+ bg: "warm-gray-6",
763
+ txt: "warm-gray-1",
764
+ border: "warm-gray-8"
765
765
  },
766
766
  "cool-gray": {
767
- bg: "cool-gray-3",
768
- txt: "cool-gray-8",
769
- border: "cool-gray-6"
767
+ bg: "cool-gray-6",
768
+ txt: "cool-gray-1",
769
+ border: "cool-gray-8"
770
770
  },
771
- ghost: { bg: "transparent", txt: "neutral-7", border: "neutral-3" },
772
- text: { bg: "transparent", txt: "neutral-7", border: "transparent" }
771
+ ghost: { bg: "transparent", txt: "neutral-9", border: "neutral-3" },
772
+ text: { bg: "transparent", txt: "neutral-9", border: "transparent" }
773
773
  },
774
774
  etc: {
775
775
  hovered: { bg: "neutral-2", txt: "neutral-8" },
@@ -861,10 +861,6 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
861
861
  }, A2 = {
862
862
  ...N1,
863
863
  colors: H2(N1.colors),
864
- body: {
865
- backgroundColor: "black-9",
866
- color: "black-1"
867
- },
868
864
  shadows: {
869
865
  none: "none",
870
866
  sm: "0px 0px 4px rgba(0, 0, 0, 0.4)",
@@ -1014,7 +1010,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1014
1010
  style: m = {},
1015
1011
  ...j
1016
1012
  }) => {
1017
- const p = g0(), S = $, { fontSize: y, fontWeight: O } = h1({ size: u, weight: g, theme: p }), C = h ? L(h, p) : void 0, Z = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, z = !Z;
1013
+ const p = g0(), S = $, { fontSize: y, fontWeight: O } = h1({ size: u, weight: g, theme: p }), w = h ? L(h, p) : void 0, Z = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, z = !Z;
1018
1014
  return /* @__PURE__ */ t.jsx(
1019
1015
  S,
1020
1016
  {
@@ -1023,7 +1019,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1023
1019
  fontSize: y,
1024
1020
  fontWeight: z ? O : void 0,
1025
1021
  fontFamily: Z,
1026
- color: C,
1022
+ color: w,
1027
1023
  wordBreak: "break-word",
1028
1024
  overflowWrap: "anywhere",
1029
1025
  ...m
@@ -1050,7 +1046,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1050
1046
  const p = g0(), { txtColor: S, borColor: y } = i0({
1051
1047
  border: n,
1052
1048
  fallback: g
1053
- }), O = a ? L(a, p) : S, C = u ? L(u, p) : y, Z = n && C ? `${o}px ${l} ${C}` : "none", z = (R) => s ? d ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
1049
+ }), O = a ? L(a, p) : S, w = u ? L(u, p) : y, Z = n && w ? `${o}px ${l} ${w}` : "none", z = (R) => s ? d ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
1054
1050
  return /* @__PURE__ */ t.jsxs(
1055
1051
  "div",
1056
1052
  {
@@ -1180,7 +1176,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1180
1176
  loadingText: S = "",
1181
1177
  loadingType: y = "default",
1182
1178
  loadingPosition: O = "right",
1183
- shape: C = "rounded",
1179
+ shape: w = "rounded",
1184
1180
  shadow: Z = "sm",
1185
1181
  style: z = {},
1186
1182
  ariaLabel: R,
@@ -1193,7 +1189,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1193
1189
  const V = g0(), _ = h0(), { bgColor: H, txtColor: U, borColor: B } = i0({
1194
1190
  border: n,
1195
1191
  fallback: j ? "disabled" : c
1196
- }), T = o ? L(o, V) : H, x = l ? L(l, V) : U, b = a ? L(a, V) : B, i = n && b ? `${g}px ${u} ${b}` : "none", w = U0(C, V), r = B0(Z, V);
1192
+ }), T = o ? L(o, V) : H, x = l ? L(l, V) : U, b = a ? L(a, V) : B, i = n && b ? `${g}px ${u} ${b}` : "none", C = U0(w, V), r = B0(Z, V);
1197
1193
  let f = {};
1198
1194
  typeof P == "string" && (P === "sm" ? f = { padding: "4px 10px", fontSize: "0.875rem" } : P === "md" ? f = { padding: "6px 16px", fontSize: "1rem" } : P === "lg" && (f = { padding: "10px 20px", fontSize: "1.125rem" })), v0(() => {
1199
1195
  B2("sud-button-styles", P2);
@@ -1221,7 +1217,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1221
1217
  color: x,
1222
1218
  border: i,
1223
1219
  boxShadow: c === "text" ? "none" : r,
1224
- ...w,
1220
+ ...C,
1225
1221
  ...f,
1226
1222
  ...z
1227
1223
  },
@@ -1312,7 +1308,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1312
1308
  color: S,
1313
1309
  border: y = !0,
1314
1310
  borderColor: O,
1315
- borderType: C = "solid",
1311
+ borderType: w = "solid",
1316
1312
  borderWeight: Z = 1,
1317
1313
  shape: z = "rounded",
1318
1314
  shadow: R = "sm",
@@ -1327,7 +1323,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1327
1323
  onConfirm: U,
1328
1324
  ...B
1329
1325
  }) => {
1330
- const T = g0(), [x, b] = q(g), i = h0(null), w = h0(null), r = A || w, f = h0(null), v = h0({}), [D, Y] = q(!1), [F, W] = q({
1326
+ const T = g0(), [x, b] = q(g), i = h0(null), C = h0(null), r = A || C, f = h0(null), v = h0({}), [D, Y] = q(!1), [F, W] = q({
1331
1327
  position: "fixed",
1332
1328
  top: "-9999px",
1333
1329
  left: "-9999px",
@@ -1381,10 +1377,10 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1381
1377
  };
1382
1378
  return document.addEventListener("click", r0, !0), () => document.removeEventListener("mousedown", r0);
1383
1379
  }, [n, X, n0]);
1384
- const { bgColor: d0, txtColor: w0, borColor: R0 } = i0({
1380
+ const { bgColor: d0, txtColor: C0, borColor: R0 } = i0({
1385
1381
  border: y,
1386
1382
  fallback: M
1387
- }), C0 = p ? L(p, T) : d0, F0 = S ? L(S, T) : w0, S0 = O ? L(O, T) : R0, N0 = y && S0 ? `${Z}px ${C} ${S0}` : "none", G0 = B0(R, T), I0 = U0(z), k0 = Z0(() => {
1383
+ }), w0 = p ? L(p, T) : d0, F0 = S ? L(S, T) : C0, S0 = O ? L(O, T) : R0, N0 = y && S0 ? `${Z}px ${w} ${S0}` : "none", G0 = B0(R, T), I0 = U0(z), k0 = Z0(() => {
1388
1384
  if (!i.current || !r.current) return {};
1389
1385
  const r0 = i.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, T0 = window.scrollX || document.documentElement.scrollLeft, q0 = {
1390
1386
  position: "fixed",
@@ -1459,10 +1455,10 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1459
1455
  const A0 = Z0(
1460
1456
  ({ type: r0 = "background" }) => {
1461
1457
  const M0 = r0 === "border", _0 = S0 && Z > 0, T0 = r1 * 2 + (_0 ? Z * 2 : 0), q0 = Math.sqrt(Z * Z * 2), H0 = !M0 && _0 ? q0 : 0, P0 = {
1462
- bottom: `linear-gradient(135deg, ${C0} 50%, transparent 50%)`,
1463
- top: `linear-gradient(-45deg, ${C0} 50%, transparent 50%)`,
1464
- left: `linear-gradient(225deg, ${C0} 50%, transparent 50%)`,
1465
- right: `linear-gradient(45deg, ${C0} 50%, transparent 50%)`
1458
+ bottom: `linear-gradient(135deg, ${w0} 50%, transparent 50%)`,
1459
+ top: `linear-gradient(-45deg, ${w0} 50%, transparent 50%)`,
1460
+ left: `linear-gradient(225deg, ${w0} 50%, transparent 50%)`,
1461
+ right: `linear-gradient(45deg, ${w0} 50%, transparent 50%)`
1466
1462
  }, J0 = {
1467
1463
  width: `${T0}px`,
1468
1464
  height: `${T0}px`,
@@ -1472,7 +1468,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1472
1468
  border: M0 ? N0 : void 0,
1473
1469
  borderRadius: "2px 0 0 0",
1474
1470
  background: M0 ? void 0 : P0[a],
1475
- backgroundColor: M0 ? S0 ?? C0 : void 0,
1471
+ backgroundColor: M0 ? S0 ?? w0 : void 0,
1476
1472
  boxShadow: M0 ? G0 : void 0
1477
1473
  }, Q = {
1478
1474
  bottom: {
@@ -1500,7 +1496,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1500
1496
  },
1501
1497
  [
1502
1498
  a,
1503
- C0,
1499
+ w0,
1504
1500
  S0,
1505
1501
  N0,
1506
1502
  Z,
@@ -1600,7 +1596,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1600
1596
  display: "flex",
1601
1597
  flexDirection: "column",
1602
1598
  gap: "8px",
1603
- backgroundColor: C0,
1599
+ backgroundColor: w0,
1604
1600
  color: F0,
1605
1601
  border: N0,
1606
1602
  padding: "8px",
@@ -1667,7 +1663,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1667
1663
  3: "https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FSI7A2%2FbtsNsiTcfnV%2F2GeZTFsZRuNd3o5G9G4nQK%2Fimg.png",
1668
1664
  4: "https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FccFiG4%2FbtsNsQ2H17C%2FuU9CgCh6bGjDd6342Xhlck%2Fimg.png",
1669
1665
  5: "https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdd9NJK%2FbtsNv6Li3e6%2FuKfKlCZhMfd7wg0eq7tTc1%2Fimg.png"
1670
- }, C1 = ({
1666
+ }, w1 = ({
1671
1667
  src: s,
1672
1668
  sample: c = 1,
1673
1669
  alt: o = "avatar",
@@ -1685,7 +1681,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1685
1681
  style: S = {},
1686
1682
  className: y = "",
1687
1683
  onClick: O,
1688
- onKeyDown: C,
1684
+ onKeyDown: w,
1689
1685
  tabIndex: Z = 0,
1690
1686
  ...z
1691
1687
  }) => {
@@ -1719,7 +1715,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1719
1715
  size: M * 0.5,
1720
1716
  color: V
1721
1717
  }) : null), b = (i) => {
1722
- (i.key === "Enter" || i.key === " ") && (i.preventDefault(), O == null || O()), C == null || C(i);
1718
+ (i.key === "Enter" || i.key === " ") && (i.preventDefault(), O == null || O()), w == null || w(i);
1723
1719
  };
1724
1720
  return /* @__PURE__ */ t.jsx(
1725
1721
  "div",
@@ -1752,7 +1748,7 @@ const c2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
1752
1748
  }
1753
1749
  );
1754
1750
  };
1755
- C1.Group = ({
1751
+ w1.Group = ({
1756
1752
  avatars: s = [],
1757
1753
  max: c = 3,
1758
1754
  size: o = "md",
@@ -1771,7 +1767,7 @@ C1.Group = ({
1771
1767
  gap: y = 0.6,
1772
1768
  "aria-label": O = "아바타 그룹"
1773
1769
  }) => {
1774
- const C = s.slice(0, c), Z = s.slice(c), z = z0(() => {
1770
+ const w = s.slice(0, c), Z = s.slice(c), z = z0(() => {
1775
1771
  const M = {
1776
1772
  xs: 32,
1777
1773
  sm: 40,
@@ -1794,16 +1790,16 @@ C1.Group = ({
1794
1790
  ...j
1795
1791
  },
1796
1792
  children: [
1797
- C.map((M, k) => /* @__PURE__ */ t.jsx(
1793
+ w.map((M, k) => /* @__PURE__ */ t.jsx(
1798
1794
  "div",
1799
1795
  {
1800
1796
  className: "sud-avatar-group-item",
1801
1797
  style: {
1802
1798
  marginLeft: k === 0 ? 0 : -z,
1803
- zIndex: S - C.length + k
1799
+ zIndex: S - w.length + k
1804
1800
  },
1805
1801
  children: /* @__PURE__ */ t.jsx(
1806
- C1,
1802
+ w1,
1807
1803
  {
1808
1804
  size: o,
1809
1805
  shape: l,
@@ -1843,7 +1839,7 @@ C1.Group = ({
1843
1839
  padding: 8
1844
1840
  },
1845
1841
  children: Z.map((M, k) => /* @__PURE__ */ t.jsx(
1846
- C1,
1842
+ w1,
1847
1843
  {
1848
1844
  size: o,
1849
1845
  shape: l,
@@ -1862,7 +1858,7 @@ C1.Group = ({
1862
1858
  }
1863
1859
  ),
1864
1860
  children: /* @__PURE__ */ t.jsx(
1865
- C1,
1861
+ w1,
1866
1862
  {
1867
1863
  className: "sud-avatar-group-more-avatar",
1868
1864
  size: o,
@@ -1891,7 +1887,7 @@ C1.Group = ({
1891
1887
  }
1892
1888
  );
1893
1889
  };
1894
- C1.Group.displayName = "Avatar.Group";
1890
+ w1.Group.displayName = "Avatar.Group";
1895
1891
  const Y2 = {
1896
1892
  xs: {
1897
1893
  dot: { minWidth: 6, minHeight: 6 },
@@ -1965,7 +1961,7 @@ const Y2 = {
1965
1961
  size: S = "sm",
1966
1962
  offsetRatio: y = 0.25,
1967
1963
  label: O = !1,
1968
- className: C = "",
1964
+ className: w = "",
1969
1965
  style: Z = {},
1970
1966
  children: z,
1971
1967
  "aria-label": R,
@@ -1987,7 +1983,7 @@ const Y2 = {
1987
1983
  T && /* @__PURE__ */ t.jsx(
1988
1984
  "span",
1989
1985
  {
1990
- className: `sud-badge ${C}`,
1986
+ className: `sud-badge ${w}`,
1991
1987
  role: "status",
1992
1988
  "aria-label": x(),
1993
1989
  "aria-live": "polite",
@@ -2018,7 +2014,7 @@ function X2() {
2018
2014
  (function(o, l) {
2019
2015
  s.exports = l();
2020
2016
  })(G2, function() {
2021
- var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", g = "minute", $ = "hour", h = "day", d = "week", m = "month", j = "quarter", p = "year", S = "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, Z = { 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) {
2017
+ var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", g = "minute", $ = "hour", h = "day", d = "week", m = "month", j = "quarter", p = "year", S = "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+)?$/, w = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Z = { 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
2018
  var T = ["th", "st", "nd", "rd"], x = B % 100;
2023
2019
  return "[" + B + (T[(x - 20) % 10] || T[x] || T[0]) + "]";
2024
2020
  } }, z = function(B, T, x) {
@@ -2029,8 +2025,8 @@ function X2() {
2029
2025
  return (T <= 0 ? "+" : "-") + z(b, 2, "0") + ":" + z(i, 2, "0");
2030
2026
  }, m: function B(T, x) {
2031
2027
  if (T.date() < x.date()) return -B(x, T);
2032
- var b = 12 * (x.year() - T.year()) + (x.month() - T.month()), i = T.clone().add(b, m), w = x - i < 0, r = T.clone().add(b + (w ? -1 : 1), m);
2033
- return +(-(b + (x - i) / (w ? i - r : r - i)) || 0);
2028
+ var b = 12 * (x.year() - T.year()) + (x.month() - T.month()), i = T.clone().add(b, m), C = x - i < 0, r = T.clone().add(b + (C ? -1 : 1), m);
2029
+ return +(-(b + (x - i) / (C ? i - r : r - i)) || 0);
2034
2030
  }, a: function(B) {
2035
2031
  return B < 0 ? Math.ceil(B) || 0 : Math.floor(B);
2036
2032
  }, p: function(B) {
@@ -2045,8 +2041,8 @@ function X2() {
2045
2041
  var i;
2046
2042
  if (!T) return M;
2047
2043
  if (typeof T == "string") {
2048
- var w = T.toLowerCase();
2049
- k[w] && (i = w), x && (k[w] = x, i = w);
2044
+ var C = T.toLowerCase();
2045
+ k[C] && (i = C), x && (k[C] = x, i = C);
2050
2046
  var r = T.split("-");
2051
2047
  if (!i && r.length > 1) return B(r[0]);
2052
2048
  } else {
@@ -2069,7 +2065,7 @@ function X2() {
2069
2065
  var T = B.prototype;
2070
2066
  return T.parse = function(x) {
2071
2067
  this.$d = function(b) {
2072
- var i = b.date, w = b.utc;
2068
+ var i = b.date, C = b.utc;
2073
2069
  if (i === null) return /* @__PURE__ */ new Date(NaN);
2074
2070
  if (_.u(i)) return /* @__PURE__ */ new Date();
2075
2071
  if (i instanceof Date) return new Date(i);
@@ -2077,7 +2073,7 @@ function X2() {
2077
2073
  var r = i.match(O);
2078
2074
  if (r) {
2079
2075
  var f = r[2] - 1 || 0, v = (r[7] || "0").substring(0, 3);
2080
- return w ? new Date(Date.UTC(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v)) : new Date(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v);
2076
+ return C ? new Date(Date.UTC(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v)) : new Date(r[1], f, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, v);
2081
2077
  }
2082
2078
  }
2083
2079
  return new Date(i);
@@ -2103,20 +2099,20 @@ function X2() {
2103
2099
  }, T.valueOf = function() {
2104
2100
  return this.$d.getTime();
2105
2101
  }, T.startOf = function(x, b) {
2106
- var i = this, w = !!_.u(b) || b, r = _.p(x), f = function(G, X) {
2102
+ var i = this, C = !!_.u(b) || b, r = _.p(x), f = function(G, X) {
2107
2103
  var o0 = _.w(i.$u ? Date.UTC(i.$y, X, G) : new Date(i.$y, X, G), i);
2108
- return w ? o0 : o0.endOf(h);
2104
+ return C ? o0 : o0.endOf(h);
2109
2105
  }, v = function(G, X) {
2110
- return _.w(i.toDate()[G].apply(i.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), i);
2106
+ return _.w(i.toDate()[G].apply(i.toDate("s"), (C ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), i);
2111
2107
  }, D = this.$W, Y = this.$M, F = this.$D, W = "set" + (this.$u ? "UTC" : "");
2112
2108
  switch (r) {
2113
2109
  case p:
2114
- return w ? f(1, 0) : f(31, 11);
2110
+ return C ? f(1, 0) : f(31, 11);
2115
2111
  case m:
2116
- return w ? f(1, Y) : f(0, Y + 1);
2112
+ return C ? f(1, Y) : f(0, Y + 1);
2117
2113
  case d:
2118
2114
  var I = this.$locale().weekStart || 0, E = (D < I ? D + 7 : D) - I;
2119
- return f(w ? F - E : F + (6 - E), Y);
2115
+ return f(C ? F - E : F + (6 - E), Y);
2120
2116
  case h:
2121
2117
  case S:
2122
2118
  return v(W + "Hours", 0);
@@ -2132,8 +2128,8 @@ function X2() {
2132
2128
  }, T.endOf = function(x) {
2133
2129
  return this.startOf(x, !1);
2134
2130
  }, T.$set = function(x, b) {
2135
- var i, w = _.p(x), r = "set" + (this.$u ? "UTC" : ""), f = (i = {}, i[h] = r + "Date", i[S] = r + "Date", i[m] = r + "Month", i[p] = r + "FullYear", i[$] = r + "Hours", i[g] = r + "Minutes", i[u] = r + "Seconds", i[a] = r + "Milliseconds", i)[w], v = w === h ? this.$D + (b - this.$W) : b;
2136
- if (w === m || w === p) {
2131
+ var i, C = _.p(x), r = "set" + (this.$u ? "UTC" : ""), f = (i = {}, i[h] = r + "Date", i[S] = r + "Date", i[m] = r + "Month", i[p] = r + "FullYear", i[$] = r + "Hours", i[g] = r + "Minutes", i[u] = r + "Seconds", i[a] = r + "Milliseconds", i)[C], v = C === h ? this.$D + (b - this.$W) : b;
2132
+ if (C === m || C === p) {
2137
2133
  var D = this.clone().set(S, 1);
2138
2134
  D.$d[f](v), D.init(), this.$d = D.set(S, Math.min(this.$D, D.daysInMonth())).$d;
2139
2135
  } else f && this.$d[f](v);
@@ -2143,11 +2139,11 @@ function X2() {
2143
2139
  }, T.get = function(x) {
2144
2140
  return this[_.p(x)]();
2145
2141
  }, T.add = function(x, b) {
2146
- var i, w = this;
2142
+ var i, C = this;
2147
2143
  x = Number(x);
2148
2144
  var r = _.p(b), f = function(Y) {
2149
- var F = V(w);
2150
- return _.w(F.date(F.date() + Math.round(Y * x)), w);
2145
+ var F = V(C);
2146
+ return _.w(F.date(F.date() + Math.round(Y * x)), C);
2151
2147
  };
2152
2148
  if (r === m) return this.set(m, this.$M + x);
2153
2149
  if (r === p) return this.set(p, this.$y + x);
@@ -2160,15 +2156,15 @@ function X2() {
2160
2156
  }, T.format = function(x) {
2161
2157
  var b = this, i = this.$locale();
2162
2158
  if (!this.isValid()) return i.invalidDate || y;
2163
- var w = x || "YYYY-MM-DDTHH:mm:ssZ", r = _.z(this), f = this.$H, v = this.$m, D = this.$M, Y = i.weekdays, F = i.months, W = i.meridiem, I = function(X, o0, f0, n0) {
2164
- return X && (X[o0] || X(b, w)) || f0[o0].slice(0, n0);
2159
+ var C = x || "YYYY-MM-DDTHH:mm:ssZ", r = _.z(this), f = this.$H, v = this.$m, D = this.$M, Y = i.weekdays, F = i.months, W = i.meridiem, I = function(X, o0, f0, n0) {
2160
+ return X && (X[o0] || X(b, C)) || f0[o0].slice(0, n0);
2165
2161
  }, E = function(X) {
2166
2162
  return _.s(f % 12 || 12, X, "0");
2167
2163
  }, G = W || function(X, o0, f0) {
2168
2164
  var n0 = X < 12 ? "AM" : "PM";
2169
2165
  return f0 ? n0.toLowerCase() : n0;
2170
2166
  };
2171
- return w.replace(C, function(X, o0) {
2167
+ return C.replace(w, function(X, o0) {
2172
2168
  return o0 || function(f0) {
2173
2169
  switch (f0) {
2174
2170
  case "YY":
@@ -2226,46 +2222,46 @@ function X2() {
2226
2222
  }, T.utcOffset = function() {
2227
2223
  return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
2228
2224
  }, T.diff = function(x, b, i) {
2229
- var w, r = this, f = _.p(b), v = V(x), D = (v.utcOffset() - this.utcOffset()) * l, Y = this - v, F = function() {
2225
+ var C, r = this, f = _.p(b), v = V(x), D = (v.utcOffset() - this.utcOffset()) * l, Y = this - v, F = function() {
2230
2226
  return _.m(r, v);
2231
2227
  };
2232
2228
  switch (f) {
2233
2229
  case p:
2234
- w = F() / 12;
2230
+ C = F() / 12;
2235
2231
  break;
2236
2232
  case m:
2237
- w = F();
2233
+ C = F();
2238
2234
  break;
2239
2235
  case j:
2240
- w = F() / 3;
2236
+ C = F() / 3;
2241
2237
  break;
2242
2238
  case d:
2243
- w = (Y - D) / 6048e5;
2239
+ C = (Y - D) / 6048e5;
2244
2240
  break;
2245
2241
  case h:
2246
- w = (Y - D) / 864e5;
2242
+ C = (Y - D) / 864e5;
2247
2243
  break;
2248
2244
  case $:
2249
- w = Y / n;
2245
+ C = Y / n;
2250
2246
  break;
2251
2247
  case g:
2252
- w = Y / l;
2248
+ C = Y / l;
2253
2249
  break;
2254
2250
  case u:
2255
- w = Y / o;
2251
+ C = Y / o;
2256
2252
  break;
2257
2253
  default:
2258
- w = Y;
2254
+ C = Y;
2259
2255
  }
2260
- return i ? w : _.a(w);
2256
+ return i ? C : _.a(C);
2261
2257
  }, T.daysInMonth = function() {
2262
2258
  return this.endOf(m).$D;
2263
2259
  }, T.$locale = function() {
2264
2260
  return k[this.$L];
2265
2261
  }, T.locale = function(x, b) {
2266
2262
  if (!x) return this.$L;
2267
- var i = this.clone(), w = P(x, b, !0);
2268
- return w && (i.$L = w), i;
2263
+ var i = this.clone(), C = P(x, b, !0);
2264
+ return C && (i.$L = C), i;
2269
2265
  }, T.clone = function() {
2270
2266
  return _.w(this.$d, this);
2271
2267
  }, T.toDate = function() {
@@ -2330,7 +2326,7 @@ const a0 = /* @__PURE__ */ N2(K2), l2 = {
2330
2326
  monthFormat: (s) => `${s.month() + 1}월`,
2331
2327
  today: "오늘"
2332
2328
  };
2333
- var E1 = { exports: {} }, w1 = {};
2329
+ var E1 = { exports: {} }, C1 = {};
2334
2330
  /**
2335
2331
  * @license React
2336
2332
  * react-jsx-runtime.production.js
@@ -2342,7 +2338,7 @@ var E1 = { exports: {} }, w1 = {};
2342
2338
  */
2343
2339
  var o2;
2344
2340
  function J2() {
2345
- if (o2) return w1;
2341
+ if (o2) return C1;
2346
2342
  o2 = 1;
2347
2343
  var s = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
2348
2344
  function o(l, n, a) {
@@ -2360,7 +2356,7 @@ function J2() {
2360
2356
  props: a
2361
2357
  };
2362
2358
  }
2363
- return w1.Fragment = c, w1.jsx = o, w1.jsxs = o, w1;
2359
+ return C1.Fragment = c, C1.jsx = o, C1.jsxs = o, C1;
2364
2360
  }
2365
2361
  var $1 = {};
2366
2362
  /**
@@ -2383,7 +2379,7 @@ function Q2() {
2383
2379
  switch (r) {
2384
2380
  case y:
2385
2381
  return "Fragment";
2386
- case C:
2382
+ case w:
2387
2383
  return "Profiler";
2388
2384
  case O:
2389
2385
  return "StrictMode";
@@ -2531,7 +2527,7 @@ function Q2() {
2531
2527
  var G = Object.keys(f).filter(function(o0) {
2532
2528
  return o0 !== "key";
2533
2529
  });
2534
- D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", w[E + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
2530
+ D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", C[E + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
2535
2531
  `A props object containing a "key" prop is being spread into JSX:
2536
2532
  let props = %s;
2537
2533
  <%s {...props} />
@@ -2542,7 +2538,7 @@ React keys must be passed directly to JSX without using spread:
2542
2538
  E,
2543
2539
  G,
2544
2540
  E
2545
- ), w[E + D] = !0);
2541
+ ), C[E + D] = !0);
2546
2542
  }
2547
2543
  if (E = null, v !== void 0 && (o(v), E = "" + v), u(f) && (o(f.key), E = "" + f.key), "key" in f) {
2548
2544
  v = {};
@@ -2566,7 +2562,7 @@ React keys must be passed directly to JSX without using spread:
2566
2562
  function m(r) {
2567
2563
  typeof r == "object" && r !== null && r.$$typeof === p && r._store && (r._store.validated = 1);
2568
2564
  }
2569
- var j = D0, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), _ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
2565
+ var j = D0, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), z = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), _ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
2570
2566
  return null;
2571
2567
  };
2572
2568
  j = {
@@ -2577,7 +2573,7 @@ React keys must be passed directly to JSX without using spread:
2577
2573
  var T, x = {}, b = j["react-stack-bottom-frame"].bind(
2578
2574
  j,
2579
2575
  a
2580
- )(), i = B(l(a)), w = {};
2576
+ )(), i = B(l(a)), C = {};
2581
2577
  $1.Fragment = y, $1.jsx = function(r, f, v, D, Y) {
2582
2578
  var F = 1e4 > _.recentlyCreatedOwnerStacks++;
2583
2579
  return d(
@@ -3744,7 +3740,7 @@ const d9 = {
3744
3740
  ] }),
3745
3741
  LogoutCircle: /* @__PURE__ */ e.jsxs("g", { children: [
3746
3742
  /* @__PURE__ */ e.jsx("path", { d: "M4.861024,14.9405509c.2828369-.1414186.2828368-.282837.4242552-.4242555l-.0000005-1.5556641,5.5154419-.0000019c.5656738-.0000002.9899291-.4242557.9899289-.9899295s-.4242557-.9899291-.9899295-.9899289l-5.5154419.0000019-.0000005-1.5556641c0-.2828369-.1414186-.4242553-.4242555-.4242552s-.4242554.0000001-.5656738.1414187l-1.9799186,2.5455939c-.1414184.1414185-.1414183.4242554.0000002.5656738l1.9799203,2.5455926c.1414185.1414184.282837.2828368.5656739.1414183Z" }),
3747
- /* @__PURE__ */ e.jsx("path", { d: "M12,2c-2.6713867,0-5.1826172,1.0405273-7.0708008,2.9291992-.390625.390625-.390625,1.0239258,0,1.4140625.390625.390625,1.0234375.390625,1.4140625,0,1.5107422-1.5112305,3.5195312-2.3432617,5.6567383-2.3432617,4.4111328,0,8,3.5888672,8,8s-3.5888672,8-8,8c-2.137207,0-4.1459961-.8320312-5.6567383-2.3432617-.390625-.390625-1.0234375-.390625-1.4140625,0-.390625.3901367-.390625,1.0234375,0,1.4140625,1.8881836,1.8886719,4.3994141,2.9291992,7.0708008,2.9291992,5.5141602,0,10-4.4858398,10-10S17.5141602,2,12,2Z" })
3743
+ /* @__PURE__ */ e.jsx("path", { d: "M17.4990234,22H6.5009766c-1.3789062,0-2.5009766-1.1220703-2.5009766-2.5009766v-2.4990234c0-.5522461.4477539-1,1-1s1,.4477539,1,1v2.4990234c0,.2763672.2246094.5009766.5009766.5009766h10.9980469c.2763672,0,.5009766-.2246094.5009766-.5009766V4.5009766c0-.2763672-.2246094-.5009766-.5009766-.5009766H6.5009766c-.2763672,0-.5009766.2246094-.5009766.5009766v2.4990234c0,.5522461-.4477539,1-1,1s-1-.4477539-1-1v-2.4990234c0-1.3789062,1.1220703-2.5009766,2.5009766-2.5009766h10.9980469c1.3789062,0,2.5009766,1.1220703,2.5009766,2.5009766v14.9980469c0,1.3789062-1.1220703,2.5009766-2.5009766,2.5009766Z" })
3748
3744
  ] }),
3749
3745
  LoginBox: /* @__PURE__ */ e.jsxs("g", { children: [
3750
3746
  /* @__PURE__ */ e.jsx("path", { d: "M9.1389922,9.0594305c-.2828369.1414185-.2828369.2828369-.4242554.4242554v1.5556641s-5.5154418.0000002-5.5154418.0000002c-.5656738,0-.9899292.4242554-.9899292.9899292,0,.5656738.4242554.9899292.9899292.9899292l5.5154419-.0000002v1.5556641c0,.2828369.1414185.4242554.4242554.4242554s.4242554,0,.5656738-.1414185l1.9799193-2.5455933c.1414185-.1414185.1414184-.4242554,0-.5656738l-1.9799195-2.5455932c-.1414185-.1414185-.2828369-.2828369-.5656738-.1414185Z" }),
@@ -4917,7 +4913,7 @@ const M9 = {
4917
4913
  return l.displayName = c, s[c] = l, s;
4918
4914
  }, {});
4919
4915
  s0.ClockFill;
4920
- const w9 = s0.ClockOutline;
4916
+ const C9 = s0.ClockOutline;
4921
4917
  s0.TimerOutline;
4922
4918
  s0.AngleDownBoxFill;
4923
4919
  s0.AngleDownBoxOutline;
@@ -4973,7 +4969,7 @@ s0.PhoneFill;
4973
4969
  s0.PhoneOutline;
4974
4970
  s0.SmartphoneFill;
4975
4971
  s0.SmartphoneOutline;
4976
- const C9 = {
4972
+ const w9 = {
4977
4973
  LogoDocker: /* @__PURE__ */ e.jsxs("g", { children: [
4978
4974
  /* @__PURE__ */ e.jsx(
4979
4975
  "rect",
@@ -5732,7 +5728,7 @@ const C9 = {
5732
5728
  }
5733
5729
  )
5734
5730
  ] })
5735
- }, b0 = Object.entries(C9).reduce((s, [c, o]) => {
5731
+ }, b0 = Object.entries(w9).reduce((s, [c, o]) => {
5736
5732
  const l = ({ size: n = 24, color: a, style: u = {}, ...g }) => /* @__PURE__ */ e.jsx(
5737
5733
  "svg",
5738
5734
  {
@@ -5803,7 +5799,7 @@ const m1 = ({
5803
5799
  size: y = "sm",
5804
5800
  // 기본값 sm
5805
5801
  style: O = {},
5806
- ...C
5802
+ ...w
5807
5803
  }) => {
5808
5804
  const Z = g0(), { bgColor: z, txtColor: R, borColor: M } = i0({
5809
5805
  border: S,
@@ -5846,7 +5842,7 @@ const m1 = ({
5846
5842
  },
5847
5843
  role: "status",
5848
5844
  "aria-label": typeof s == "string" ? s : void 0,
5849
- ...C,
5845
+ ...w,
5850
5846
  children: [
5851
5847
  d && m === "left" && d,
5852
5848
  T,
@@ -5892,7 +5888,7 @@ const m1 = ({
5892
5888
  shadow: S = "sm",
5893
5889
  size: y = "md",
5894
5890
  id: O,
5895
- tagColorType: C = "default",
5891
+ tagColorType: w = "default",
5896
5892
  colorType: Z = "default",
5897
5893
  label: z,
5898
5894
  errorText: R,
@@ -5910,17 +5906,17 @@ const m1 = ({
5910
5906
  ariaRequired: x,
5911
5907
  ariaInvalid: b,
5912
5908
  ariaDescribedby: i,
5913
- ...w
5909
+ ...C
5914
5910
  }) => {
5915
5911
  const r = g0(), [f, v] = q(!1), [D, Y] = q(""), [F, W] = q(null), [I, E] = q(-1), [G, X] = q(!1), [o0, f0] = q({
5916
5912
  top: 0,
5917
5913
  left: 0
5918
5914
  }), n0 = h0(null), y0 = h0(null), K = h0(null), J = h0([]), d0 = U.filter(
5919
5915
  (Q) => Q.label.toLowerCase().includes(D.toLowerCase())
5920
- ), w0 = _ ? U.filter((Q) => Array.isArray(m) && m.includes(Q.value)) : U.find((Q) => Q.value === m), R0 = Z0((Q) => {
5916
+ ), C0 = _ ? U.filter((Q) => Array.isArray(m) && m.includes(Q.value)) : U.find((Q) => Q.value === m), R0 = Z0((Q) => {
5921
5917
  var $0, V0;
5922
5918
  !(($0 = n0.current) != null && $0.contains(Q.target)) && !((V0 = K.current) != null && V0.contains(Q.target)) && v(!1);
5923
- }, []), C0 = Z0((Q) => {
5919
+ }, []), w0 = Z0((Q) => {
5924
5920
  Q.key === "Escape" && v(!1);
5925
5921
  }, []), F0 = Z0(
5926
5922
  (Q) => {
@@ -6017,10 +6013,10 @@ const m1 = ({
6017
6013
  };
6018
6014
  }, [f, N0]), l1(() => {
6019
6015
  n0.current && W(n0.current.offsetWidth);
6020
- }, [f]), v0(() => (document.addEventListener("mousedown", R0), document.addEventListener("keydown", C0), () => {
6021
- document.removeEventListener("mousedown", R0), document.removeEventListener("keydown", C0);
6022
- }), [R0, C0]), v0(() => {
6023
- if (f && w0 && !D) {
6016
+ }, [f]), v0(() => (document.addEventListener("mousedown", R0), document.addEventListener("keydown", w0), () => {
6017
+ document.removeEventListener("mousedown", R0), document.removeEventListener("keydown", w0);
6018
+ }), [R0, w0]), v0(() => {
6019
+ if (f && C0 && !D) {
6024
6020
  const Q = d0.findIndex(
6025
6021
  ($0) => $0.value === (_ ? m[0] : m)
6026
6022
  );
@@ -6056,7 +6052,7 @@ const m1 = ({
6056
6052
  minWidth: 0,
6057
6053
  ...d
6058
6054
  },
6059
- ...w,
6055
+ ...C,
6060
6056
  children: [
6061
6057
  z && /* @__PURE__ */ t.jsx(
6062
6058
  "label",
@@ -6139,13 +6135,13 @@ const m1 = ({
6139
6135
  minWidth: 0
6140
6136
  },
6141
6137
  children: [
6142
- Array.isArray(w0) && w0.map((Q) => /* @__PURE__ */ t.jsx(
6138
+ Array.isArray(C0) && C0.map((Q) => /* @__PURE__ */ t.jsx(
6143
6139
  m1,
6144
6140
  {
6145
6141
  size: y,
6146
6142
  closeable: !0,
6147
6143
  onClose: () => F0(Q),
6148
- colorType: C,
6144
+ colorType: w,
6149
6145
  className: "sud-select__tag",
6150
6146
  children: Q.label
6151
6147
  },
@@ -6181,11 +6177,11 @@ const m1 = ({
6181
6177
  {
6182
6178
  ref: y0,
6183
6179
  className: "sud-select__input",
6184
- value: f ? D : (w0 == null ? void 0 : w0.label) || "",
6180
+ value: f ? D : (C0 == null ? void 0 : C0.label) || "",
6185
6181
  onChange: (Q) => Y(Q.target.value),
6186
6182
  disabled: N,
6187
6183
  readOnly: !V,
6188
- placeholder: w0 ? "" : B,
6184
+ placeholder: C0 ? "" : B,
6189
6185
  style: {
6190
6186
  margin: 0,
6191
6187
  flex: 1,
@@ -6372,7 +6368,7 @@ const m1 = ({
6372
6368
  shape: S = "rounded",
6373
6369
  style: y = {},
6374
6370
  className: O = "",
6375
- name: C = "segmented-control",
6371
+ name: w = "segmented-control",
6376
6372
  ...Z
6377
6373
  }) => {
6378
6374
  const z = g0(), R = (_) => typeof _ == "object" ? _.value : _, M = (_) => typeof _ == "object" ? _.label : _, k = (_) => typeof _ == "object" && _.disabled, { bgColor: N } = i0({
@@ -6385,7 +6381,7 @@ const m1 = ({
6385
6381
  "div",
6386
6382
  {
6387
6383
  role: "radiogroup",
6388
- "aria-label": C,
6384
+ "aria-label": w,
6389
6385
  className: c0("sud-segmented", O),
6390
6386
  style: {
6391
6387
  display: "inline-flex",
@@ -6502,7 +6498,7 @@ const m1 = ({
6502
6498
  height: S,
6503
6499
  thumbHeight: y,
6504
6500
  className: O = "",
6505
- style: C = {},
6501
+ style: w = {},
6506
6502
  variant: Z = "card",
6507
6503
  // "card" | "drawer" | "modal" | "notification" | "toast"
6508
6504
  divider: z = !1,
@@ -6531,7 +6527,7 @@ const m1 = ({
6531
6527
  ...x,
6532
6528
  padding: 0,
6533
6529
  overflow: "hidden",
6534
- ...C
6530
+ ...w
6535
6531
  },
6536
6532
  ...N,
6537
6533
  children: [
@@ -6689,7 +6685,7 @@ const m1 = ({
6689
6685
  border: S = !0,
6690
6686
  borderColor: y,
6691
6687
  borderType: O = "solid",
6692
- borderWeight: C = 1,
6688
+ borderWeight: w = 1,
6693
6689
  width: Z,
6694
6690
  height: z,
6695
6691
  className: R,
@@ -6715,9 +6711,9 @@ const m1 = ({
6715
6711
  x0.disconnect();
6716
6712
  };
6717
6713
  }, [A]);
6718
- const [i, w] = q(k9[x]), [r, f] = q(a0(s || /* @__PURE__ */ new Date())), [v, D] = q(
6714
+ const [i, C] = q(k9[x]), [r, f] = q(a0(s || /* @__PURE__ */ new Date())), [v, D] = q(
6719
6715
  k ? a0(k) : null
6720
- ), [Y, F] = q(N ? a0(N) : null), [W, I] = q(null), [E, G] = q(a0(s || /* @__PURE__ */ new Date())), [X, o0] = q(l), [f0, n0] = q(!1), [y0, K] = q(r.year()), [J, d0] = q(r.month()), [w0, R0] = q(r.date()), [C0, F0] = q(!1), S0 = () => {
6716
+ ), [Y, F] = q(N ? a0(N) : null), [W, I] = q(null), [E, G] = q(a0(s || /* @__PURE__ */ new Date())), [X, o0] = q(l), [f0, n0] = q(!1), [y0, K] = q(r.year()), [J, d0] = q(r.month()), [C0, R0] = q(r.date()), [w0, F0] = q(!1), S0 = () => {
6721
6717
  F0(!0), setTimeout(() => F0(!1), 150);
6722
6718
  }, N0 = (e0, x0, O0) => {
6723
6719
  const p0 = a0(new Date(e0, x0, O0));
@@ -6751,7 +6747,7 @@ const m1 = ({
6751
6747
  border: S,
6752
6748
  fallback: d,
6753
6749
  componentType: "tag"
6754
- }), J0 = m ? L(m, _) : q0, Q = L(j || "neutral-2", _), $0 = p ? L(p, _) : H0, V0 = y ? L(y, _) : P0, E0 = S && V0 ? `${C}px ${O} ${V0}` : "none", X0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", _) : "inherit", Q0 = (e0) => {
6750
+ }), J0 = m ? L(m, _) : q0, Q = L(j || "neutral-2", _), $0 = p ? L(p, _) : H0, V0 = y ? L(y, _) : P0, E0 = S && V0 ? `${w}px ${O} ${V0}` : "none", X0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", _) : "inherit", Q0 = (e0) => {
6755
6751
  if (X === "year") {
6756
6752
  const O0 = a0(e0).startOf("month");
6757
6753
  f(O0), o0("month");
@@ -7026,7 +7022,7 @@ const m1 = ({
7026
7022
  V1,
7027
7023
  {
7028
7024
  value: r.year(),
7029
- onChange: (e0) => N0(e0, J, w0),
7025
+ onChange: (e0) => N0(e0, J, C0),
7030
7026
  options: I0.map((e0) => ({
7031
7027
  label: `${e0}`,
7032
7028
  value: e0
@@ -7039,7 +7035,7 @@ const m1 = ({
7039
7035
  V1,
7040
7036
  {
7041
7037
  value: r.month(),
7042
- onChange: (e0) => N0(y0, e0, w0),
7038
+ onChange: (e0) => N0(y0, e0, C0),
7043
7039
  options: k0.map((e0) => ({
7044
7040
  label: `${e0}`,
7045
7041
  value: e0
@@ -7070,7 +7066,7 @@ const m1 = ({
7070
7066
  style: {
7071
7067
  width: "100%",
7072
7068
  height: "100%",
7073
- opacity: C0 ? 0 : 1,
7069
+ opacity: w0 ? 0 : 1,
7074
7070
  transition: "opacity 0.3s ease"
7075
7071
  },
7076
7072
  children: [
@@ -7285,17 +7281,17 @@ const m1 = ({
7285
7281
  drag: y = !0,
7286
7282
  ...O
7287
7283
  }) => {
7288
- const [C, Z] = q(0), z = h0(null), [R, M] = q({ width: 0, height: 0 }), k = h0(!1), N = h0(0), A = h0([]);
7284
+ const [w, Z] = q(0), z = h0(null), [R, M] = q({ width: 0, height: 0 }), k = h0(!1), N = h0(0), A = h0([]);
7289
7285
  l1(() => {
7290
7286
  if (!A.current) return;
7291
7287
  const x = Math.max(
7292
7288
  ...A.current.map((b) => (b == null ? void 0 : b.offsetHeight) || 0)
7293
7289
  );
7294
7290
  M((b) => ({ ...b, maxItemHeight: x }));
7295
- }, [s, C]), l1(() => {
7291
+ }, [s, w]), l1(() => {
7296
7292
  const x = new ResizeObserver(([b]) => {
7297
- const { width: i, height: w } = b.contentRect;
7298
- M({ width: i, height: w });
7293
+ const { width: i, height: C } = b.contentRect;
7294
+ M({ width: i, height: C });
7299
7295
  });
7300
7296
  return z.current && x.observe(z.current), () => x.disconnect();
7301
7297
  }, []);
@@ -7316,7 +7312,7 @@ const m1 = ({
7316
7312
  }, T = (x) => {
7317
7313
  const b = s.length, i = Math.min(o, b);
7318
7314
  if (i === 1 || S !== "overlap") {
7319
- const I = x === C, E = x === (C + 1) % b;
7315
+ const I = x === w, E = x === (w + 1) % b;
7320
7316
  switch (S) {
7321
7317
  case "fade":
7322
7318
  return {
@@ -7355,17 +7351,17 @@ const m1 = ({
7355
7351
  };
7356
7352
  }
7357
7353
  }
7358
- const w = Math.floor(i / 2) || 1;
7359
- let r = (x - C + b) % b;
7354
+ const C = Math.floor(i / 2) || 1;
7355
+ let r = (x - w + b) % b;
7360
7356
  r > b / 2 && (r -= b);
7361
7357
  const f = Math.abs(r);
7362
- if (f > w)
7358
+ if (f > C)
7363
7359
  return {
7364
7360
  opacity: 0,
7365
7361
  transform: "scale(0)",
7366
7362
  zIndex: 0
7367
7363
  };
7368
- const v = P * 1.2, D = r * (v / w), Y = 1 - a * (f / w), F = 1 - u * (f / w), W = i - f;
7364
+ const v = P * 1.2, D = r * (v / C), Y = 1 - a * (f / C), F = 1 - u * (f / C), W = i - f;
7369
7365
  switch (S) {
7370
7366
  case "fade":
7371
7367
  return {
@@ -7410,7 +7406,7 @@ const m1 = ({
7410
7406
  _();
7411
7407
  }, n);
7412
7408
  return () => clearInterval(x);
7413
- }, [l, C]), /* @__PURE__ */ t.jsxs(
7409
+ }, [l, w]), /* @__PURE__ */ t.jsxs(
7414
7410
  "div",
7415
7411
  {
7416
7412
  ref: z,
@@ -7487,7 +7483,7 @@ const m1 = ({
7487
7483
  },
7488
7484
  role: "listitem",
7489
7485
  "aria-label": `슬라이드 ${b + 1}`,
7490
- "aria-hidden": b !== C,
7486
+ "aria-hidden": b !== w,
7491
7487
  children: x
7492
7488
  },
7493
7489
  b
@@ -7532,7 +7528,7 @@ const m1 = ({
7532
7528
  shadow: S = "sm",
7533
7529
  disabledKeys: y = [],
7534
7530
  className: O = "",
7535
- size: C = "md",
7531
+ size: w = "md",
7536
7532
  shape: Z = "rounded",
7537
7533
  style: z = {},
7538
7534
  ...R
@@ -7550,10 +7546,10 @@ const m1 = ({
7550
7546
  }), { bgColor: U, txtColor: B } = i0({
7551
7547
  border: !1,
7552
7548
  fallback: m
7553
- }), T = h ? L(h, M) : V, x = d ? L(d, M) : H, b = a ? L(a, M) : _, i = j ? L(j, M) : U, w = p ? L(p, M) : B, r = n && b ? `${g}px ${u} ${b}` : "none", { bgColor: f, txtColor: v } = i0({
7549
+ }), T = h ? L(h, M) : V, x = d ? L(d, M) : H, b = a ? L(a, M) : _, i = j ? L(j, M) : U, C = p ? L(p, M) : B, r = n && b ? `${g}px ${u} ${b}` : "none", { bgColor: f, txtColor: v } = i0({
7554
7550
  border: !1,
7555
7551
  fallback: "disabled"
7556
- }), D = B0(S, M), Y = U0(Z, M), F = M.spacing[C] || M.spacing.md, W = M.typography.fontSize[C === "md" ? "base" : C] || M.typography.fontSize.base;
7552
+ }), D = B0(S, M), Y = U0(Z, M), F = M.spacing[w] || M.spacing.md, W = M.typography.fontSize[w === "md" ? "base" : w] || M.typography.fontSize.base;
7557
7553
  return /* @__PURE__ */ t.jsx(
7558
7554
  "div",
7559
7555
  {
@@ -7606,7 +7602,7 @@ const m1 = ({
7606
7602
  {
7607
7603
  as: "div",
7608
7604
  pretendard: "B",
7609
- size: C === "md" ? "base" : C,
7605
+ size: w === "md" ? "base" : w,
7610
7606
  color: X ? v : x,
7611
7607
  className: "sud-collapse__header-label",
7612
7608
  children: I.label
@@ -7637,11 +7633,11 @@ const m1 = ({
7637
7633
  transition: "all 0.3s ease",
7638
7634
  padding: G ? `${F} ${F}` : `0 ${F}`,
7639
7635
  background: i,
7640
- color: w
7636
+ color: C
7641
7637
  },
7642
7638
  role: "region",
7643
7639
  "aria-hidden": !G,
7644
- children: typeof I.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: w, children: I.children }) : I.children
7640
+ children: typeof I.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: C, children: I.children }) : I.children
7645
7641
  }
7646
7642
  )
7647
7643
  ]
@@ -7669,7 +7665,7 @@ const m1 = ({
7669
7665
  shape: S = "rounded",
7670
7666
  shadow: y = "sm",
7671
7667
  width: O = 300,
7672
- height: C = 300,
7668
+ height: w = 300,
7673
7669
  className: Z = "",
7674
7670
  placement: z = "right",
7675
7671
  // "left" | "right" | "top" | "bottom"
@@ -7703,7 +7699,7 @@ const m1 = ({
7703
7699
  opacity: _ ? 1 : 0,
7704
7700
  visibility: U ? "visible" : "hidden",
7705
7701
  willChange: "transform, opacity"
7706
- }, w = P.borderRadius;
7702
+ }, C = P.borderRadius;
7707
7703
  switch (z) {
7708
7704
  case "left":
7709
7705
  return {
@@ -7713,8 +7709,8 @@ const m1 = ({
7713
7709
  height: "100vh",
7714
7710
  width: O,
7715
7711
  transform: _ ? "translateX(0)" : "translateX(-100%)",
7716
- borderTopRightRadius: w,
7717
- borderBottomRightRadius: w,
7712
+ borderTopRightRadius: C,
7713
+ borderBottomRightRadius: C,
7718
7714
  borderTopLeftRadius: 0,
7719
7715
  borderBottomLeftRadius: 0
7720
7716
  };
@@ -7726,8 +7722,8 @@ const m1 = ({
7726
7722
  height: "100vh",
7727
7723
  width: O,
7728
7724
  transform: _ ? "translateX(0)" : "translateX(100%)",
7729
- borderTopLeftRadius: w,
7730
- borderBottomLeftRadius: w,
7725
+ borderTopLeftRadius: C,
7726
+ borderBottomLeftRadius: C,
7731
7727
  borderTopRightRadius: 0,
7732
7728
  borderBottomRightRadius: 0
7733
7729
  };
@@ -7737,10 +7733,10 @@ const m1 = ({
7737
7733
  top: 0,
7738
7734
  left: 0,
7739
7735
  width: "100vw",
7740
- height: C,
7736
+ height: w,
7741
7737
  transform: _ ? "translateY(0)" : "translateY(-100%)",
7742
- borderBottomLeftRadius: w,
7743
- borderBottomRightRadius: w,
7738
+ borderBottomLeftRadius: C,
7739
+ borderBottomRightRadius: C,
7744
7740
  borderTopLeftRadius: 0,
7745
7741
  borderTopRightRadius: 0
7746
7742
  };
@@ -7750,17 +7746,17 @@ const m1 = ({
7750
7746
  bottom: 0,
7751
7747
  left: 0,
7752
7748
  width: "100vw",
7753
- height: C,
7749
+ height: w,
7754
7750
  transform: _ ? "translateY(0)" : "translateY(100%)",
7755
- borderTopLeftRadius: w,
7756
- borderTopRightRadius: w,
7751
+ borderTopLeftRadius: C,
7752
+ borderTopRightRadius: C,
7757
7753
  borderBottomLeftRadius: 0,
7758
7754
  borderBottomRightRadius: 0
7759
7755
  };
7760
7756
  default:
7761
7757
  return {};
7762
7758
  }
7763
- }, [z, P.borderRadius, O, C, _, U]), b = o && (typeof o == "string" ? /* @__PURE__ */ t.jsxs(
7759
+ }, [z, P.borderRadius, O, w, _, U]), b = o && (typeof o == "string" ? /* @__PURE__ */ t.jsxs(
7764
7760
  "div",
7765
7761
  {
7766
7762
  className: "sud-drawer__title",
@@ -7842,7 +7838,7 @@ const m1 = ({
7842
7838
  borderWeight: p,
7843
7839
  shadow: y,
7844
7840
  width: O,
7845
- height: C,
7841
+ height: w,
7846
7842
  className: Z,
7847
7843
  placement: z,
7848
7844
  isDrawer: !0,
@@ -7909,7 +7905,7 @@ const m1 = ({
7909
7905
  borderWeight: y = "1",
7910
7906
  ...O
7911
7907
  }) => {
7912
- const C = g0(), [Z, z] = q(!1);
7908
+ const w = g0(), [Z, z] = q(!1);
7913
7909
  v0(() => {
7914
7910
  if (!document.getElementById("sud-image-styles")) {
7915
7911
  const _ = document.createElement("style");
@@ -7924,14 +7920,14 @@ const m1 = ({
7924
7920
  const [_, H] = d.split("/").map(Number);
7925
7921
  !isNaN(_) && !isNaN(H) && H !== 0 && (M = H / _);
7926
7922
  }
7927
- const k = B0(j, C), N = U0(m, C), A = `sud-image ${n}`, P = {
7923
+ const k = B0(j, w), N = U0(m, w), A = `sud-image ${n}`, P = {
7928
7924
  position: "relative",
7929
7925
  display: "inline-block",
7930
7926
  width: typeof o == "number" ? `${o}px` : o || "100%",
7931
7927
  height: l || (d && o && typeof o == "number" ? `${o * M}px` : void 0),
7932
7928
  borderStyle: p ? S : void 0,
7933
7929
  borderWidth: p ? `${y}px` : void 0,
7934
- borderColor: p ? L(p, C) : void 0,
7930
+ borderColor: p ? L(p, w) : void 0,
7935
7931
  boxShadow: k,
7936
7932
  overflow: "hidden",
7937
7933
  ...N,
@@ -7980,8 +7976,8 @@ const m1 = ({
7980
7976
  display: "flex",
7981
7977
  alignItems: "center",
7982
7978
  justifyContent: "center",
7983
- backgroundColor: L("black-9", C) + "90",
7984
- color: L("white-10", C),
7979
+ backgroundColor: L("neutral-9", w) + "90",
7980
+ color: L("neutral-1", w),
7985
7981
  transition: "opacity 0.3s",
7986
7982
  width: "100%",
7987
7983
  height: "100%"
@@ -8004,7 +8000,7 @@ const m1 = ({
8004
8000
  left: 0,
8005
8001
  right: 0,
8006
8002
  bottom: 0,
8007
- backgroundColor: L("black-9", C),
8003
+ backgroundColor: L("black-9", w),
8008
8004
  display: "flex",
8009
8005
  justifyContent: "center",
8010
8006
  alignItems: "center",
@@ -8022,7 +8018,7 @@ const m1 = ({
8022
8018
  style: {
8023
8019
  maxWidth: "80%",
8024
8020
  maxHeight: "80%",
8025
- boxShadow: L("black-8", C)
8021
+ boxShadow: L("black-8", w)
8026
8022
  }
8027
8023
  }
8028
8024
  )
@@ -8049,7 +8045,7 @@ const m1 = ({
8049
8045
  shadow: S = "lg",
8050
8046
  width: y = 480,
8051
8047
  height: O,
8052
- className: C = "",
8048
+ className: w = "",
8053
8049
  divider: Z = !1,
8054
8050
  dividerColor: z,
8055
8051
  style: R = {},
@@ -8100,7 +8096,7 @@ const m1 = ({
8100
8096
  shape: p,
8101
8097
  width: y,
8102
8098
  height: O,
8103
- className: C,
8099
+ className: w,
8104
8100
  divider: Z,
8105
8101
  dividerColor: z,
8106
8102
  variant: "modal",
@@ -8141,7 +8137,7 @@ const m1 = ({
8141
8137
  border: S = !0,
8142
8138
  borderColor: y,
8143
8139
  borderType: O,
8144
- borderWeight: C,
8140
+ borderWeight: w,
8145
8141
  shape: Z = "rounded",
8146
8142
  shadow: z,
8147
8143
  colorType: R,
@@ -8162,7 +8158,7 @@ const m1 = ({
8162
8158
  color: p,
8163
8159
  borderColor: y,
8164
8160
  borderType: O,
8165
- borderWeight: C,
8161
+ borderWeight: w,
8166
8162
  shape: Z,
8167
8163
  shadow: z,
8168
8164
  divider: m,
@@ -8198,7 +8194,7 @@ const m1 = ({
8198
8194
  className: S = "",
8199
8195
  disabledKeys: y = [],
8200
8196
  align: O = "left",
8201
- ...C
8197
+ ...w
8202
8198
  }) => {
8203
8199
  var f;
8204
8200
  const Z = g0(), z = l ? l.map((v) => ({
@@ -8296,7 +8292,7 @@ const m1 = ({
8296
8292
  }), { borColor: b } = i0({
8297
8293
  border: h,
8298
8294
  fallback: "default"
8299
- }), i = U(), w = {
8295
+ }), i = U(), C = {
8300
8296
  left: "flex-start",
8301
8297
  center: "center",
8302
8298
  right: "flex-end"
@@ -8307,7 +8303,7 @@ const m1 = ({
8307
8303
  className: c0("sud-tabs", S),
8308
8304
  style: { width: "100%", ...p },
8309
8305
  role: "tablist",
8310
- ...C,
8306
+ ...w,
8311
8307
  children: [
8312
8308
  /* @__PURE__ */ t.jsx(
8313
8309
  "div",
@@ -8317,7 +8313,7 @@ const m1 = ({
8317
8313
  display: "flex",
8318
8314
  gap: 2,
8319
8315
  borderBottom: `${j}px ${m} ${b}`,
8320
- justifyContent: w[O]
8316
+ justifyContent: C[O]
8321
8317
  },
8322
8318
  children: z.map(({ key: v, label: D }) => {
8323
8319
  const Y = v === N, F = y.includes(v), W = Y ? i.active : i.inactive;
@@ -8416,7 +8412,7 @@ const a4 = ({
8416
8412
  borderType: S,
8417
8413
  borderWeight: y,
8418
8414
  shape: O,
8419
- shadow: C,
8415
+ shadow: w,
8420
8416
  colorType: Z = "sub",
8421
8417
  style: z = {},
8422
8418
  ...R
@@ -8437,7 +8433,7 @@ const a4 = ({
8437
8433
  borderType: S,
8438
8434
  borderWeight: y,
8439
8435
  shape: O,
8440
- shadow: C,
8436
+ shadow: w,
8441
8437
  content: c,
8442
8438
  children: s,
8443
8439
  border: j,
@@ -8450,7 +8446,7 @@ const a4 = ({
8450
8446
  },
8451
8447
  ...R
8452
8448
  }
8453
- )), w2 = ({
8449
+ )), C2 = ({
8454
8450
  defaultCurrent: s = 1,
8455
8451
  total: c = 0,
8456
8452
  pageSize: o = 10,
@@ -8466,7 +8462,7 @@ const a4 = ({
8466
8462
  }) => {
8467
8463
  const j = g0(), [p, S] = D0.useState(s), y = Math.ceil(c / o), O = (M) => {
8468
8464
  S(M), l == null || l(M);
8469
- }, C = () => {
8465
+ }, w = () => {
8470
8466
  switch (d) {
8471
8467
  case "center":
8472
8468
  return { justifyContent: "center" };
@@ -8542,7 +8538,7 @@ const a4 = ({
8542
8538
  alignItems: "center",
8543
8539
  gap: 10,
8544
8540
  width: "100%",
8545
- ...C(),
8541
+ ...w(),
8546
8542
  ...h
8547
8543
  },
8548
8544
  role: "navigation",
@@ -8737,12 +8733,12 @@ const a4 = ({
8737
8733
  overscanCount: j = 5,
8738
8734
  ...p
8739
8735
  }) => {
8740
- const [S, y] = q(1), [O, C] = q(0), Z = h0(null), [z, R] = q(0), M = h0(/* @__PURE__ */ new Map());
8736
+ const [S, y] = q(1), [O, w] = q(0), Z = h0(null), [z, R] = q(0), M = h0(/* @__PURE__ */ new Map());
8741
8737
  v0(() => {
8742
8738
  if (Z.current) {
8743
8739
  const b = new ResizeObserver((i) => {
8744
- for (const w of i)
8745
- R(w.contentRect.height);
8740
+ for (const C of i)
8741
+ R(C.contentRect.height);
8746
8742
  });
8747
8743
  return b.observe(Z.current), () => b.disconnect();
8748
8744
  }
@@ -8760,19 +8756,19 @@ const a4 = ({
8760
8756
  endIndex: s.length,
8761
8757
  totalHeight: 0
8762
8758
  };
8763
- let b = 0, i = 0, w = 0, r = !1;
8759
+ let b = 0, i = 0, C = 0, r = !1;
8764
8760
  for (let f = 0; f < s.length; f++) {
8765
8761
  const v = M.current.get(f) || v || 40;
8766
8762
  if (!r && b + v > O && (i = Math.max(0, f - j), r = !0), r && b > O + z) {
8767
- w = Math.min(s.length, f + j);
8763
+ C = Math.min(s.length, f + j);
8768
8764
  break;
8769
8765
  }
8770
8766
  b += v;
8771
8767
  }
8772
- return r || (i = 0), w === 0 && (w = s.length), {
8773
- visibleItems: s.slice(i, w),
8768
+ return r || (i = 0), C === 0 && (C = s.length), {
8769
+ visibleItems: s.slice(i, C),
8774
8770
  startIndex: i,
8775
- endIndex: w,
8771
+ endIndex: C,
8776
8772
  totalHeight: b
8777
8773
  };
8778
8774
  }, [
@@ -8787,7 +8783,7 @@ const a4 = ({
8787
8783
  return { pageSize: b, paginatedData: i };
8788
8784
  }, [s, c, S]), B = Z0(
8789
8785
  (b) => {
8790
- d && C(b.target.scrollTop);
8786
+ d && w(b.target.scrollTop);
8791
8787
  },
8792
8788
  [d]
8793
8789
  );
@@ -8806,8 +8802,8 @@ const a4 = ({
8806
8802
  [c]
8807
8803
  ), x = Z0(() => {
8808
8804
  const b = d ? A : U;
8809
- return b.map((i, w) => {
8810
- const r = d ? P + w : w;
8805
+ return b.map((i, C) => {
8806
+ const r = d ? P + C : C;
8811
8807
  return /* @__PURE__ */ t.jsxs(
8812
8808
  "div",
8813
8809
  {
@@ -8837,7 +8833,7 @@ const a4 = ({
8837
8833
  children: i
8838
8834
  }
8839
8835
  ),
8840
- l && w !== b.length - 1 && /* @__PURE__ */ t.jsx(o1, {})
8836
+ l && C !== b.length - 1 && /* @__PURE__ */ t.jsx(o1, {})
8841
8837
  ]
8842
8838
  },
8843
8839
  r
@@ -8940,7 +8936,7 @@ const a4 = ({
8940
8936
  role: "navigation",
8941
8937
  "aria-label": "페이지네이션",
8942
8938
  children: /* @__PURE__ */ t.jsx(
8943
- w2,
8939
+ C2,
8944
8940
  {
8945
8941
  defaultCurrent: S,
8946
8942
  total: s.length,
@@ -9040,7 +9036,7 @@ const a4 = ({
9040
9036
  else
9041
9037
  return null;
9042
9038
  return /* @__PURE__ */ t.jsx(
9043
- C2,
9039
+ w2,
9044
9040
  {
9045
9041
  dot: d.dot,
9046
9042
  color: d.color,
@@ -9065,7 +9061,7 @@ const a4 = ({
9065
9061
  }
9066
9062
  );
9067
9063
  T9.displayName = "Timeline";
9068
- const C2 = D0.memo(
9064
+ const w2 = D0.memo(
9069
9065
  ({
9070
9066
  dot: s,
9071
9067
  color: c = "cerulean",
@@ -9083,14 +9079,14 @@ const C2 = D0.memo(
9083
9079
  delay: p = 0
9084
9080
  }) => {
9085
9081
  var H, U;
9086
- const S = g0(), y = L(c, S), { txtColor: O, borColor: C } = i0({
9082
+ const S = g0(), y = L(c, S), { txtColor: O, borColor: w } = i0({
9087
9083
  border: !0,
9088
9084
  fallback: "default"
9089
9085
  }), Z = h0(), z = h0(), [R, M] = q(0);
9090
9086
  l1(() => {
9091
9087
  const B = () => {
9092
- var i, w;
9093
- const x = ((i = Z.current) == null ? void 0 : i.offsetHeight) || 0, b = ((w = z.current) == null ? void 0 : w.offsetHeight) || 0;
9088
+ var i, C;
9089
+ const x = ((i = Z.current) == null ? void 0 : i.offsetHeight) || 0, b = ((C = z.current) == null ? void 0 : C.offsetHeight) || 0;
9094
9090
  M(d + Math.max(x, b));
9095
9091
  }, T = new ResizeObserver(() => {
9096
9092
  B();
@@ -9113,9 +9109,9 @@ const C2 = D0.memo(
9113
9109
  top: d / 2,
9114
9110
  width: m,
9115
9111
  height: a ? 0 : R,
9116
- backgroundColor: C
9112
+ backgroundColor: w
9117
9113
  }),
9118
- [d, m, R, a, C]
9114
+ [d, m, R, a, w]
9119
9115
  ), A = z0(
9120
9116
  () => ({
9121
9117
  position: "absolute",
@@ -9298,7 +9294,7 @@ const C2 = D0.memo(
9298
9294
  );
9299
9295
  }
9300
9296
  );
9301
- C2.displayName = "TimelineItem";
9297
+ w2.displayName = "TimelineItem";
9302
9298
  const d4 = ({
9303
9299
  columns: s = [],
9304
9300
  dataSource: c = [],
@@ -9317,7 +9313,7 @@ const d4 = ({
9317
9313
  width: S = "100%",
9318
9314
  height: y = "auto",
9319
9315
  style: O = {},
9320
- pagination: C = !1,
9316
+ pagination: w = !1,
9321
9317
  onChange: Z,
9322
9318
  emptyText: z = "데이터가 없습니다",
9323
9319
  ...R
@@ -9325,8 +9321,8 @@ const d4 = ({
9325
9321
  if (s.length === 0 || c.length === 0)
9326
9322
  return /* @__PURE__ */ t.jsx(R1, { description: z });
9327
9323
  const M = g0(), [k, N] = q(null), [A, P] = q(
9328
- C && C.current ? C.current : 1
9329
- ), V = C && C !== !1 ? C.pageSize || 10 : c.length, _ = C && C !== !1 && C.total || c.length, {
9324
+ w && w.current ? w.current : 1
9325
+ ), V = w && w !== !1 ? w.pageSize || 10 : c.length, _ = w && w !== !1 && w.total || c.length, {
9330
9326
  bgColor: H,
9331
9327
  txtColor: U,
9332
9328
  borColor: B
@@ -9341,41 +9337,41 @@ const d4 = ({
9341
9337
  lg: { padding: "16px 20px", fontSize: 16 }
9342
9338
  }),
9343
9339
  []
9344
- ), i = b[l] || b.md, w = U0(a, M), r = B0(u, M), f = i.padding, v = Z0(
9340
+ ), i = b[l] || b.md, C = U0(a, M), r = B0(u, M), f = i.padding, v = Z0(
9345
9341
  (K, J) => typeof o == "function" ? o(K) : K[o] ?? J,
9346
9342
  [o]
9347
9343
  ), D = z0(() => {
9348
9344
  if (!k) return c;
9349
- const { columnKey: K, order: J } = k, d0 = s.find((C0) => (C0.dataIndex || C0.key) === K);
9345
+ const { columnKey: K, order: J } = k, d0 = s.find((w0) => (w0.dataIndex || w0.key) === K);
9350
9346
  if (!d0) return c;
9351
- const w0 = d0.sorter === !0 ? (C0, F0) => {
9352
- const S0 = C0[K], N0 = F0[K];
9347
+ const C0 = d0.sorter === !0 ? (w0, F0) => {
9348
+ const S0 = w0[K], N0 = F0[K];
9353
9349
  return typeof S0 == "number" ? S0 - N0 : String(S0).localeCompare(String(N0));
9354
9350
  } : d0.sorter;
9355
- return [...c].sort((C0, F0) => {
9356
- const S0 = w0(C0, F0);
9351
+ return [...c].sort((w0, F0) => {
9352
+ const S0 = C0(w0, F0);
9357
9353
  return J === "ascend" ? S0 : -S0;
9358
9354
  });
9359
9355
  }, [c, k, s]), Y = z0(() => {
9360
- if (!C || C === !1)
9356
+ if (!w || w === !1)
9361
9357
  return D;
9362
9358
  const K = (A - 1) * V, J = K + V;
9363
9359
  return D.slice(K, J);
9364
- }, [D, A, V, C]), F = Z0(
9360
+ }, [D, A, V, w]), F = Z0(
9365
9361
  (K) => {
9366
9362
  if (!K.sorter) return;
9367
9363
  const J = K.key;
9368
9364
  let d0 = null;
9369
9365
  !k || k.columnKey !== J ? d0 = "ascend" : k.order === "ascend" ? d0 = "descend" : k.order === "descend" && (d0 = null);
9370
- const w0 = d0 ? { columnKey: J, order: d0 } : null;
9371
- N(w0), Z && Z({}, {}, w0);
9366
+ const C0 = d0 ? { columnKey: J, order: d0 } : null;
9367
+ N(C0), Z && Z({}, {}, C0);
9372
9368
  },
9373
9369
  [k, Z]
9374
9370
  ), W = Z0(
9375
9371
  (K) => {
9376
- P(K), typeof C == "object" && C.onChange && C.onChange(K);
9372
+ P(K), typeof w == "object" && w.onChange && w.onChange(K);
9377
9373
  },
9378
- [C]
9374
+ [w]
9379
9375
  );
9380
9376
  Z0((K) => {
9381
9377
  const J = {
@@ -9389,22 +9385,22 @@ const d4 = ({
9389
9385
  v0(() => {
9390
9386
  const K = I.current, J = E.current;
9391
9387
  if (J && K) {
9392
- const w0 = J.scrollHeight > J.clientHeight ? J.offsetWidth - J.clientWidth : 0;
9393
- X(w0);
9388
+ const C0 = J.scrollHeight > J.clientHeight ? J.offsetWidth - J.clientWidth : 0;
9389
+ X(C0);
9394
9390
  }
9395
9391
  }, [D, y]);
9396
9392
  const o0 = z0(
9397
9393
  () => ({
9398
- borderTopLeftRadius: w.borderRadius,
9399
- borderTopRightRadius: w.borderRadius
9394
+ borderTopLeftRadius: C.borderRadius,
9395
+ borderTopRightRadius: C.borderRadius
9400
9396
  }),
9401
- [w.borderRadius]
9397
+ [C.borderRadius]
9402
9398
  ), f0 = z0(
9403
9399
  () => ({
9404
- borderBottomLeftRadius: w.borderRadius,
9405
- borderBottomRightRadius: w.borderRadius
9400
+ borderBottomLeftRadius: C.borderRadius,
9401
+ borderBottomRightRadius: C.borderRadius
9406
9402
  }),
9407
- [w.borderRadius]
9403
+ [C.borderRadius]
9408
9404
  ), n0 = z0(() => {
9409
9405
  const K = s.reduce((J, d0) => J + (d0.col || (d0.width ? 0 : 1)), 0);
9410
9406
  return s.map((J) => {
@@ -9461,7 +9457,7 @@ const d4 = ({
9461
9457
  J
9462
9458
  )) }),
9463
9459
  /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsx("tr", { children: n0.map((K, J) => {
9464
- const d0 = K.key, w0 = (k == null ? void 0 : k.columnKey) === d0, R0 = w0 ? k.order : null, C0 = K.align || "left";
9460
+ const d0 = K.key, C0 = (k == null ? void 0 : k.columnKey) === d0, R0 = C0 ? k.order : null, w0 = K.align || "left";
9465
9461
  return /* @__PURE__ */ t.jsx(
9466
9462
  "th",
9467
9463
  {
@@ -9469,11 +9465,11 @@ const d4 = ({
9469
9465
  className: c0(
9470
9466
  "sud-table__header-cell",
9471
9467
  K.sorter && "sud-table__header-cell--sortable",
9472
- w0 && `sud-table__header-cell--sorted-${R0}`,
9468
+ C0 && `sud-table__header-cell--sorted-${R0}`,
9473
9469
  K.className
9474
9470
  ),
9475
9471
  style: {
9476
- textAlign: C0,
9472
+ textAlign: w0,
9477
9473
  background: H,
9478
9474
  color: U,
9479
9475
  borderBottom: x,
@@ -9484,10 +9480,10 @@ const d4 = ({
9484
9480
  cursor: K.sorter ? "pointer" : "default"
9485
9481
  },
9486
9482
  role: "columnheader",
9487
- "aria-sort": w0 ? R0 === "ascend" ? "ascending" : "descending" : "none",
9483
+ "aria-sort": C0 ? R0 === "ascend" ? "ascending" : "descending" : "none",
9488
9484
  tabIndex: K.sorter ? 0 : -1,
9489
9485
  onKeyDown: (F0) => y0(F0, K),
9490
- "aria-label": `${K.title} ${w0 ? R0 === "ascend" ? "오름차순 정렬됨" : "내림차순 정렬됨" : ""}`,
9486
+ "aria-label": `${K.title} ${C0 ? R0 === "ascend" ? "오름차순 정렬됨" : "내림차순 정렬됨" : ""}`,
9491
9487
  children: /* @__PURE__ */ t.jsxs(
9492
9488
  "div",
9493
9489
  {
@@ -9495,7 +9491,7 @@ const d4 = ({
9495
9491
  display: "flex",
9496
9492
  alignItems: "center",
9497
9493
  gap: 4,
9498
- justifyContent: C0 === "center" ? "center" : C0 === "right" ? "flex-end" : "flex-start"
9494
+ justifyContent: w0 === "center" ? "center" : w0 === "right" ? "flex-end" : "flex-start"
9499
9495
  },
9500
9496
  children: [
9501
9497
  /* @__PURE__ */ t.jsx(
@@ -9591,7 +9587,7 @@ const d4 = ({
9591
9587
  J
9592
9588
  )) }),
9593
9589
  /* @__PURE__ */ t.jsx("tbody", { children: Y.map((K, J) => {
9594
- const d0 = v(K, J), w0 = L(K.background, M) || "transparent", R0 = L(K.color, M) || "inherit", C0 = L(K.borderColor, M) || T, F0 = g ? `${d}px ${h} ${C0}` : "none";
9590
+ const d0 = v(K, J), C0 = L(K.background, M) || "transparent", R0 = L(K.color, M) || "inherit", w0 = L(K.borderColor, M) || T, F0 = g ? `${d}px ${h} ${w0}` : "none";
9595
9591
  return /* @__PURE__ */ t.jsx(
9596
9592
  "tr",
9597
9593
  {
@@ -9613,7 +9609,7 @@ const d4 = ({
9613
9609
  ),
9614
9610
  style: {
9615
9611
  textAlign: k0,
9616
- background: w0,
9612
+ background: C0,
9617
9613
  color: R0,
9618
9614
  borderBottom: F0,
9619
9615
  borderLeft: N0 === 0 ? "none" : F0,
@@ -9637,7 +9633,7 @@ const d4 = ({
9637
9633
  )
9638
9634
  }
9639
9635
  ),
9640
- C && Y.length > 0 && /* @__PURE__ */ t.jsx(
9636
+ w && Y.length > 0 && /* @__PURE__ */ t.jsx(
9641
9637
  "div",
9642
9638
  {
9643
9639
  style: {
@@ -9647,13 +9643,13 @@ const d4 = ({
9647
9643
  role: "navigation",
9648
9644
  "aria-label": "페이지네이션",
9649
9645
  children: /* @__PURE__ */ t.jsx(
9650
- w2,
9646
+ C2,
9651
9647
  {
9652
9648
  defaultCurrent: A,
9653
9649
  total: _,
9654
9650
  pageSize: V,
9655
9651
  onChange: W,
9656
- ...typeof C == "object" ? C : {}
9652
+ ...typeof w == "object" ? w : {}
9657
9653
  }
9658
9654
  )
9659
9655
  }
@@ -9682,7 +9678,7 @@ function Y1({
9682
9678
  const S = g0(), { bgColor: y } = i0({
9683
9679
  border: !1,
9684
9680
  fallback: g
9685
- }), O = a ? L(a, S) : y, [C, Z] = q(c || !1), [z, R] = q(!1), M = s !== void 0, k = M ? s : C, N = l === "top" || l === "bottom", A = h0(), P = h0(), V = z || k ? O : L("cool-gray-3", S), _ = (H) => {
9681
+ }), O = a ? L(a, S) : y, [w, Z] = q(c || !1), [z, R] = q(!1), M = s !== void 0, k = M ? s : w, N = l === "top" || l === "bottom", A = h0(), P = h0(), V = z || k ? O : L("cool-gray-3", S), _ = (H) => {
9686
9682
  if (H.stopPropagation(), u) return;
9687
9683
  const U = !k;
9688
9684
  M || Z(U), o == null || o(U), A.current && S1(A.current), P.current && X1(P.current);
@@ -9726,7 +9722,7 @@ function Y1({
9726
9722
  display: "inline-flex",
9727
9723
  alignItems: "center",
9728
9724
  justifyContent: "center",
9729
- background: k ? O : L("white-10", S),
9725
+ background: k ? O : L("neutral-1", S),
9730
9726
  border: `1px solid ${V}`,
9731
9727
  borderRadius: 4,
9732
9728
  transition: "border-color 0.2s ease, background 0.2s ease"
@@ -9740,7 +9736,7 @@ function Y1({
9740
9736
  alignItems: "center",
9741
9737
  justifyContent: "center"
9742
9738
  },
9743
- children: /* @__PURE__ */ t.jsx(x9, { color: L("white-10", S), size: "14" })
9739
+ children: /* @__PURE__ */ t.jsx(x9, { color: L("neutral-1", S), size: "14" })
9744
9740
  }
9745
9741
  )
9746
9742
  }
@@ -9776,7 +9772,7 @@ Y1.Group = function({
9776
9772
  ariaRequired: S,
9777
9773
  name: y,
9778
9774
  role: O = "checkboxgroup",
9779
- className: C = "",
9775
+ className: w = "",
9780
9776
  style: Z = {}
9781
9777
  }) {
9782
9778
  const z = (k) => {
@@ -9798,7 +9794,7 @@ Y1.Group = function({
9798
9794
  return /* @__PURE__ */ t.jsx(
9799
9795
  "div",
9800
9796
  {
9801
- className: c0("sud-checkbox-group", C),
9797
+ className: c0("sud-checkbox-group", w),
9802
9798
  style: M,
9803
9799
  role: O,
9804
9800
  "aria-label": p,
@@ -9840,7 +9836,7 @@ const a1 = ({
9840
9836
  readOnly: S = !1,
9841
9837
  autoFocus: y = !1,
9842
9838
  password: O = !1,
9843
- maxLength: C,
9839
+ maxLength: w,
9844
9840
  type: Z = "text",
9845
9841
  clearable: z = !1,
9846
9842
  placeholder: R,
@@ -9859,7 +9855,7 @@ const a1 = ({
9859
9855
  error: x = !1,
9860
9856
  required: b = !1,
9861
9857
  ariaRequired: i,
9862
- ariaInvalid: w,
9858
+ ariaInvalid: C,
9863
9859
  ariaDescribedby: r,
9864
9860
  onClick: f,
9865
9861
  thousandSeparator: v = !1
@@ -9876,7 +9872,7 @@ const a1 = ({
9876
9872
  sm: { height: 32, fontSize: 14, padding: "4px" },
9877
9873
  md: { height: 38, fontSize: 16, padding: "6px" },
9878
9874
  lg: { height: 42, fontSize: 18, padding: "8px" }
9879
- }[P] || {}, d0 = O ? "password" : Z, w0 = () => {
9875
+ }[P] || {}, d0 = O ? "password" : Z, C0 = () => {
9880
9876
  k && k({ target: { value: "" } });
9881
9877
  }, R0 = (G0) => {
9882
9878
  let I0 = G0.target.value;
@@ -9890,7 +9886,7 @@ const a1 = ({
9890
9886
  isNaN(k0) || (I0 = k0.toLocaleString());
9891
9887
  }
9892
9888
  k({ target: { value: I0 } });
9893
- }, C0 = M, F0 = v && M && isNaN(Number(M.replace(/,/g, ""))), S0 = v ? F0 : x, N0 = v && F0 ? "숫자를 입력하세요" : T;
9889
+ }, w0 = M, F0 = v && M && isNaN(Number(M.replace(/,/g, ""))), S0 = v ? F0 : x, N0 = v && F0 ? "숫자를 입력하세요" : T;
9894
9890
  return /* @__PURE__ */ t.jsxs(
9895
9891
  "div",
9896
9892
  {
@@ -9915,7 +9911,7 @@ const a1 = ({
9915
9911
  },
9916
9912
  "aria-label": U,
9917
9913
  "aria-required": i,
9918
- "aria-invalid": w,
9914
+ "aria-invalid": C,
9919
9915
  "aria-describedby": r,
9920
9916
  children: typeof B == "string" ? /* @__PURE__ */ t.jsx(
9921
9917
  t0,
@@ -9990,19 +9986,19 @@ const a1 = ({
9990
9986
  ref: Y,
9991
9987
  className: `sud-input__field cursor-${p ? "not-allowed" : ""}`,
9992
9988
  type: v ? "text" : d0,
9993
- value: C0,
9989
+ value: w0,
9994
9990
  onChange: R0,
9995
9991
  placeholder: R,
9996
9992
  disabled: p,
9997
9993
  readOnly: S,
9998
9994
  autoFocus: y,
9999
- maxLength: C,
9995
+ maxLength: w,
10000
9996
  id: V,
10001
9997
  name: _,
10002
9998
  autoComplete: H,
10003
9999
  "aria-label": U || B,
10004
10000
  "aria-required": i || b,
10005
- "aria-invalid": w || S0,
10001
+ "aria-invalid": C || S0,
10006
10002
  "aria-describedby": r || (S0 ? `${V}-error` : void 0),
10007
10003
  "aria-disabled": p,
10008
10004
  onFocus: () => W(!0),
@@ -10028,7 +10024,7 @@ const a1 = ({
10028
10024
  "button",
10029
10025
  {
10030
10026
  className: "sud-input__clear",
10031
- onClick: w0,
10027
+ onClick: C0,
10032
10028
  type: "button",
10033
10029
  style: {
10034
10030
  marginRight: 8,
@@ -10041,7 +10037,7 @@ const a1 = ({
10041
10037
  children: "✕"
10042
10038
  }
10043
10039
  ),
10044
- C && /* @__PURE__ */ t.jsxs(
10040
+ w && /* @__PURE__ */ t.jsxs(
10045
10041
  "div",
10046
10042
  {
10047
10043
  className: "sud-input__length",
@@ -10052,7 +10048,7 @@ const a1 = ({
10052
10048
  children: [
10053
10049
  M.length,
10054
10050
  "/",
10055
- C
10051
+ w
10056
10052
  ]
10057
10053
  }
10058
10054
  ),
@@ -10118,7 +10114,7 @@ const a1 = ({
10118
10114
  },
10119
10115
  shape: y = "rounded",
10120
10116
  shadow: O = "sm",
10121
- size: C = "md",
10117
+ size: w = "md",
10122
10118
  rows: Z = 4,
10123
10119
  maxLength: z,
10124
10120
  resizable: R = !1,
@@ -10136,7 +10132,7 @@ const a1 = ({
10136
10132
  ariaRequired: x,
10137
10133
  ariaInvalid: b,
10138
10134
  ariaDescribedby: i,
10139
- onClick: w
10135
+ onClick: C
10140
10136
  }) => {
10141
10137
  const r = g0(), f = h0(null), [v, D] = q(m), [Y, F] = q(!1), { bgColor: W, txtColor: I, borColor: E } = i0({
10142
10138
  border: o,
@@ -10150,7 +10146,7 @@ const a1 = ({
10150
10146
  sm: { height: 32, fontSize: 14, padding: "4px" },
10151
10147
  md: { height: 38, fontSize: 16, padding: "6px" },
10152
10148
  lg: { height: 42, fontSize: 18, padding: "8px" }
10153
- }[C] || {};
10149
+ }[w] || {};
10154
10150
  return v0(() => {
10155
10151
  if (M && f.current) {
10156
10152
  const J = f.current;
@@ -10212,7 +10208,7 @@ const a1 = ({
10212
10208
  g,
10213
10209
  `cursor-${h ? "not-allowed" : ""}`
10214
10210
  ),
10215
- onClick: w,
10211
+ onClick: C,
10216
10212
  "data-name": P,
10217
10213
  style: {
10218
10214
  display: "flex",
@@ -10362,7 +10358,7 @@ const a1 = ({
10362
10358
  value: y = "",
10363
10359
  onChange: O = () => {
10364
10360
  },
10365
- shape: C = "rounded",
10361
+ shape: w = "rounded",
10366
10362
  shadow: Z = "sm",
10367
10363
  size: z = "md",
10368
10364
  id: R,
@@ -10377,7 +10373,7 @@ const a1 = ({
10377
10373
  ariaDescribedby: U,
10378
10374
  onClick: B
10379
10375
  }) => {
10380
- const T = g0(), x = h0([]), [b, i] = q(m ? 0 : -1), { txtColor: w } = i0({
10376
+ const T = g0(), x = h0([]), [b, i] = q(m ? 0 : -1), { txtColor: C } = i0({
10381
10377
  border: o,
10382
10378
  fallback: P ? "error" : "default",
10383
10379
  componentType: "input"
@@ -10385,7 +10381,7 @@ const a1 = ({
10385
10381
  v0(() => {
10386
10382
  m && x.current[0] && x.current[0].focus();
10387
10383
  }, [m]);
10388
- const r = c ? L(c, T) : w, f = U0(C, T), v = B0(Z, T), D = {
10384
+ const r = c ? L(c, T) : C, f = U0(w, T), v = B0(Z, T), D = {
10389
10385
  sm: { height: 32, fontSize: 14, padding: "4px" },
10390
10386
  md: { height: 38, fontSize: 16, padding: "6px" },
10391
10387
  lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10585,7 +10581,7 @@ const u2 = ({
10585
10581
  width: S,
10586
10582
  height: y,
10587
10583
  minMaxVisible: O = !1,
10588
- colorType: C = "primary",
10584
+ colorType: w = "primary",
10589
10585
  unit: Z = "",
10590
10586
  style: z = {},
10591
10587
  className: R = "",
@@ -10601,9 +10597,9 @@ const u2 = ({
10601
10597
  ariaValueText: B,
10602
10598
  ...T
10603
10599
  }) => {
10604
- const x = g0(), b = h0(null), i = h0(null), [w, r] = q(!1), [f, v] = q(o), D = m2(), Y = H || D, { bgColor: F, borColor: W } = i0({
10600
+ const x = g0(), b = h0(null), i = h0(null), [C, r] = q(!1), [f, v] = q(o), D = m2(), Y = H || D, { bgColor: F, borColor: W } = i0({
10605
10601
  border: $,
10606
- fallback: C,
10602
+ fallback: w,
10607
10603
  componentType: "button"
10608
10604
  }), I = B0(M, x), E = g ? L(g, x) : F;
10609
10605
  m && L(m, x);
@@ -10622,9 +10618,9 @@ const u2 = ({
10622
10618
  fontSize: y0
10623
10619
  } = a ? G[k] : X[k], K = S || o0, J = y || f0, d0 = (f - s) / (c - s) * 100;
10624
10620
  v0(() => {
10625
- w || v(o);
10626
- }, [o, w]);
10627
- const w0 = Z0(
10621
+ C || v(o);
10622
+ }, [o, C]);
10623
+ const C0 = Z0(
10628
10624
  (k0, A0) => {
10629
10625
  const r0 = b.current.getBoundingClientRect();
10630
10626
  let M0;
@@ -10634,18 +10630,18 @@ const u2 = ({
10634
10630
  },
10635
10631
  [s, c, l, n, a]
10636
10632
  ), R0 = (k0) => {
10637
- u || (r(!0), S1(i.current), w0(k0.clientX, k0.clientY));
10638
- }, C0 = (k0) => {
10639
- !w || u || w0(k0.clientX, k0.clientY);
10633
+ u || (r(!0), S1(i.current), C0(k0.clientX, k0.clientY));
10634
+ }, w0 = (k0) => {
10635
+ !C || u || C0(k0.clientX, k0.clientY);
10640
10636
  }, F0 = () => {
10641
10637
  u || r(!1);
10642
10638
  };
10643
10639
  v0(() => {
10644
- if (w)
10645
- return window.addEventListener("mousemove", C0), window.addEventListener("mouseup", F0), () => {
10646
- window.removeEventListener("mousemove", C0), window.removeEventListener("mouseup", F0);
10640
+ if (C)
10641
+ return window.addEventListener("mousemove", w0), window.addEventListener("mouseup", F0), () => {
10642
+ window.removeEventListener("mousemove", w0), window.removeEventListener("mouseup", F0);
10647
10643
  };
10648
- }, [w, C0]);
10644
+ }, [C, w0]);
10649
10645
  const S0 = (k0) => {
10650
10646
  if (u) return;
10651
10647
  let A0 = f;
@@ -10692,7 +10688,7 @@ const u2 = ({
10692
10688
  boxShadow: I
10693
10689
  }, G0 = {
10694
10690
  position: "absolute",
10695
- border: `${A ? N ? N / 5 : n0 / 5 : 0}px solid ${L("white-9", x)}`,
10691
+ border: `${A ? N ? N / 5 : n0 / 5 : 0}px solid ${L("neutral-2", x)}`,
10696
10692
  boxShadow: I,
10697
10693
  background: E,
10698
10694
  borderRadius: "50%",
@@ -10799,7 +10795,7 @@ const u2 = ({
10799
10795
  content: `${f} ${Z}`,
10800
10796
  className: P,
10801
10797
  style: V,
10802
- colorType: C,
10798
+ colorType: w,
10803
10799
  ..._,
10804
10800
  variant: "slider-popup",
10805
10801
  children: /* @__PURE__ */ t.jsx(
@@ -10897,7 +10893,7 @@ const u2 = ({
10897
10893
  border: S = !0,
10898
10894
  borderColor: y,
10899
10895
  borderType: O,
10900
- borderWeight: C,
10896
+ borderWeight: w,
10901
10897
  shape: Z = "rounded",
10902
10898
  shadow: z,
10903
10899
  colorType: R,
@@ -10957,7 +10953,7 @@ const u2 = ({
10957
10953
  border: S,
10958
10954
  borderColor: y,
10959
10955
  borderType: O,
10960
- borderWeight: C,
10956
+ borderWeight: w,
10961
10957
  shape: Z,
10962
10958
  shadow: z,
10963
10959
  divider: j,
@@ -11007,37 +11003,37 @@ const h4 = ({
11007
11003
  buttonProps: y = {},
11008
11004
  ...O
11009
11005
  }) => {
11010
- const C = h0(), [Z, z] = q(s), [R, M] = q(210), [k, N] = q(100), [A, P] = q({ x: 0, y: 0 }), [V, _] = q({ h: 210, s: 100, b: 100 }), [H, U] = q({ r: 22, g: 119, b: 255 }), B = {
11006
+ const w = h0(), [Z, z] = q(s), [R, M] = q(210), [k, N] = q(100), [A, P] = q({ x: 0, y: 0 }), [V, _] = q({ h: 210, s: 100, b: 100 }), [H, U] = q({ r: 22, g: 119, b: 255 }), B = {
11011
11007
  sm: 32,
11012
11008
  md: 40,
11013
11009
  lg: 48
11014
11010
  }, T = Z0(
11015
- ({ r: b, g: i, b: w }) => {
11016
- const r = Math.max(b, i, w), f = Math.min(b, i, w), v = r / 255, D = r === 0 ? 0 : (r - f) / r;
11011
+ ({ r: b, g: i, b: C }) => {
11012
+ const r = Math.max(b, i, C), f = Math.min(b, i, C), v = r / 255, D = r === 0 ? 0 : (r - f) / r;
11017
11013
  let Y = 0;
11018
11014
  if (r !== f) {
11019
11015
  switch (r) {
11020
11016
  case b:
11021
- Y = (i - w) / (r - f) + (i < w ? 6 : 0);
11017
+ Y = (i - C) / (r - f) + (i < C ? 6 : 0);
11022
11018
  break;
11023
11019
  case i:
11024
- Y = (w - b) / (r - f) + 2;
11020
+ Y = (C - b) / (r - f) + 2;
11025
11021
  break;
11026
- case w:
11022
+ case C:
11027
11023
  Y = (b - i) / (r - f) + 4;
11028
11024
  break;
11029
11025
  }
11030
11026
  Y *= 60;
11031
11027
  }
11032
- U({ r: b, g: i, b: w }), _({
11028
+ U({ r: b, g: i, b: C }), _({
11033
11029
  h: Math.round(Y),
11034
11030
  s: Math.round(D * 100),
11035
11031
  b: Math.round(v * 100)
11036
11032
  }), M(Math.round(Y));
11037
- const F = T1(b, i, w), W = `rgba(${b}, ${i}, ${w}, ${k / 100})`;
11033
+ const F = T1(b, i, C), W = `rgba(${b}, ${i}, ${C}, ${k / 100})`;
11038
11034
  z(W), c == null || c({
11039
11035
  hex: F,
11040
- rgb: { r: b, g: i, b: w },
11036
+ rgb: { r: b, g: i, b: C },
11041
11037
  hsb: V,
11042
11038
  alpha: k,
11043
11039
  rgba: W
@@ -11050,9 +11046,9 @@ const h4 = ({
11050
11046
  }, [s]);
11051
11047
  const x = Z0(
11052
11048
  (b) => {
11053
- const i = C.current.getBoundingClientRect(), w = Math.min(Math.max(b.clientX - i.left, 0), i.width), r = Math.min(Math.max(b.clientY - i.top, 0), i.height);
11054
- P({ x: w, y: r });
11055
- const f = w / i.width, v = 1 - r / i.height, D = R, Y = (E, G = (E + D / 60) % 6) => v - v * f * Math.max(Math.min(G, 4 - G, 1), 0), F = Math.round(Y(5) * 255), W = Math.round(Y(3) * 255), I = Math.round(Y(1) * 255);
11049
+ const i = w.current.getBoundingClientRect(), C = Math.min(Math.max(b.clientX - i.left, 0), i.width), r = Math.min(Math.max(b.clientY - i.top, 0), i.height);
11050
+ P({ x: C, y: r });
11051
+ const f = C / i.width, v = 1 - r / i.height, D = R, Y = (E, G = (E + D / 60) % 6) => v - v * f * Math.max(Math.min(G, 4 - G, 1), 0), F = Math.round(Y(5) * 255), W = Math.round(Y(3) * 255), I = Math.round(Y(1) * 255);
11056
11052
  T({ r: F, g: W, b: I });
11057
11053
  },
11058
11054
  [R, T]
@@ -11085,22 +11081,22 @@ const h4 = ({
11085
11081
  /* @__PURE__ */ t.jsx(
11086
11082
  "div",
11087
11083
  {
11088
- ref: C,
11084
+ ref: w,
11089
11085
  className: "sud-color-picker__palette",
11090
11086
  onMouseDown: (b) => {
11091
11087
  x(b);
11092
- const i = (r) => x(r), w = () => {
11093
- window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", w);
11088
+ const i = (r) => x(r), C = () => {
11089
+ window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", C);
11094
11090
  };
11095
- window.addEventListener("mousemove", i), window.addEventListener("mouseup", w);
11091
+ window.addEventListener("mousemove", i), window.addEventListener("mouseup", C);
11096
11092
  },
11097
11093
  onTouchStart: (b) => {
11098
11094
  const i = b.touches[0];
11099
11095
  x(i);
11100
- const w = (f) => x(f.touches[0]), r = () => {
11101
- window.removeEventListener("touchmove", w), window.removeEventListener("touchend", r);
11096
+ const C = (f) => x(f.touches[0]), r = () => {
11097
+ window.removeEventListener("touchmove", C), window.removeEventListener("touchend", r);
11102
11098
  };
11103
- window.addEventListener("touchmove", w), window.addEventListener("touchend", r);
11099
+ window.addEventListener("touchmove", C), window.addEventListener("touchend", r);
11104
11100
  },
11105
11101
  style: {
11106
11102
  position: "relative",
@@ -11154,8 +11150,8 @@ const h4 = ({
11154
11150
  onChange: (b) => {
11155
11151
  const i = b.target.value;
11156
11152
  try {
11157
- const w = p2(i), r = Math.max(w.r, w.g, w.b), f = Math.min(w.r, w.g, w.b), v = r / 255, Y = (r === 0 ? 0 : (r - f) / r) * 100, F = (1 - v) * 100;
11158
- P({ x: Y, y: F }), T(w);
11153
+ const C = p2(i), r = Math.max(C.r, C.g, C.b), f = Math.min(C.r, C.g, C.b), v = r / 255, Y = (r === 0 ? 0 : (r - f) / r) * 100, F = (1 - v) * 100;
11154
+ P({ x: Y, y: F }), T(C);
11159
11155
  } catch {
11160
11156
  }
11161
11157
  },
@@ -11174,13 +11170,13 @@ const h4 = ({
11174
11170
  onChange: (b) => {
11175
11171
  const i = Number(b.target.value);
11176
11172
  N(i);
11177
- const w = `rgba(${H.r}, ${H.g}, ${H.b}, ${i / 100})`;
11178
- z(w), c == null || c({
11173
+ const C = `rgba(${H.r}, ${H.g}, ${H.b}, ${i / 100})`;
11174
+ z(C), c == null || c({
11179
11175
  hex: T1(H.r, H.g, H.b),
11180
11176
  rgb: H,
11181
11177
  hsb: V,
11182
11178
  alpha: i,
11183
- rgba: w
11179
+ rgba: C
11184
11180
  });
11185
11181
  },
11186
11182
  style: {
@@ -11203,7 +11199,7 @@ const h4 = ({
11203
11199
  size: "md",
11204
11200
  onChange: (b) => {
11205
11201
  M(b), _((F) => ({ ...F, h: b }));
11206
- const i = b, w = V.s / 100, r = V.b / 100, f = (F, W = (F + i / 60) % 6) => r - r * w * Math.max(Math.min(W, 4 - W, 1), 0), v = Math.round(f(5) * 255), D = Math.round(f(3) * 255), Y = Math.round(f(1) * 255);
11202
+ const i = b, C = V.s / 100, r = V.b / 100, f = (F, W = (F + i / 60) % 6) => r - r * C * Math.max(Math.min(W, 4 - W, 1), 0), v = Math.round(f(5) * 255), D = Math.round(f(3) * 255), Y = Math.round(f(1) * 255);
11207
11203
  T({ r: v, g: D, b: Y });
11208
11204
  },
11209
11205
  fill: !1,
@@ -11293,7 +11289,7 @@ const h4 = ({
11293
11289
  placement: S = "top",
11294
11290
  locale: y = "en",
11295
11291
  popConfirmProps: O = {},
11296
- inputProps: C = {},
11292
+ inputProps: w = {},
11297
11293
  color: Z,
11298
11294
  background: z,
11299
11295
  border: R,
@@ -11322,7 +11318,7 @@ const h4 = ({
11322
11318
  return [F, W].filter(Boolean).join(" ~ ");
11323
11319
  }
11324
11320
  return a0(v).isValid() ? a0(v).format(j) : "";
11325
- }, w = (v) => {
11321
+ }, C = (v) => {
11326
11322
  if (n || a) return;
11327
11323
  const D = i(v);
11328
11324
  d(v, D), (!p || (v == null ? void 0 : v.startDate) && (v == null ? void 0 : v.endDate)) && (x(!1), requestAnimationFrame(() => {
@@ -11346,7 +11342,7 @@ const h4 = ({
11346
11342
  value: p ? r : h,
11347
11343
  startDate: r,
11348
11344
  endDate: f,
11349
- onChange: w,
11345
+ onChange: C,
11350
11346
  range: p,
11351
11347
  size: "miniView",
11352
11348
  locale: y,
@@ -11386,7 +11382,7 @@ const h4 = ({
11386
11382
  onKeyDown: (v) => {
11387
11383
  (v.key === "Enter" || v.key === " ") && (v.preventDefault(), !n && !a && (x(!1), setTimeout(() => x(!0), 0)));
11388
11384
  },
11389
- ...C
11385
+ ...w
11390
11386
  }
11391
11387
  )
11392
11388
  }
@@ -11411,10 +11407,10 @@ function U1({
11411
11407
  const p = g0(), { bgColor: S } = i0({
11412
11408
  border: !1,
11413
11409
  fallback: g
11414
- }), y = a ? L(a, p) : S, [O, C] = q(c || !1), [Z, z] = q(!1), R = s !== void 0, M = R ? s : O, k = l === "top" || l === "bottom", N = h0(), A = h0(), P = Z || M ? y : L("cool-gray-3", p), V = (_) => {
11410
+ }), y = a ? L(a, p) : S, [O, w] = q(c || !1), [Z, z] = q(!1), R = s !== void 0, M = R ? s : O, k = l === "top" || l === "bottom", N = h0(), A = h0(), P = Z || M ? y : L("cool-gray-3", p), V = (_) => {
11415
11411
  if (_.stopPropagation(), u || M) return;
11416
11412
  const H = !0;
11417
- R || C(H), o == null || o(H), N.current && S1(N.current), A.current && X1(A.current);
11413
+ R || w(H), o == null || o(H), N.current && S1(N.current), A.current && X1(A.current);
11418
11414
  };
11419
11415
  return /* @__PURE__ */ t.jsxs(
11420
11416
  "label",
@@ -11454,7 +11450,7 @@ function U1({
11454
11450
  display: "inline-flex",
11455
11451
  alignItems: "center",
11456
11452
  justifyContent: "center",
11457
- background: M ? y : L("white-10", p),
11453
+ background: M ? y : L("neutral-1", p),
11458
11454
  border: `1px solid ${P}`,
11459
11455
  borderRadius: "50%",
11460
11456
  transition: "border-color 0.2s ease, background 0.2s ease"
@@ -11469,7 +11465,7 @@ function U1({
11469
11465
  alignItems: "center",
11470
11466
  justifyContent: "center"
11471
11467
  },
11472
- children: /* @__PURE__ */ t.jsx(a9, { color: L("white-10", p), size: "12" })
11468
+ children: /* @__PURE__ */ t.jsx(a9, { color: L("neutral-1", p), size: "12" })
11473
11469
  }
11474
11470
  )
11475
11471
  }
@@ -11505,7 +11501,7 @@ U1.Group = function({
11505
11501
  ariaRequired: S,
11506
11502
  name: y,
11507
11503
  className: O = "",
11508
- style: C = {}
11504
+ style: w = {}
11509
11505
  }) {
11510
11506
  const Z = (M) => {
11511
11507
  M !== o && (l == null || l(M));
@@ -11514,13 +11510,13 @@ U1.Group = function({
11514
11510
  gap: g,
11515
11511
  gridTemplateColumns: z ? `repeat(${u}, minmax(0, 1fr))` : "auto",
11516
11512
  gridTemplateRows: z ? "auto" : `repeat(${u}, auto)`,
11517
- ...C
11513
+ ...w
11518
11514
  } : {
11519
11515
  display: "flex",
11520
11516
  flexDirection: z ? "row" : "column",
11521
11517
  gap: g,
11522
11518
  flexWrap: "wrap",
11523
- ...C
11519
+ ...w
11524
11520
  };
11525
11521
  return /* @__PURE__ */ t.jsx(
11526
11522
  "div",
@@ -11567,7 +11563,7 @@ const p4 = ({
11567
11563
  icon: S = "star",
11568
11564
  ...y
11569
11565
  }) => {
11570
- const O = g0(), [C, Z] = q(o), [z, R] = q(null), M = l !== void 0, k = M ? l : C, N = z0(() => typeof S == "string" && S === "heart" ? "coral" : "gold", [S]), { bgColor: A } = i0({
11566
+ const O = g0(), [w, Z] = q(o), [z, R] = q(null), M = l !== void 0, k = M ? l : w, N = z0(() => typeof S == "string" && S === "heart" ? "coral" : "gold", [S]), { bgColor: A } = i0({
11571
11567
  fallback: "hovered",
11572
11568
  componentType: "etc"
11573
11569
  }), P = z0(
@@ -11584,7 +11580,7 @@ const p4 = ({
11584
11580
  position: "relative",
11585
11581
  width: h,
11586
11582
  height: h
11587
- }, w = {
11583
+ }, C = {
11588
11584
  position: "absolute",
11589
11585
  top: 0,
11590
11586
  left: 0,
@@ -11595,11 +11591,11 @@ const p4 = ({
11595
11591
  };
11596
11592
  return /* @__PURE__ */ t.jsxs("div", { style: i, children: [
11597
11593
  _(V),
11598
- /* @__PURE__ */ t.jsx("div", { style: w, children: _(P) })
11594
+ /* @__PURE__ */ t.jsx("div", { style: C, children: _(P) })
11599
11595
  ] });
11600
11596
  }, [P, V, h, _]), U = Z0(
11601
11597
  (i) => {
11602
- const w = z !== null ? z : k, r = w >= i + 1, f = !r && c && w >= i + 0.5;
11598
+ const C = z !== null ? z : k, r = C >= i + 1, f = !r && c && C >= i + 0.5;
11603
11599
  return r ? _(P) : f ? H() : _(V);
11604
11600
  },
11605
11601
  [
@@ -11614,14 +11610,14 @@ const p4 = ({
11614
11610
  ), B = Z0(
11615
11611
  (i) => {
11616
11612
  if (a) return;
11617
- const w = c && z !== null ? z : i;
11618
- M || Z(w), n == null || n(w);
11613
+ const C = c && z !== null ? z : i;
11614
+ M || Z(C), n == null || n(C);
11619
11615
  },
11620
11616
  [a, c, z, M, n]
11621
11617
  ), T = Z0(
11622
- (i, w) => {
11618
+ (i, C) => {
11623
11619
  if (a) return;
11624
- const { left: r, width: f } = i.currentTarget.getBoundingClientRect(), v = (i.clientX - r) / f, D = c && v < 0.5 ? w + 0.5 : w + 1;
11620
+ const { left: r, width: f } = i.currentTarget.getBoundingClientRect(), v = (i.clientX - r) / f, D = c && v < 0.5 ? C + 0.5 : C + 1;
11625
11621
  R(D);
11626
11622
  },
11627
11623
  [a, c]
@@ -11630,8 +11626,8 @@ const p4 = ({
11630
11626
  }, [a]), b = Z0(
11631
11627
  (i) => {
11632
11628
  if (a) return;
11633
- let w = k;
11634
- i.key === "ArrowRight" ? w = Math.min(k + 1, s) : i.key === "ArrowLeft" ? w = Math.max(k - 1, 0) : i.key === "Home" ? w = 0 : i.key === "End" && (w = s), M || Z(w), n == null || n(w);
11629
+ let C = k;
11630
+ i.key === "ArrowRight" ? C = Math.min(k + 1, s) : i.key === "ArrowLeft" ? C = Math.max(k - 1, 0) : i.key === "Home" ? C = 0 : i.key === "End" && (C = s), M || Z(C), n == null || n(C);
11635
11631
  },
11636
11632
  [a, k, s, M, n]
11637
11633
  );
@@ -11653,24 +11649,24 @@ const p4 = ({
11653
11649
  "data-testid": p,
11654
11650
  ...y,
11655
11651
  children: [
11656
- Array.from({ length: s }).map((i, w) => /* @__PURE__ */ t.jsx(
11652
+ Array.from({ length: s }).map((i, C) => /* @__PURE__ */ t.jsx(
11657
11653
  "div",
11658
11654
  {
11659
11655
  role: "radio",
11660
- "aria-checked": k > w,
11661
- "aria-label": `${w + 1}점`,
11662
- onClick: () => B(w + 1),
11663
- onMouseMove: (r) => T(r, w),
11656
+ "aria-checked": k > C,
11657
+ "aria-label": `${C + 1}점`,
11658
+ onClick: () => B(C + 1),
11659
+ onMouseMove: (r) => T(r, C),
11664
11660
  onMouseLeave: x,
11665
11661
  style: {
11666
11662
  cursor: a ? "not-allowed" : "pointer",
11667
11663
  width: h,
11668
11664
  height: h
11669
11665
  },
11670
- "data-testid": `${p}-star-${w + 1}`,
11671
- children: U(w)
11666
+ "data-testid": `${p}-star-${C + 1}`,
11667
+ children: U(C)
11672
11668
  },
11673
- w
11669
+ C
11674
11670
  )),
11675
11671
  u && /* @__PURE__ */ t.jsx(
11676
11672
  t0,
@@ -11703,7 +11699,7 @@ const p4 = ({
11703
11699
  className: S = "",
11704
11700
  style: y = {},
11705
11701
  id: O,
11706
- ariaLabel: C,
11702
+ ariaLabel: w,
11707
11703
  ...Z
11708
11704
  }) => {
11709
11705
  const z = g0(), [R, M] = q(c || !1), k = s !== void 0, N = k ? s : R, A = h0(), [P, V] = q(0), _ = h0(null), H = h0(null), U = m2(), B = O || U, T = (F) => {
@@ -11716,7 +11712,7 @@ const p4 = ({
11716
11712
  border: !1,
11717
11713
  fallback: p,
11718
11714
  componentType: "button"
11719
- }), w = n ? L(n, z) : i, r = L(a || "cool-gray-3", z), f = {
11715
+ }), C = n ? L(n, z) : i, r = L(a || "cool-gray-3", z), f = {
11720
11716
  sm: { height: 22, thumb: 18, fontSize: 12 },
11721
11717
  md: { height: 32, thumb: 28, fontSize: 14 },
11722
11718
  lg: { height: 40, thumb: 34, fontSize: 16 }
@@ -11738,7 +11734,7 @@ const p4 = ({
11738
11734
  onKeyDown: x,
11739
11735
  role: "switch",
11740
11736
  "aria-checked": N,
11741
- "aria-label": C || `${N ? "활성화" : "비활성화"} 스위치`,
11737
+ "aria-label": w || `${N ? "활성화" : "비활성화"} 스위치`,
11742
11738
  "aria-disabled": l,
11743
11739
  tabIndex: l ? -1 : 0,
11744
11740
  id: B,
@@ -11746,7 +11742,7 @@ const p4 = ({
11746
11742
  minWidth: v * 2,
11747
11743
  height: v,
11748
11744
  borderRadius: v / 2,
11749
- background: N ? w : r,
11745
+ background: N ? C : r,
11750
11746
  overflow: "hidden",
11751
11747
  cursor: l ? "not-allowed" : "pointer",
11752
11748
  opacity: l ? 0.5 : 1,
@@ -11786,7 +11782,7 @@ const p4 = ({
11786
11782
  className: "sud-switch__label sud-switch__label-on",
11787
11783
  style: {
11788
11784
  padding: "0 4px",
11789
- color: L("white-10", z),
11785
+ color: L("neutral-1", z),
11790
11786
  transition: "all 0.25s ease",
11791
11787
  display: N ? "block" : "none",
11792
11788
  minWidth: P,
@@ -11804,17 +11800,17 @@ const p4 = ({
11804
11800
  width: D,
11805
11801
  height: D,
11806
11802
  borderRadius: "50%",
11807
- background: L(m || "white-10", z),
11803
+ background: L(m || "neutral-1", z),
11808
11804
  display: "flex",
11809
11805
  alignItems: "center",
11810
11806
  justifyContent: "center",
11811
- color: N ? w : r,
11807
+ color: N ? C : r,
11812
11808
  boxShadow: b,
11813
11809
  fontSize: D * 0.5,
11814
11810
  transition: "all 0.25s ease"
11815
11811
  },
11816
11812
  children: g2(N ? $ : h) ? g1(N ? $ : h, {
11817
- color: N ? w : r
11813
+ color: N ? C : r
11818
11814
  }) : N ? $ : h
11819
11815
  }
11820
11816
  ),
@@ -11825,7 +11821,7 @@ const p4 = ({
11825
11821
  className: "sud-switch__label sud-switch__label-off",
11826
11822
  style: {
11827
11823
  padding: "0 4px",
11828
- color: L("white-10", z),
11824
+ color: L("neutral-1", z),
11829
11825
  transition: "all 0.25s ease",
11830
11826
  display: N ? "none" : "block",
11831
11827
  minWidth: P,
@@ -11852,7 +11848,7 @@ const p4 = ({
11852
11848
  const [h, d] = q(null), [m, j] = q(0), [p, S] = q("hour"), [y, O] = q({
11853
11849
  startTime: { hour: !1, minute: !1, second: !1 },
11854
11850
  endTime: { hour: !1, minute: !1, second: !1 }
11855
- }), C = o, Z = l, z = a, R = (W) => {
11851
+ }), w = o, Z = l, z = a, R = (W) => {
11856
11852
  if (!W || !a0(W).isValid())
11857
11853
  return { hour: null, minute: null, second: null };
11858
11854
  const I = a0(W);
@@ -11867,7 +11863,7 @@ const p4 = ({
11867
11863
  minute: k,
11868
11864
  second: N,
11869
11865
  ampm: A
11870
- } = R(C ? s == null ? void 0 : s.startTime : s), {
11866
+ } = R(w ? s == null ? void 0 : s.startTime : s), {
11871
11867
  hour: P,
11872
11868
  minute: V,
11873
11869
  second: _,
@@ -11891,8 +11887,8 @@ const p4 = ({
11891
11887
  }, [l]), x = z0(
11892
11888
  () => Array.from({ length: 60 / z }, (W, I) => I * z),
11893
11889
  [a]
11894
- ), b = z0(() => Array.from({ length: 60 }, (W, I) => I), []), i = (W, I) => Z ? I === "AM" ? W % 12 : W % 12 + 12 : W, w = (W, I) => {
11895
- const E = { ...U }, G = C && m === 1 ? "endTime" : "startTime";
11890
+ ), b = z0(() => Array.from({ length: 60 }, (W, I) => I), []), i = (W, I) => Z ? I === "AM" ? W % 12 : W % 12 + 12 : W, C = (W, I) => {
11891
+ const E = { ...U }, G = w && m === 1 ? "endTime" : "startTime";
11896
11892
  E[G] = {
11897
11893
  ...E[G],
11898
11894
  [W]: I
@@ -11906,11 +11902,11 @@ const p4 = ({
11906
11902
  };
11907
11903
  B(E), O(X);
11908
11904
  const o0 = (f0) => f0.hour && f0.minute && (!n || f0.second);
11909
- if (!C && o0(X.startTime)) {
11905
+ if (!w && o0(X.startTime)) {
11910
11906
  const f0 = i(E.startTime.hour, E.startTime.ampm), n0 = E.startTime.minute, y0 = n ? E.startTime.second : 0, K = a0().hour(f0).minute(n0).second(y0).toDate();
11911
11907
  c == null || c(K);
11912
11908
  }
11913
- if (C && m === 0 && o0(X.startTime) && (j(1), S("hour")), C && m === 1 && o0(X.endTime)) {
11909
+ if (w && m === 0 && o0(X.startTime) && (j(1), S("hour")), w && m === 1 && o0(X.endTime)) {
11914
11910
  let f0 = a0().hour(i(E.startTime.hour, E.startTime.ampm)).minute(E.startTime.minute).second(n ? E.startTime.second : 0), n0 = a0().hour(i(E.endTime.hour, E.endTime.ampm)).minute(E.endTime.minute).second(n ? E.endTime.second : 0);
11915
11911
  n0.isBefore(f0) && (n0 = n0.add(1, "day")), c == null || c({
11916
11912
  startTime: f0.toDate(),
@@ -11918,7 +11914,7 @@ const p4 = ({
11918
11914
  });
11919
11915
  }
11920
11916
  }, r = (W) => {
11921
- const I = { ...U }, E = C && m === 1 ? "endTime" : "startTime";
11917
+ const I = { ...U }, E = w && m === 1 ? "endTime" : "startTime";
11922
11918
  I[E].ampm = W, B(I);
11923
11919
  }, { bgColor: f, txtColor: v } = i0({
11924
11920
  border: !1,
@@ -11929,14 +11925,14 @@ const p4 = ({
11929
11925
  fallback: g,
11930
11926
  componentType: "etc"
11931
11927
  }), Y = (W, I, E) => {
11932
- const G = C && m === 1 ? "endTime" : "startTime";
11928
+ const G = w && m === 1 ? "endTime" : "startTime";
11933
11929
  return /* @__PURE__ */ t.jsx("div", { style: { flex: 1, overflowY: "auto", maxHeight: 160, padding: 4 }, children: I.map((X) => {
11934
11930
  var K;
11935
11931
  const o0 = X.toString().padStart(2, "0"), f0 = (K = U[G]) == null ? void 0 : K[E], n0 = f0 != null && f0 === X, y0 = h && h[E] === X;
11936
11932
  return /* @__PURE__ */ t.jsx(
11937
11933
  "div",
11938
11934
  {
11939
- onClick: () => w(E, X),
11935
+ onClick: () => C(E, X),
11940
11936
  onMouseEnter: () => d({ ...h, [E]: X }),
11941
11937
  onMouseLeave: () => d(null),
11942
11938
  style: {
@@ -11960,7 +11956,7 @@ const p4 = ({
11960
11956
  );
11961
11957
  }) });
11962
11958
  }, F = () => {
11963
- const I = U[C && m === 1 ? "endTime" : "startTime"].ampm;
11959
+ const I = U[w && m === 1 ? "endTime" : "startTime"].ampm;
11964
11960
  return /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: ["AM", "PM"].map((E) => {
11965
11961
  const G = E === I;
11966
11962
  return /* @__PURE__ */ t.jsx(
@@ -12033,7 +12029,7 @@ const p4 = ({
12033
12029
  placement: S = "top",
12034
12030
  showSecond: y = !1,
12035
12031
  use12Hours: O = !1,
12036
- step: C = 1,
12032
+ step: w = 1,
12037
12033
  popConfirmProps: Z = {},
12038
12034
  inputProps: z = {},
12039
12035
  color: R,
@@ -12050,20 +12046,20 @@ const p4 = ({
12050
12046
  ariaInvalid: T,
12051
12047
  ariaDescribedby: x
12052
12048
  }) => {
12053
- const [b, i] = q(!1), w = z0(() => j && !O ? j : O ? y ? "hh:mm:ss A" : "hh:mm A" : y ? "HH:mm:ss" : "HH:mm", [j, O, y]), r = z0(() => {
12049
+ const [b, i] = q(!1), C = z0(() => j && !O ? j : O ? y ? "hh:mm:ss A" : "hh:mm A" : y ? "HH:mm:ss" : "HH:mm", [j, O, y]), r = z0(() => {
12054
12050
  if (!h) return "";
12055
12051
  if (p) {
12056
- const F = h == null ? void 0 : h.startTime, W = h == null ? void 0 : h.endTime, I = F && a0(F).isValid() ? a0(F).format(w) : "", E = W && a0(W).isValid() ? a0(W).format(w) : "";
12052
+ const F = h == null ? void 0 : h.startTime, W = h == null ? void 0 : h.endTime, I = F && a0(F).isValid() ? a0(F).format(C) : "", E = W && a0(W).isValid() ? a0(W).format(C) : "";
12057
12053
  return [I, E].filter(Boolean).join(" ~ ");
12058
12054
  }
12059
- return a0(h).isValid() ? a0(h).format(w) : "";
12060
- }, [h, w, p]), f = (F) => {
12055
+ return a0(h).isValid() ? a0(h).format(C) : "";
12056
+ }, [h, C, p]), f = (F) => {
12061
12057
  if (!F) return "";
12062
12058
  if (p) {
12063
- const W = F == null ? void 0 : F.startTime, I = F == null ? void 0 : F.endTime, E = W && a0(W).isValid() ? a0(W).format(w) : "", G = I && a0(I).isValid() ? a0(I).format(w) : "";
12059
+ const W = F == null ? void 0 : F.startTime, I = F == null ? void 0 : F.endTime, E = W && a0(W).isValid() ? a0(W).format(C) : "", G = I && a0(I).isValid() ? a0(I).format(C) : "";
12064
12060
  return [E, G].filter(Boolean).join(" ~ ");
12065
12061
  }
12066
- return a0(F).isValid() ? a0(F).format(w) : "";
12062
+ return a0(F).isValid() ? a0(F).format(C) : "";
12067
12063
  }, v = (F) => {
12068
12064
  if (n || a) return;
12069
12065
  const W = f(F);
@@ -12096,7 +12092,7 @@ const p4 = ({
12096
12092
  range: p,
12097
12093
  showSecond: y,
12098
12094
  use12Hours: O,
12099
- step: C,
12095
+ step: w,
12100
12096
  ..._
12101
12097
  }
12102
12098
  ),
@@ -12126,7 +12122,7 @@ const p4 = ({
12126
12122
  ariaDescribedby: x,
12127
12123
  value: r,
12128
12124
  placeholder: m,
12129
- suffix: /* @__PURE__ */ t.jsx(w9, { size: D9[l] }),
12125
+ suffix: /* @__PURE__ */ t.jsx(C9, { size: D9[l] }),
12130
12126
  onClick: () => {
12131
12127
  n || a || (i(!1), setTimeout(() => i(!0), 0));
12132
12128
  },
@@ -12268,7 +12264,7 @@ const P1 = {
12268
12264
  return O(z), () => URL.revokeObjectURL(z);
12269
12265
  }
12270
12266
  }, [s]);
12271
- const C = Z0((z) => {
12267
+ const w = Z0((z) => {
12272
12268
  if (z === 0) return "0 Bytes";
12273
12269
  const R = 1024, M = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(z) / Math.log(R));
12274
12270
  return parseFloat((z / Math.pow(R, k)).toFixed(2)) + " " + M[k];
@@ -12336,7 +12332,7 @@ const P1 = {
12336
12332
  /* @__PURE__ */ t.jsx("p", { children: s.name }),
12337
12333
  /* @__PURE__ */ t.jsxs("p", { children: [
12338
12334
  "(",
12339
- C(s.size),
12335
+ w(s.size),
12340
12336
  ")"
12341
12337
  ] })
12342
12338
  ]
@@ -12426,7 +12422,7 @@ const P1 = {
12426
12422
  /* @__PURE__ */ t.jsx("span", { children: s.name }),
12427
12423
  /* @__PURE__ */ t.jsxs("span", { children: [
12428
12424
  "(",
12429
- C(s.size),
12425
+ w(s.size),
12430
12426
  ")"
12431
12427
  ] })
12432
12428
  ]
@@ -12479,7 +12475,7 @@ const P1 = {
12479
12475
  children: [
12480
12476
  /* @__PURE__ */ t.jsx(r9, { size: 16 }),
12481
12477
  s.name,
12482
- s.size && ` (${C(s.size)})`
12478
+ s.size && ` (${w(s.size)})`
12483
12479
  ]
12484
12480
  }
12485
12481
  )
@@ -12522,7 +12518,7 @@ const P1 = {
12522
12518
  role: S = "button",
12523
12519
  listColorType: y = "default",
12524
12520
  listErrorColorType: O = "red",
12525
- listHoverColorType: C = "sky",
12521
+ listHoverColorType: w = "sky",
12526
12522
  listDeleteColorType: Z = "rose",
12527
12523
  listDirection: z = "column",
12528
12524
  thumbnailSize: R = 50,
@@ -12538,7 +12534,7 @@ const P1 = {
12538
12534
  a || (F = N.current) == null || F.click();
12539
12535
  }, i = (F) => {
12540
12536
  F.preventDefault(), F.stopPropagation(), a || (U(!0), d == null || d(!0));
12541
- }, w = (F) => {
12537
+ }, C = (F) => {
12542
12538
  F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1);
12543
12539
  }, r = (F) => {
12544
12540
  if (F.preventDefault(), F.stopPropagation(), U(!1), d == null || d(!1), a) return;
@@ -12608,7 +12604,7 @@ const P1 = {
12608
12604
  listType: s,
12609
12605
  listColorType: y,
12610
12606
  listErrorColorType: O,
12611
- listHoverColorType: C,
12607
+ listHoverColorType: w,
12612
12608
  listDeleteColorType: Z,
12613
12609
  thumbnailSize: R,
12614
12610
  cardSize: M
@@ -12651,7 +12647,7 @@ const P1 = {
12651
12647
  style: { cursor: a || V ? "not-allowed" : "pointer" },
12652
12648
  ...k && {
12653
12649
  onDragOver: i,
12654
- onDragLeave: w,
12650
+ onDragLeave: C,
12655
12651
  onDrop: r
12656
12652
  },
12657
12653
  children: m
@@ -12679,7 +12675,7 @@ const P1 = {
12679
12675
  style: S = {},
12680
12676
  ...y
12681
12677
  }) => {
12682
- const O = g0(), C = Math.min(100, Math.max(0, c / o * 100)), { borColor: Z, bgColor: z } = i0({
12678
+ const O = g0(), w = Math.min(100, Math.max(0, c / o * 100)), { borColor: Z, bgColor: z } = i0({
12683
12679
  fallback: g,
12684
12680
  componentType: "tag"
12685
12681
  }), R = h ? L(h, O) : Z, { bgColor: M } = i0({
@@ -12726,7 +12722,7 @@ const P1 = {
12726
12722
  color: F,
12727
12723
  pretendard: "M",
12728
12724
  className: "sud-progress__text",
12729
- children: C.toFixed(0)
12725
+ children: w.toFixed(0)
12730
12726
  }
12731
12727
  ),
12732
12728
  /* @__PURE__ */ t.jsx(
@@ -12763,7 +12759,7 @@ const P1 = {
12763
12759
  "aria-valuenow": c,
12764
12760
  "aria-valuemin": 0,
12765
12761
  "aria-valuemax": o,
12766
- "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
12762
+ "aria-label": `Progress: ${w.toFixed(0)}${l ? ` ${l}` : ""}`,
12767
12763
  ...y,
12768
12764
  children: [
12769
12765
  d === "outside-left" && n && W,
@@ -12784,7 +12780,7 @@ const P1 = {
12784
12780
  {
12785
12781
  className: "sud-progress__gauge",
12786
12782
  style: {
12787
- width: `${C}%`,
12783
+ width: `${w}%`,
12788
12784
  backgroundColor: R,
12789
12785
  minHeight: A,
12790
12786
  transition: "width 0.3s",
@@ -12808,7 +12804,7 @@ const P1 = {
12808
12804
  }
12809
12805
  );
12810
12806
  }
12811
- const B = P / 2, T = B - V / 2, x = 2 * Math.PI * T, b = s === "dashboard", r = (b ? 270 : 360) / 360 * x, f = b ? `${r} ${x}` : `${x}`, v = b ? r * (1 - C / 100) : x * (1 - C / 100), D = c === o ? a && D0.cloneElement(a, { color: R }) : u ? D0.cloneElement(u, { color: R }) : n && /* @__PURE__ */ t.jsxs(
12807
+ const B = P / 2, T = B - V / 2, x = 2 * Math.PI * T, b = s === "dashboard", r = (b ? 270 : 360) / 360 * x, f = b ? `${r} ${x}` : `${x}`, v = b ? r * (1 - w / 100) : x * (1 - w / 100), D = c === o ? a && D0.cloneElement(a, { color: R }) : u ? D0.cloneElement(u, { color: R }) : n && /* @__PURE__ */ t.jsxs(
12812
12808
  "div",
12813
12809
  {
12814
12810
  className: "sud-progress__text-container",
@@ -12828,7 +12824,7 @@ const P1 = {
12828
12824
  color: R,
12829
12825
  pretendard: "M",
12830
12826
  align: "center",
12831
- children: C.toFixed(0)
12827
+ children: w.toFixed(0)
12832
12828
  }
12833
12829
  ),
12834
12830
  /* @__PURE__ */ t.jsx(
@@ -12860,7 +12856,7 @@ const P1 = {
12860
12856
  "aria-valuenow": c,
12861
12857
  "aria-valuemin": 0,
12862
12858
  "aria-valuemax": o,
12863
- "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
12859
+ "aria-label": `Progress: ${w.toFixed(0)}${l ? ` ${l}` : ""}`,
12864
12860
  ...y,
12865
12861
  children: [
12866
12862
  /* @__PURE__ */ t.jsxs(
@@ -13073,7 +13069,7 @@ const j4 = {
13073
13069
  borderType: S,
13074
13070
  borderColor: y,
13075
13071
  borderWeight: O,
13076
- border: C,
13072
+ border: w,
13077
13073
  shape: Z,
13078
13074
  shadow: z,
13079
13075
  width: R
@@ -13095,7 +13091,7 @@ const j4 = {
13095
13091
  borderType: S,
13096
13092
  borderColor: y,
13097
13093
  borderWeight: O,
13098
- border: C,
13094
+ border: w,
13099
13095
  shape: Z,
13100
13096
  shadow: z,
13101
13097
  width: R
@@ -13153,12 +13149,12 @@ const j4 = {
13153
13149
  shadow: S = "md",
13154
13150
  width: y = 320
13155
13151
  }) => {
13156
- const [O, C] = q(!1);
13152
+ const [O, w] = q(!1);
13157
13153
  return v0(() => {
13158
- const Z = setTimeout(() => C(!0), 10);
13154
+ const Z = setTimeout(() => w(!0), 10);
13159
13155
  let z;
13160
13156
  return n !== !1 && (z = setTimeout(() => {
13161
- C(!1), setTimeout(() => a == null ? void 0 : a(s), 300);
13157
+ w(!1), setTimeout(() => a == null ? void 0 : a(s), 300);
13162
13158
  }, n)), () => {
13163
13159
  clearTimeout(Z), z && clearTimeout(z);
13164
13160
  };
@@ -13279,7 +13275,7 @@ const j4 = {
13279
13275
  style: S = {},
13280
13276
  ariaLabel: y,
13281
13277
  ariaPressed: O,
13282
- ariaExpanded: C,
13278
+ ariaExpanded: w,
13283
13279
  ariaControls: Z,
13284
13280
  role: z = "button",
13285
13281
  subColorType: R = "default",
@@ -13306,7 +13302,7 @@ const j4 = {
13306
13302
  },
13307
13303
  children: [
13308
13304
  _ && o.map((x, b) => {
13309
- const i = (b + 1) * (T * 1.2), w = `${b * 40}ms`;
13305
+ const i = (b + 1) * (T * 1.2), C = `${b * 40}ms`;
13310
13306
  let r;
13311
13307
  switch (U) {
13312
13308
  case "up":
@@ -13331,7 +13327,7 @@ const j4 = {
13331
13327
  style: {
13332
13328
  position: "absolute",
13333
13329
  transition: "all 0.3s ease",
13334
- transitionDelay: w,
13330
+ transitionDelay: C,
13335
13331
  opacity: P ? 1 : 0,
13336
13332
  transform: P ? `${r} scale(1)` : "translate(0, 0) scale(0.9)",
13337
13333
  pointerEvents: P ? "auto" : "none"
@@ -13382,7 +13378,7 @@ const j4 = {
13382
13378
  borderWeight: m,
13383
13379
  ariaLabel: y,
13384
13380
  ariaPressed: O,
13385
- ariaExpanded: C,
13381
+ ariaExpanded: w,
13386
13382
  ariaControls: Z,
13387
13383
  role: z,
13388
13384
  disabled: j,
@@ -13400,39 +13396,39 @@ const j4 = {
13400
13396
  }) => {
13401
13397
  const l = h0(null), n = h0(null), a = h0(null), [u, g] = q(0), [$, h] = q(0), [d, m] = q(0);
13402
13398
  l1(() => {
13403
- const C = () => {
13399
+ const w = () => {
13404
13400
  var z, R, M;
13405
13401
  g(((z = l.current) == null ? void 0 : z.offsetHeight) || 0), h(((R = n.current) == null ? void 0 : R.offsetHeight) || 0), m(((M = a.current) == null ? void 0 : M.offsetWidth) || 0);
13406
13402
  };
13407
- C();
13408
- const Z = new ResizeObserver(C);
13403
+ w();
13404
+ const Z = new ResizeObserver(w);
13409
13405
  return l.current && Z.observe(l.current), n.current && Z.observe(n.current), a.current && Z.observe(a.current), () => Z.disconnect();
13410
13406
  }, []);
13411
13407
  let j = null, p = null, S = null, y = null;
13412
13408
  const O = [];
13413
- return x2.forEach(s, (C) => {
13414
- if (!(C != null && C.type)) return;
13415
- const Z = C.type.displayName;
13416
- Z === "SUHeader" ? j = g1(C, {
13409
+ return x2.forEach(s, (w) => {
13410
+ if (!(w != null && w.type)) return;
13411
+ const Z = w.type.displayName;
13412
+ Z === "SUHeader" ? j = g1(w, {
13417
13413
  ref: l,
13418
13414
  siderPosition: c,
13419
13415
  siderWidth: d
13420
- }) : Z === "SUFooter" ? p = g1(C, {
13416
+ }) : Z === "SUFooter" ? p = g1(w, {
13421
13417
  ref: n,
13422
13418
  siderPosition: c,
13423
13419
  siderWidth: d
13424
- }) : Z === "SUSider" ? S = g1(C, {
13420
+ }) : Z === "SUSider" ? S = g1(w, {
13425
13421
  ref: a,
13426
13422
  headerHeight: u,
13427
13423
  footerHeight: $,
13428
13424
  siderPosition: c
13429
- }) : Z === "SUContent" ? y = g1(C, {
13425
+ }) : Z === "SUContent" ? y = g1(w, {
13430
13426
  layoutOffset: {
13431
13427
  header: u,
13432
13428
  footer: $,
13433
13429
  sider: d
13434
13430
  }
13435
- }) : O.push(C);
13431
+ }) : O.push(w);
13436
13432
  }), /* @__PURE__ */ t.jsxs(
13437
13433
  "div",
13438
13434
  {
@@ -13474,7 +13470,7 @@ const j4 = {
13474
13470
  border: S = !0,
13475
13471
  style: y = {},
13476
13472
  ...O
13477
- }, C) => {
13473
+ }, w) => {
13478
13474
  const Z = g0(), { bgColor: z, txtColor: R, borColor: M } = i0({
13479
13475
  border: S,
13480
13476
  fallback: l
@@ -13482,7 +13478,7 @@ const j4 = {
13482
13478
  return /* @__PURE__ */ t.jsx(
13483
13479
  "div",
13484
13480
  {
13485
- ref: C,
13481
+ ref: w,
13486
13482
  className: c0(
13487
13483
  "sud-header",
13488
13484
  "flex flex-row gap-10 item-cen Pretendard-R",
@@ -13528,7 +13524,7 @@ const W9 = D1(
13528
13524
  headerHeight: S = 0,
13529
13525
  footerHeight: y = 0,
13530
13526
  border: O = !0,
13531
- style: C = {},
13527
+ style: w = {},
13532
13528
  ...Z
13533
13529
  }, z) => {
13534
13530
  const R = h0(null), M = z || R, k = g0();
@@ -13570,7 +13566,7 @@ const W9 = D1(
13570
13566
  visibility: h === 0 ? "hidden" : "visible",
13571
13567
  // ✅ 요소 숨김
13572
13568
  ...T,
13573
- ...C
13569
+ ...w
13574
13570
  },
13575
13571
  ...Z,
13576
13572
  children: s
@@ -13591,7 +13587,7 @@ const Y9 = D1(
13591
13587
  }, g) => {
13592
13588
  const $ = h0(null), h = g || $, d = g0(), { header: m = 0, footer: j = 0, sider: p = 0 } = n, { bgColor: S, txtColor: y } = i0({
13593
13589
  border: !1
13594
- }), O = o ? L(o, d) : S, C = l ? L(l, d) : y;
13590
+ }), O = o ? L(o, d) : S, w = l ? L(l, d) : y;
13595
13591
  return /* @__PURE__ */ t.jsx(
13596
13592
  "div",
13597
13593
  {
@@ -13607,7 +13603,7 @@ const Y9 = D1(
13607
13603
  height: `calc(100% - ${m}px - ${j}px)`,
13608
13604
  overflowY: "auto",
13609
13605
  backgroundColor: O,
13610
- color: C,
13606
+ color: w,
13611
13607
  boxSizing: "border-box",
13612
13608
  ...a
13613
13609
  },
@@ -13637,7 +13633,7 @@ const U9 = D1(
13637
13633
  siderWidth: S = 0,
13638
13634
  border: y = !0,
13639
13635
  style: O = {},
13640
- ...C
13636
+ ...w
13641
13637
  }, Z) => {
13642
13638
  const z = h0(null), R = Z || z, M = g0();
13643
13639
  v0(() => {
@@ -13670,7 +13666,7 @@ const U9 = D1(
13670
13666
  ...B,
13671
13667
  ...O
13672
13668
  },
13673
- ...C,
13669
+ ...w,
13674
13670
  children: s
13675
13671
  }
13676
13672
  );
@@ -13730,7 +13726,7 @@ const G9 = ({ isOpen: s, children: c }) => {
13730
13726
  finalDividerColor: h,
13731
13727
  ...d
13732
13728
  }) => {
13733
- const [m, j] = q(!1), p = Array.isArray(s.children) && s.children.length > 0, S = a.includes(s.key), y = !p, O = `${12 + c * 16}px`, { backgroundColor: C, color: Z } = u(s.key, y, m);
13729
+ const [m, j] = q(!1), p = Array.isArray(s.children) && s.children.length > 0, S = a.includes(s.key), y = !p, O = `${12 + c * 16}px`, { backgroundColor: w, color: Z } = u(s.key, y, m);
13734
13730
  return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { className: "mg-b-6", children: [
13735
13731
  typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
13736
13732
  t0,
@@ -13791,7 +13787,7 @@ const G9 = ({ isOpen: s, children: c }) => {
13791
13787
  onMouseLeave: () => j(!1),
13792
13788
  style: {
13793
13789
  paddingLeft: O,
13794
- backgroundColor: C,
13790
+ backgroundColor: w,
13795
13791
  color: Z,
13796
13792
  transition: "all 0.2s ease"
13797
13793
  },
@@ -13885,7 +13881,7 @@ const G9 = ({ isOpen: s, children: c }) => {
13885
13881
  border: S,
13886
13882
  borderColor: y,
13887
13883
  borderType: O,
13888
- borderWeight: C,
13884
+ borderWeight: w,
13889
13885
  shape: Z,
13890
13886
  shadow: z,
13891
13887
  style: R = {}
@@ -13911,10 +13907,10 @@ const G9 = ({ isOpen: s, children: c }) => {
13911
13907
  }, { bgColor: x, txtColor: b, borColor: i } = i0({
13912
13908
  border: S,
13913
13909
  fallback: d
13914
- }), { borColor: w } = i0({
13910
+ }), { borColor: C } = i0({
13915
13911
  border: h,
13916
13912
  fallback: d
13917
- }), r = j ? L(j, M) : x, f = p ? L(p, M) : b, v = y ? L(y, M) : i, D = m ? L(m, M) : w, Y = S && v ? `${C}px ${O} ${v}` : "none";
13913
+ }), r = j ? L(j, M) : x, f = p ? L(p, M) : b, v = y ? L(y, M) : i, D = m ? L(m, M) : C, Y = S && v ? `${w}px ${O} ${v}` : "none";
13918
13914
  return /* @__PURE__ */ t.jsx(
13919
13915
  "div",
13920
13916
  {
@@ -13963,11 +13959,11 @@ const G9 = ({ isOpen: s, children: c }) => {
13963
13959
  placement: g,
13964
13960
  colorType: $
13965
13961
  }) => {
13966
- const [h, d] = q(!1), m = h0(), j = h0(null), p = l === s.key, S = Array.isArray(s.children) && s.children.length > 0, y = p || h, C = i0({
13962
+ const [h, d] = q(!1), m = h0(), j = h0(null), p = l === s.key, S = Array.isArray(s.children) && s.children.length > 0, y = p || h, w = i0({
13967
13963
  border: !1,
13968
13964
  componentType: "etc",
13969
13965
  fallback: p ? "selected" : "hovered"
13970
- }), Z = p ? a.selectedColor || C.bgColor : a.hoverColor || C.bgColor, z = p ? a.selectedTextColor || C.txtColor : a.hoverTextColor || C.txtColor;
13966
+ }), Z = p ? a.selectedColor || w.bgColor : a.hoverColor || w.bgColor, z = p ? a.selectedTextColor || w.txtColor : a.hoverTextColor || w.txtColor;
13971
13967
  v0(() => {
13972
13968
  const M = (k) => {
13973
13969
  var P, V;
@@ -14059,7 +14055,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14059
14055
  color: S,
14060
14056
  border: y = !1,
14061
14057
  borderColor: O,
14062
- borderType: C = "solid",
14058
+ borderType: w = "solid",
14063
14059
  borderWeight: Z = 1,
14064
14060
  shape: z = "rounded",
14065
14061
  shadow: R = "none",
@@ -14089,7 +14085,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14089
14085
  color: S,
14090
14086
  border: y,
14091
14087
  borderColor: O,
14092
- borderType: C,
14088
+ borderType: w,
14093
14089
  borderWeight: Z,
14094
14090
  shape: z,
14095
14091
  shadow: R,
@@ -14099,7 +14095,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14099
14095
  color: S,
14100
14096
  border: y,
14101
14097
  borderColor: O,
14102
- borderType: C,
14098
+ borderType: w,
14103
14099
  borderWeight: Z,
14104
14100
  shape: z,
14105
14101
  shadow: R
@@ -14132,7 +14128,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14132
14128
  role: "menu",
14133
14129
  "aria-orientation": k ? "horizontal" : "vertical",
14134
14130
  ...V,
14135
- children: s.map((i, w) => /* @__PURE__ */ t.jsxs(D0.Fragment, { children: [
14131
+ children: s.map((i, C) => /* @__PURE__ */ t.jsxs(D0.Fragment, { children: [
14136
14132
  /* @__PURE__ */ t.jsx(
14137
14133
  K9,
14138
14134
  {
@@ -14147,7 +14143,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14147
14143
  colorType: d
14148
14144
  }
14149
14145
  ),
14150
- h && w < s.length - 1 && (k ? /* @__PURE__ */ t.jsx(
14146
+ h && C < s.length - 1 && (k ? /* @__PURE__ */ t.jsx(
14151
14147
  "div",
14152
14148
  {
14153
14149
  style: {
@@ -14164,7 +14160,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14164
14160
  style: { margin: "1rem 0" }
14165
14161
  }
14166
14162
  ))
14167
- ] }, i.key || `menu-item-${w}`))
14163
+ ] }, i.key || `menu-item-${C}`))
14168
14164
  }
14169
14165
  ) : null;
14170
14166
  }, M4 = ({
@@ -14196,7 +14192,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14196
14192
  borderType: S,
14197
14193
  borderWeight: y,
14198
14194
  shape: O = "rounded",
14199
- shadow: C,
14195
+ shadow: w,
14200
14196
  expandType: Z = "popover",
14201
14197
  popupPlacement: z = "bottom",
14202
14198
  placement: R = ["right", "right"],
@@ -14223,7 +14219,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14223
14219
  borderType: S,
14224
14220
  borderWeight: y,
14225
14221
  shape: O,
14226
- shadow: C,
14222
+ shadow: w,
14227
14223
  variant: "dropdown",
14228
14224
  title: c,
14229
14225
  role: "menu",
@@ -14252,7 +14248,7 @@ const G9 = ({ isOpen: s, children: c }) => {
14252
14248
  contentRef: A
14253
14249
  }
14254
14250
  );
14255
- }, w4 = ({
14251
+ }, C4 = ({
14256
14252
  className: s,
14257
14253
  items: c = [],
14258
14254
  separator: o = ">",
@@ -14298,8 +14294,8 @@ const G9 = ({ isOpen: s, children: c }) => {
14298
14294
  listStyle: "none",
14299
14295
  ...g
14300
14296
  },
14301
- children: c.map((O, C) => {
14302
- const Z = C === c.length - 1, z = typeof O.label != "string";
14297
+ children: c.map((O, w) => {
14298
+ const Z = w === c.length - 1, z = typeof O.label != "string";
14303
14299
  return /* @__PURE__ */ t.jsxs(
14304
14300
  "li",
14305
14301
  {
@@ -14357,22 +14353,22 @@ const G9 = ({ isOpen: s, children: c }) => {
14357
14353
  ) : /* @__PURE__ */ t.jsx("span", { style: y, children: o }) })
14358
14354
  ]
14359
14355
  },
14360
- `${O.label}-${C}`
14356
+ `${O.label}-${w}`
14361
14357
  );
14362
14358
  })
14363
14359
  }
14364
14360
  )
14365
14361
  }
14366
14362
  );
14367
- }, C4 = ({ children: s, theme: c, darkTheme: o, isDarkMode: l }) => /* @__PURE__ */ t.jsxs(I2, { theme: c, darkTheme: o, isDarkMode: l, children: [
14363
+ }, w4 = ({ children: s, theme: c, darkTheme: o, isDarkMode: l }) => /* @__PURE__ */ t.jsxs(I2, { theme: c, darkTheme: o, isDarkMode: l, children: [
14368
14364
  s,
14369
14365
  /* @__PURE__ */ t.jsx(H9, {}),
14370
14366
  /* @__PURE__ */ t.jsx(I9, {})
14371
14367
  ] });
14372
14368
  export {
14373
- C1 as Avatar,
14369
+ w1 as Avatar,
14374
14370
  s4 as Badge,
14375
- w4 as Breadcrumb,
14371
+ C4 as Breadcrumb,
14376
14372
  Y0 as Button,
14377
14373
  _9 as Calendar,
14378
14374
  u1 as Card,
@@ -14399,7 +14395,7 @@ export {
14399
14395
  l4 as Modal,
14400
14396
  I9 as NotificationRoot,
14401
14397
  N9 as OTP,
14402
- w2 as Pagination,
14398
+ C2 as Pagination,
14403
14399
  J1 as PopConfirm,
14404
14400
  o4 as Popover,
14405
14401
  m4 as Progress,
@@ -14409,7 +14405,7 @@ export {
14409
14405
  V1 as Select,
14410
14406
  W9 as Sider,
14411
14407
  u2 as Slider,
14412
- C4 as SoonUIDesign,
14408
+ w4 as SoonUIDesign,
14413
14409
  v4 as Spinner,
14414
14410
  f4 as Switch,
14415
14411
  d4 as Table,