@idbrnd/design-system 1.3.4 → 1.5.0

package/dist/index.js

@@ -1,856 +1,856 @@
-import { jsx as n, jsxs as b, Fragment as xe } from "react/jsx-runtime";
-import { Children as Te, useMemo as le, useId as Me, useState as H, useRef as X, useEffect as ae, useCallback as D, useLayoutEffect as en } from "react";
-import nn, { createPortal as Ee } from "react-dom";
-import './style.css';const tn = "_clipWrapper_3mxht_1", on = "_clip_3mxht_1", sn = "_sync_3mxht_59", ln = "_syncDot_3mxht_65", rn = "_fade_3mxht_72", an = "_fadeBar_3mxht_77", ce = {
-  clipWrapper: tn,
-  clip: on,
-  sync: sn,
-  syncDot: ln,
-  fade: rn,
-  fadeBar: an
-}, Oe = "var(--semantic-before-main)";
-function ni() {
-  return /* @__PURE__ */ n(cn, {});
+import { jsx as t, jsxs as C, Fragment as me } from "react/jsx-runtime";
+import { Children as Me, useMemo as ae, useId as De, useState as W, useRef as O, useEffect as ce, useCallback as L, useLayoutEffect as Ve, createElement as _t } from "react";
+import ut, { createPortal as je } from "react-dom";
+import './style.css';const mt = "_clipWrapper_3mxht_1", pt = "_clip_3mxht_1", ft = "_sync_3mxht_59", ht = "_syncDot_3mxht_65", gt = "_fade_3mxht_72", wt = "_fadeBar_3mxht_77", pe = {
+  clipWrapper: mt,
+  clip: pt,
+  sync: ft,
+  syncDot: ht,
+  fade: gt,
+  fadeBar: wt
+}, Xe = "var(--semantic-before-main)";
+function zl() {
+  return /* @__PURE__ */ t(xt, {});
 }
-function cn({ color: e = Oe, size: t = 10 }) {
-  const o = Math.max(2, Math.round(t)), s = Math.max(2, Math.round(t * 0.5));
+function xt({ color: e = Xe, size: n = 10 }) {
+  const s = Math.max(2, Math.round(n)), o = Math.max(2, Math.round(n * 0.5));
   return (
     // 점 3개를 가로로 배치하는 컨테이너
-    /* @__PURE__ */ n("span", { className: ce.sync, style: { color: e, gap: s }, children: Array.from({ length: 3 }).map((l, u) => /* @__PURE__ */ n(
+    /* @__PURE__ */ t("span", { className: pe.sync, style: { color: e, gap: o }, children: Array.from({ length: 3 }).map((r, a) => /* @__PURE__ */ t(
       "span",
       {
-        className: ce.syncDot,
+        className: pe.syncDot,
         style: {
-          width: o,
-          height: o,
-          animationDelay: `${u * 0.12}s`
+          width: s,
+          height: s,
+          animationDelay: `${a * 0.12}s`
         }
       },
-      u
+      a
     )) })
   );
 }
-function ye({ color: e = Oe, size: t = 10, text: o = "" }) {
-  const s = Math.max(2, Math.round(t / 12)), l = {
-    width: t,
-    height: t,
-    "--clip-size": `${t}px`,
-    "--clip-stroke": `${s}px`
+function Be({ color: e = Xe, size: n = 10, text: s = "" }) {
+  const o = Math.max(2, Math.round(n / 12)), r = {
+    width: n,
+    height: n,
+    "--clip-size": `${n}px`,
+    "--clip-stroke": `${o}px`
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ C(
     "span",
     {
-      className: ce.clipWrapper,
+      className: pe.clipWrapper,
       style: {
         color: e
       },
       children: [
-        /* @__PURE__ */ n("span", { className: ce.clip, style: l }),
-        o ? /* @__PURE__ */ n("span", { style: { color: "var(--semantic-bg-default)", fontSize: "1rem", marginTop: "10px" }, children: o }) : null
+        /* @__PURE__ */ t("span", { className: pe.clip, style: r }),
+        s ? /* @__PURE__ */ t("span", { style: { color: "var(--semantic-bg-default)", fontSize: "1rem", marginTop: "10px" }, children: s }) : null
       ]
     }
   );
 }
-function ti({ color: e = Oe, width: t = 4, height: o = 12, radius: s = 2, margin: l = 2 }) {
-  const r = Math.max(6, Math.round(o + l + 1)), a = r * 2 + o, i = 1, d = i / 8;
+function Gl({ color: e = Xe, width: n = 4, height: s = 12, radius: o = 2, margin: r = 2 }) {
+  const c = Math.max(6, Math.round(s + r + 1)), i = c * 2 + s, l = 1, d = l / 8;
   return (
     // 원형 막대 스피너의 기준 좌표가 되는 컨테이너(막대 위치는 고정)
-    /* @__PURE__ */ n("span", { className: ce.fade, style: { color: e, width: a, height: a }, children: Array.from({ length: 8 }).map((p, _) => /* @__PURE__ */ n(
+    /* @__PURE__ */ t("span", { className: pe.fade, style: { color: e, width: i, height: i }, children: Array.from({ length: 8 }).map((p, u) => /* @__PURE__ */ t(
       "span",
       {
-        className: ce.fadeBar,
+        className: pe.fadeBar,
         style: {
-          width: t,
-          height: o,
-          borderRadius: s,
-          transform: `translate(-50%, -50%) rotate(${360 / 8 * _}deg) translateY(-${r}px)`,
-          animationDelay: `${-(7 - _) * d}s`,
-          animationDuration: `${i}s`
+          width: n,
+          height: s,
+          borderRadius: o,
+          transform: `translate(-50%, -50%) rotate(${360 / 8 * u}deg) translateY(-${c}px)`,
+          animationDelay: `${-(7 - u) * d}s`,
+          animationDuration: `${l}s`
         }
       },
-      _
+      u
     )) })
   );
 }
-const dn = "_button_1h0bn_1", un = "_content_1h0bn_12", _n = "_fixed_1h0bn_33", mn = "_fixedContent_1h0bn_39", pn = "_node_1h0bn_48", fn = "_text_1h0bn_54", hn = "_large_1h0bn_64", gn = "_medium_1h0bn_65", bn = "_small_1h0bn_66", Cn = "_xsmall_1h0bn_70", xn = "_flexible_1h0bn_74", wn = "_primary_1h0bn_90", vn = "_loading_1h0bn_90", yn = "_assistive_1h0bn_91", $n = "_error_1h0bn_92", Nn = "_spinnerWrapper_1h0bn_151", K = {
-  button: dn,
-  content: un,
-  fixed: _n,
-  fixedContent: mn,
-  node: pn,
-  text: fn,
-  large: hn,
-  medium: gn,
-  small: bn,
-  xsmall: Cn,
-  flexible: xn,
-  primary: wn,
-  loading: vn,
-  assistive: yn,
-  error: $n,
-  spinnerWrapper: Nn,
+const bt = "_button_1h0bn_1", Ct = "_content_1h0bn_12", vt = "_fixed_1h0bn_33", At = "_fixedContent_1h0bn_39", yt = "_node_1h0bn_48", Bt = "_text_1h0bn_54", It = "_large_1h0bn_64", Nt = "_medium_1h0bn_65", Et = "_small_1h0bn_66", kt = "_xsmall_1h0bn_70", $t = "_flexible_1h0bn_74", Lt = "_primary_1h0bn_90", Tt = "_loading_1h0bn_90", Rt = "_assistive_1h0bn_91", St = "_error_1h0bn_92", Mt = "_spinnerWrapper_1h0bn_151", U = {
+  button: bt,
+  content: Ct,
+  fixed: vt,
+  fixedContent: At,
+  node: yt,
+  text: Bt,
+  large: It,
+  medium: Nt,
+  small: Et,
+  xsmall: kt,
+  flexible: $t,
+  primary: Lt,
+  loading: Tt,
+  assistive: Rt,
+  error: St,
+  spinnerWrapper: Mt,
   "spinner-primary": "_spinner-primary_1h0bn_157",
   "spinner-error": "_spinner-error_1h0bn_158",
   "spinner-assistive": "_spinner-assistive_1h0bn_162"
 };
-function oi({
+function Vl({
   widthType: e = "flexible",
-  variant: t = "primary",
-  size: o = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: u = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
+  variant: n = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: r = !1,
+  keepFocusOnClick: a = !1,
+  customStyle: c = {},
+  onClick: i,
+  className: l,
   children: d,
   type: p = "button",
-  ..._
+  ...u
 }) {
-  const x = [
-    K.button,
-    K[e],
-    K[t],
-    K[o],
-    l ? K.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [K.spinnerWrapper, K[`spinner-${t}`]].filter(Boolean).join(" "), C = [K.content, e === "fixed" ? K.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Te.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? K.text : K.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = le(() => ({
+  const b = [
+    U.button,
+    U[e],
+    U[n],
+    U[s],
+    r ? U.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), m = [U.spinnerWrapper, U[`spinner-${n}`]].filter(Boolean).join(" "), h = [U.content, e === "fixed" ? U.fixedContent : ""].filter(Boolean).join(" "), g = e === "fixed" ? Me.map(d, (_) => {
+    const f = typeof _ == "string" || typeof _ == "number" ? U.text : U.node;
+    return /* @__PURE__ */ t("span", { className: f, children: _ });
+  }) : d, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[o], [o]);
-  return /* @__PURE__ */ n(
+  })[s], [s]);
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
       type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !u && !c.defaultPrevented && c.currentTarget.blur();
+      className: b,
+      onClick: r ? void 0 : (_) => {
+        i?.(_), !a && !_.defaultPrevented && _.currentTarget.blur();
       },
-      disabled: s,
-      style: r,
-      ..._,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(ye, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      disabled: o,
+      style: c,
+      ...u,
+      children: r ? /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(Be, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: h, children: g })
     }
   );
 }
-const kn = "_button_1wh5k_1", Bn = "_content_1wh5k_19", In = "_fixed_1wh5k_37", En = "_fixedContent_1wh5k_43", Ln = "_node_1wh5k_53", Sn = "_text_1wh5k_59", Tn = "_large_1wh5k_69", Mn = "_medium_1wh5k_70", jn = "_small_1wh5k_71", qn = "_xsmall_1wh5k_75", Dn = "_flexible_1wh5k_80", Rn = "_primary_1wh5k_98", An = "_secondary_1wh5k_99", Hn = "_assistive_1wh5k_100", Wn = "_loading_1wh5k_101", On = "_spinnerWrapper_1wh5k_172", Z = {
-  button: kn,
-  content: Bn,
-  fixed: In,
-  fixedContent: En,
-  node: Ln,
-  text: Sn,
-  large: Tn,
-  medium: Mn,
-  small: jn,
-  xsmall: qn,
-  flexible: Dn,
-  primary: Rn,
-  secondary: An,
-  assistive: Hn,
-  loading: Wn,
-  spinnerWrapper: On,
+const Dt = "_button_1wh5k_1", jt = "_content_1wh5k_19", Ht = "_fixed_1wh5k_37", Ot = "_fixedContent_1wh5k_43", Wt = "_node_1wh5k_53", Ft = "_text_1wh5k_59", qt = "_large_1wh5k_69", Qt = "_medium_1wh5k_70", Pt = "_small_1wh5k_71", zt = "_xsmall_1wh5k_75", Gt = "_flexible_1wh5k_80", Vt = "_primary_1wh5k_98", Xt = "_secondary_1wh5k_99", Kt = "_assistive_1wh5k_100", Ut = "_loading_1wh5k_101", Jt = "_spinnerWrapper_1wh5k_172", J = {
+  button: Dt,
+  content: jt,
+  fixed: Ht,
+  fixedContent: Ot,
+  node: Wt,
+  text: Ft,
+  large: qt,
+  medium: Qt,
+  small: Pt,
+  xsmall: zt,
+  flexible: Gt,
+  primary: Vt,
+  secondary: Xt,
+  assistive: Kt,
+  loading: Ut,
+  spinnerWrapper: Jt,
   "spinner-primary": "_spinner-primary_1wh5k_179",
   "spinner-assistive": "_spinner-assistive_1wh5k_180",
   "spinner-secondary": "_spinner-secondary_1wh5k_184"
 };
-function si({
+function Xl({
   widthType: e = "flexible",
-  variant: t = "primary",
-  size: o = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: u = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
+  variant: n = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: r = !1,
+  keepFocusOnClick: a = !1,
+  customStyle: c = {},
+  onClick: i,
+  className: l,
   children: d,
   type: p = "button",
-  ..._
+  ...u
 }) {
-  const x = [
-    Z.button,
-    Z[e],
-    Z[t],
-    Z[o],
-    l ? Z.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [Z.spinnerWrapper, Z[`spinner-${t}`]].filter(Boolean).join(" "), C = [Z.content, e === "fixed" ? Z.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Te.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? Z.text : Z.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = le(() => ({
+  const b = [
+    J.button,
+    J[e],
+    J[n],
+    J[s],
+    r ? J.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), m = [J.spinnerWrapper, J[`spinner-${n}`]].filter(Boolean).join(" "), h = [J.content, e === "fixed" ? J.fixedContent : ""].filter(Boolean).join(" "), g = e === "fixed" ? Me.map(d, (_) => {
+    const f = typeof _ == "string" || typeof _ == "number" ? J.text : J.node;
+    return /* @__PURE__ */ t("span", { className: f, children: _ });
+  }) : d, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[o], [o]);
-  return /* @__PURE__ */ n(
+  })[s], [s]);
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
       type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !u && !c.defaultPrevented && c.currentTarget.blur();
+      className: b,
+      onClick: r ? void 0 : (_) => {
+        i?.(_), !a && !_.defaultPrevented && _.currentTarget.blur();
       },
-      disabled: s,
-      style: r,
-      ..._,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(ye, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      disabled: o,
+      style: c,
+      ...u,
+      children: r ? /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(Be, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: h, children: g })
     }
   );
 }
-const Pn = "_button_xqfx2_1", Fn = "_content_xqfx2_18", zn = "_fixed_xqfx2_36", Vn = "_fixedContent_xqfx2_42", Kn = "_node_xqfx2_52", Zn = "_text_xqfx2_58", Un = "_large_xqfx2_68", Yn = "_medium_xqfx2_69", Xn = "_small_xqfx2_70", Gn = "_xsmall_xqfx2_74", Jn = "_flexible_xqfx2_79", Qn = "_primary_xqfx2_109", et = "_secondary_xqfx2_110", nt = "_assistive_xqfx2_111", tt = "_loading_xqfx2_112", ot = "_spinnerWrapper_xqfx2_180", U = {
-  button: Pn,
-  content: Fn,
-  fixed: zn,
-  fixedContent: Vn,
-  node: Kn,
-  text: Zn,
-  large: Un,
-  medium: Yn,
-  small: Xn,
-  xsmall: Gn,
-  flexible: Jn,
-  primary: Qn,
-  secondary: et,
-  assistive: nt,
-  loading: tt,
-  spinnerWrapper: ot,
+const Yt = "_button_xqfx2_1", Zt = "_content_xqfx2_18", en = "_fixed_xqfx2_36", tn = "_fixedContent_xqfx2_42", nn = "_node_xqfx2_52", on = "_text_xqfx2_58", sn = "_large_xqfx2_68", rn = "_medium_xqfx2_69", ln = "_small_xqfx2_70", an = "_xsmall_xqfx2_74", cn = "_flexible_xqfx2_79", dn = "_primary_xqfx2_109", _n = "_secondary_xqfx2_110", un = "_assistive_xqfx2_111", mn = "_loading_xqfx2_112", pn = "_spinnerWrapper_xqfx2_180", Y = {
+  button: Yt,
+  content: Zt,
+  fixed: en,
+  fixedContent: tn,
+  node: nn,
+  text: on,
+  large: sn,
+  medium: rn,
+  small: ln,
+  xsmall: an,
+  flexible: cn,
+  primary: dn,
+  secondary: _n,
+  assistive: un,
+  loading: mn,
+  spinnerWrapper: pn,
   "spinner-primary": "_spinner-primary_xqfx2_187",
   "spinner-secondary": "_spinner-secondary_xqfx2_191",
   "spinner-assistive": "_spinner-assistive_xqfx2_192"
 };
-function st({
+function fn({
   widthType: e = "flexible",
-  variant: t = "primary",
-  size: o = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: u = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
+  variant: n = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: r = !1,
+  keepFocusOnClick: a = !1,
+  customStyle: c = {},
+  onClick: i,
+  className: l,
   children: d,
   type: p = "button",
-  ..._
+  ...u
 }) {
-  const x = [
-    U.button,
-    U[e],
-    U[t],
-    U[o],
-    l ? U.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [U.spinnerWrapper, U[`spinner-${t}`]].filter(Boolean).join(" "), C = [U.content, e === "fixed" ? U.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Te.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? U.text : U.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = le(() => ({
+  const b = [
+    Y.button,
+    Y[e],
+    Y[n],
+    Y[s],
+    r ? Y.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), m = [Y.spinnerWrapper, Y[`spinner-${n}`]].filter(Boolean).join(" "), h = [Y.content, e === "fixed" ? Y.fixedContent : ""].filter(Boolean).join(" "), g = e === "fixed" ? Me.map(d, (_) => {
+    const f = typeof _ == "string" || typeof _ == "number" ? Y.text : Y.node;
+    return /* @__PURE__ */ t("span", { className: f, children: _ });
+  }) : d, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[o], [o]);
-  return /* @__PURE__ */ n(
+  })[s], [s]);
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
       type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !u && !c.defaultPrevented && c.currentTarget.blur();
+      className: b,
+      onClick: r ? void 0 : (_) => {
+        i?.(_), !a && !_.defaultPrevented && _.currentTarget.blur();
       },
-      disabled: s,
-      style: r,
-      ..._,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(ye, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      disabled: o,
+      style: c,
+      ...u,
+      children: r ? /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(Be, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: h, children: g })
     }
   );
 }
-const lt = "_button_16957_1", it = "_content_16957_18", rt = "_fixed_16957_36", at = "_fixedContent_16957_42", ct = "_node_16957_52", dt = "_text_16957_58", ut = "_large_16957_68", _t = "_medium_16957_69", mt = "_small_16957_70", pt = "_xsmall_16957_74", ft = "_flexible_16957_79", ht = "_primary_16957_97", gt = "_assistive_16957_98", bt = "_error_16957_99", Ct = "_loading_16957_100", xt = "_spinnerWrapper_16957_171", Y = {
-  button: lt,
-  content: it,
-  fixed: rt,
-  fixedContent: at,
-  node: ct,
-  text: dt,
-  large: ut,
-  medium: _t,
-  small: mt,
-  xsmall: pt,
-  flexible: ft,
-  primary: ht,
-  assistive: gt,
-  error: bt,
-  loading: Ct,
-  spinnerWrapper: xt,
+const hn = "_button_16957_1", gn = "_content_16957_18", wn = "_fixed_16957_36", xn = "_fixedContent_16957_42", bn = "_node_16957_52", Cn = "_text_16957_58", vn = "_large_16957_68", An = "_medium_16957_69", yn = "_small_16957_70", Bn = "_xsmall_16957_74", In = "_flexible_16957_79", Nn = "_primary_16957_97", En = "_assistive_16957_98", kn = "_error_16957_99", $n = "_loading_16957_100", Ln = "_spinnerWrapper_16957_171", Z = {
+  button: hn,
+  content: gn,
+  fixed: wn,
+  fixedContent: xn,
+  node: bn,
+  text: Cn,
+  large: vn,
+  medium: An,
+  small: yn,
+  xsmall: Bn,
+  flexible: In,
+  primary: Nn,
+  assistive: En,
+  error: kn,
+  loading: $n,
+  spinnerWrapper: Ln,
   "spinner-primary": "_spinner-primary_16957_178",
   "spinner-error": "_spinner-error_16957_182",
   "spinner-assistive": "_spinner-assistive_16957_183"
 };
-function li({
+function Kl({
   widthType: e = "flexible",
-  variant: t = "primary",
-  size: o = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: u = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
+  variant: n = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: r = !1,
+  keepFocusOnClick: a = !1,
+  customStyle: c = {},
+  onClick: i,
+  className: l,
   children: d,
   type: p = "button",
-  ..._
+  ...u
 }) {
-  const x = [
-    Y.button,
-    Y[e],
-    Y[t],
-    Y[o],
-    l ? Y.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [Y.spinnerWrapper, Y[`spinner-${t}`]].filter(Boolean).join(" "), C = [Y.content, e === "fixed" ? Y.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Te.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? Y.text : Y.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = le(() => ({
+  const b = [
+    Z.button,
+    Z[e],
+    Z[n],
+    Z[s],
+    r ? Z.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), m = [Z.spinnerWrapper, Z[`spinner-${n}`]].filter(Boolean).join(" "), h = [Z.content, e === "fixed" ? Z.fixedContent : ""].filter(Boolean).join(" "), g = e === "fixed" ? Me.map(d, (_) => {
+    const f = typeof _ == "string" || typeof _ == "number" ? Z.text : Z.node;
+    return /* @__PURE__ */ t("span", { className: f, children: _ });
+  }) : d, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[o], [o]);
-  return /* @__PURE__ */ n(
+  })[s], [s]);
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
       type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !u && !c.defaultPrevented && c.currentTarget.blur();
+      className: b,
+      onClick: r ? void 0 : (_) => {
+        i?.(_), !a && !_.defaultPrevented && _.currentTarget.blur();
       },
-      disabled: s,
-      style: r,
-      ..._,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(ye, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      disabled: o,
+      style: c,
+      ...u,
+      children: r ? /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(Be, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: h, children: g })
     }
   );
 }
-const wt = "_button_r7m14_1", vt = "_large_r7m14_37", yt = "_small_r7m14_49", Fe = {
-  button: wt,
-  large: vt,
-  small: yt
+const Tn = "_button_r7m14_1", Rn = "_large_r7m14_37", Sn = "_small_r7m14_49", Ue = {
+  button: Tn,
+  large: Rn,
+  small: Sn
 };
-function De({
+function qe({
   size: e = "large",
-  disabled: t = !1,
-  keepFocusOnClick: o = !1,
-  customStyle: s = {},
-  onClick: l,
-  className: u,
-  children: r,
-  type: a = "button",
-  ...i
+  disabled: n = !1,
+  keepFocusOnClick: s = !1,
+  customStyle: o = {},
+  onClick: r,
+  className: a,
+  children: c,
+  type: i = "button",
+  ...l
 }) {
   const d = [
-    Fe.button,
-    Fe[e],
-    u ?? ""
+    Ue.button,
+    Ue[e],
+    a ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: a,
+      type: i,
       className: d,
-      onClick: (_) => {
-        l?.(_), !o && !_.defaultPrevented && _.currentTarget.blur();
+      onClick: (u) => {
+        r?.(u), !s && !u.defaultPrevented && u.currentTarget.blur();
       },
-      disabled: t,
-      style: s,
-      ...i,
-      children: r
+      disabled: n,
+      style: o,
+      ...l,
+      children: c
     }
   );
 }
-const $t = "_button_1mqol_1", Nt = "_basic_1mqol_27", kt = "_overlay_1mqol_45", Bt = "_primary_1mqol_63", It = "_large_1mqol_83", Et = "_medium_1mqol_95", je = {
-  button: $t,
-  basic: Nt,
-  overlay: kt,
-  primary: Bt,
-  large: It,
-  medium: Et
+const Mn = "_button_1mqol_1", Dn = "_basic_1mqol_27", jn = "_overlay_1mqol_45", Hn = "_primary_1mqol_63", On = "_large_1mqol_83", Wn = "_medium_1mqol_95", We = {
+  button: Mn,
+  basic: Dn,
+  overlay: jn,
+  primary: Hn,
+  large: On,
+  medium: Wn
 };
-function ii({
+function Ul({
   variant: e = "basic",
-  size: t = "medium",
-  disabled: o = !1,
-  keepFocusOnClick: s = !1,
-  customStyle: l = {},
-  onClick: u,
-  children: r,
-  type: a = "button",
-  ...i
+  size: n = "medium",
+  disabled: s = !1,
+  keepFocusOnClick: o = !1,
+  customStyle: r = {},
+  onClick: a,
+  children: c,
+  type: i = "button",
+  ...l
 }) {
-  const d = [je.button, je[e], je[t]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  const d = [We.button, We[e], We[n]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: a,
+      type: i,
       className: d,
-      onClick: (_) => {
-        u?.(_), !s && !_.defaultPrevented && _.currentTarget.blur();
+      onClick: (u) => {
+        a?.(u), !o && !u.defaultPrevented && u.currentTarget.blur();
       },
-      disabled: o,
-      style: l,
-      ...i,
-      children: r
+      disabled: s,
+      style: r,
+      ...l,
+      children: c
     }
   );
 }
-const Lt = "_button_1ur9u_1", St = "_large_1ur9u_40", Tt = "_medium_1ur9u_52", ze = {
-  button: Lt,
-  large: St,
-  medium: Tt
+const Fn = "_button_1ur9u_1", qn = "_large_1ur9u_40", Qn = "_medium_1ur9u_52", Je = {
+  button: Fn,
+  large: qn,
+  medium: Qn
 };
-function ri({
+function Jl({
   size: e = "medium",
-  disabled: t = !1,
-  keepFocusOnClick: o = !1,
-  customStyle: s = {},
-  onClick: l,
-  children: u,
-  type: r = "button",
-  ...a
+  disabled: n = !1,
+  keepFocusOnClick: s = !1,
+  customStyle: o = {},
+  onClick: r,
+  children: a,
+  type: c = "button",
+  ...i
 }) {
-  const i = [ze.button, ze[e]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  const l = [Je.button, Je[e]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: r,
-      className: i,
+      type: c,
+      className: l,
       onClick: (p) => {
-        l?.(p), !o && !p.defaultPrevented && p.currentTarget.blur();
+        r?.(p), !s && !p.defaultPrevented && p.currentTarget.blur();
       },
-      disabled: t,
-      style: s,
-      ...a,
-      children: u
+      disabled: n,
+      style: o,
+      ...i,
+      children: a
     }
   );
 }
-const Mt = "_root_ir5jh_1", jt = "_label_ir5jh_8", qt = "_labelDisabled_ir5jh_16", Dt = "_requiredMark_ir5jh_20", Rt = "_controlRow_ir5jh_24", At = "_control_ir5jh_24", Ht = "_small_ir5jh_48", Wt = "_outline_ir5jh_53", Ot = "_fill_ir5jh_57", Pt = "_basic_ir5jh_61", Ft = "_success_ir5jh_65", zt = "_error_ir5jh_70", Vt = "_focused_ir5jh_82", Kt = "_disabled_ir5jh_87", Zt = "_leadingIcon_ir5jh_102", Ut = "_trailingIcon_ir5jh_103", Yt = "_trailingText_ir5jh_104", Xt = "_inputField_ir5jh_126", Gt = "_trailingButton_ir5jh_173", Jt = "_trailingIconButton_ir5jh_174", Qt = "_trailingSlot_ir5jh_178", eo = "_trailingSlotDisabled_ir5jh_185", no = "_trailingBasicIconButton_ir5jh_189", to = "_helper_ir5jh_270", oo = "_helperFixed_ir5jh_276", so = "_helperPlaceholder_ir5jh_280", lo = "_errorHelper_ir5jh_284", io = "_errorHelperBounce_ir5jh_288", ro = "_errorMessageBounceY_ir5jh_1", ao = "_helperDisabled_ir5jh_292", y = {
-  root: Mt,
-  label: jt,
-  labelDisabled: qt,
-  requiredMark: Dt,
-  controlRow: Rt,
-  control: At,
+const Pn = "_root_ir5jh_1", zn = "_label_ir5jh_8", Gn = "_labelDisabled_ir5jh_16", Vn = "_requiredMark_ir5jh_20", Xn = "_controlRow_ir5jh_24", Kn = "_control_ir5jh_24", Un = "_small_ir5jh_48", Jn = "_outline_ir5jh_53", Yn = "_fill_ir5jh_57", Zn = "_basic_ir5jh_61", eo = "_success_ir5jh_65", to = "_error_ir5jh_70", no = "_focused_ir5jh_82", oo = "_disabled_ir5jh_87", so = "_leadingIcon_ir5jh_102", ro = "_trailingIcon_ir5jh_103", lo = "_trailingText_ir5jh_104", io = "_inputField_ir5jh_126", ao = "_trailingButton_ir5jh_173", co = "_trailingIconButton_ir5jh_174", _o = "_trailingSlot_ir5jh_178", uo = "_trailingSlotDisabled_ir5jh_185", mo = "_trailingBasicIconButton_ir5jh_189", po = "_helper_ir5jh_270", fo = "_helperFixed_ir5jh_276", ho = "_helperPlaceholder_ir5jh_280", go = "_errorHelper_ir5jh_284", wo = "_errorHelperBounce_ir5jh_288", xo = "_errorMessageBounceY_ir5jh_1", bo = "_helperDisabled_ir5jh_292", B = {
+  root: Pn,
+  label: zn,
+  labelDisabled: Gn,
+  requiredMark: Vn,
+  controlRow: Xn,
+  control: Kn,
   default: "_default_ir5jh_43",
-  small: Ht,
-  outline: Wt,
-  fill: Ot,
-  basic: Pt,
-  success: Ft,
-  error: zt,
-  focused: Vt,
-  disabled: Kt,
-  leadingIcon: Zt,
-  trailingIcon: Ut,
-  trailingText: Yt,
-  inputField: Xt,
+  small: Un,
+  outline: Jn,
+  fill: Yn,
+  basic: Zn,
+  success: eo,
+  error: to,
+  focused: no,
+  disabled: oo,
+  leadingIcon: so,
+  trailingIcon: ro,
+  trailingText: lo,
+  inputField: io,
   "input-default": "_input-default_ir5jh_137",
   "input-small": "_input-small_ir5jh_141",
-  trailingButton: Gt,
-  trailingIconButton: Jt,
-  trailingSlot: Qt,
-  trailingSlotDisabled: eo,
-  trailingBasicIconButton: no,
-  helper: to,
-  helperFixed: oo,
-  helperPlaceholder: so,
-  errorHelper: lo,
-  errorHelperBounce: io,
-  errorMessageBounceY: ro,
-  helperDisabled: ao
+  trailingButton: ao,
+  trailingIconButton: co,
+  trailingSlot: _o,
+  trailingSlotDisabled: uo,
+  trailingBasicIconButton: mo,
+  helper: po,
+  helperFixed: fo,
+  helperPlaceholder: ho,
+  errorHelper: go,
+  errorHelperBounce: wo,
+  errorMessageBounceY: xo,
+  helperDisabled: bo
 };
-function co({
+function Co({
   content: e,
-  disabled: t = !1
+  disabled: n = !1
 }) {
   if (e == null)
     return null;
-  const o = (s) => {
-    s.preventDefault();
+  const s = (o) => {
+    o.preventDefault();
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "span",
     {
-      className: [y.trailingSlot, t ? y.trailingSlotDisabled : ""].filter(Boolean).join(" "),
-      onMouseDownCapture: o,
+      className: [B.trailingSlot, n ? B.trailingSlotDisabled : ""].filter(Boolean).join(" "),
+      onMouseDownCapture: s,
       children: e
     }
   );
 }
-function uo({
+function vo({
   value: e,
-  onFocus: t,
-  onBlur: o,
-  onChange: s
+  onFocus: n,
+  onBlur: s,
+  onChange: o
 }) {
   return {
     currentValue: e,
-    handleFocus: (i) => {
-      t?.(i);
+    handleFocus: (l) => {
+      n?.(l);
     },
-    handleBlur: (i) => {
-      o?.(i);
+    handleBlur: (l) => {
+      s?.(l);
     },
-    handleChange: (i) => {
-      s?.(i);
+    handleChange: (l) => {
+      o?.(l);
     }
   };
 }
-function _o({
+function Ao({
   type: e = "text",
   // input HTML 타입
-  designType: t = "outline",
+  designType: n = "outline",
   // 인풋 외형 타입
-  size: o = "default",
+  size: s = "default",
   // 인풋 높이 크기
-  variant: s,
+  variant: o,
   // 상태 variant
-  width: l,
+  width: r,
   // 루트 너비
-  heading: u = !0,
+  heading: a = !0,
   // 라벨 표시 여부
-  headingContent: r = "Label",
+  headingContent: c = "Label",
   // 라벨 내용
-  required: a = !1,
+  required: i = !1,
   // 라벨 우측 *
-  description: i = !1,
+  description: l = !1,
   // 하단 안내 문구
   fixedDescriptionHeight: d = !0,
   // 하단 문구 영역 높이 고정 여부
   errorMessage: p,
   // 에러 상태 문구
-  leadingIcon: _,
+  leadingIcon: u,
   // 좌측 아이콘 슬롯
-  trailingContent: x,
+  trailingContent: b,
   // 우측 trailing 슬롯 콘텐츠
-  customStyle: f = {},
+  customStyle: m = {},
   // 루트 커스텀 스타일
-  id: C,
+  id: h,
   // input id
-  onFocus: N,
+  onFocus: g,
   // 포커스 진입 핸들러
-  onBlur: $,
+  onBlur: v,
   // 포커스 이탈 핸들러
   onChange: I,
   // 값 변경 핸들러
-  value: c,
+  value: _,
   // 현재 값
-  disabled: h = !1,
+  disabled: f = !1,
   // 전체 비활성화 여부
-  readOnly: m = !1,
+  readOnly: A = !1,
   // 읽기 전용 여부
-  ...q
+  ...x
 }) {
-  const v = Me(), k = C ?? v, W = u, G = r, { currentValue: g, handleFocus: B, handleBlur: O, handleChange: P } = uo({
-    value: c,
-    onFocus: N,
-    onBlur: $,
+  const N = De(), y = h ?? N, F = a, z = c, { currentValue: w, handleFocus: k, handleBlur: H, handleChange: q } = vo({
+    value: _,
+    onFocus: g,
+    onBlur: v,
     onChange: I
-  }), F = le(() => g == null ? !1 : Array.isArray(g) ? g.length > 0 : typeof g == "number" ? !0 : String(g).length > 0, [g]), Q = le(() => s !== void 0 ? s : F ? "typed" : "basic", [s, F]), z = Q === "error", ee = Q === "success", R = Q === "onFocus" || Q === "onTyping", ue = [
-    y.control,
-    y[t],
-    z ? y.error : ee ? y.success : y.basic,
-    y[o],
-    !h && R ? y.focused : "",
-    h ? y.disabled : ""
-  ].filter(Boolean).join(" "), _e = [y.inputField, y[`input-${o}`]].join(" "), me = y.root, pe = [y.label, h ? y.labelDisabled : ""].filter(Boolean).join(" "), oe = le(() => z ? p ?? "에러 메시지가 표시됩니다." : i === !1 || i === void 0 || i === null ? null : i === !0 ? "2~19자 이내로 입력해 주세요." : i, [i, p, z]), w = [
-    y.helper,
-    d ? y.helperFixed : "",
-    z ? y.errorHelper : "",
-    z && oe !== null ? y.errorHelperBounce : "",
-    h ? y.helperDisabled : "",
-    d && oe === null ? y.helperPlaceholder : ""
+  }), se = ae(() => w == null ? !1 : Array.isArray(w) ? w.length > 0 : typeof w == "number" ? !0 : String(w).length > 0, [w]), G = ae(() => o !== void 0 ? o : se ? "typed" : "basic", [o, se]), X = G === "error", de = G === "success", te = G === "onFocus" || G === "onTyping", Q = [
+    B.control,
+    B[n],
+    X ? B.error : de ? B.success : B.basic,
+    B[s],
+    !f && te ? B.focused : "",
+    f ? B.disabled : ""
+  ].filter(Boolean).join(" "), he = [B.inputField, B[`input-${s}`]].join(" "), ge = B.root, we = [B.label, f ? B.labelDisabled : ""].filter(Boolean).join(" "), re = ae(() => X ? p ?? "에러 메시지가 표시됩니다." : l === !1 || l === void 0 || l === null ? null : l === !0 ? "2~19자 이내로 입력해 주세요." : l, [l, p, X]), E = [
+    B.helper,
+    d ? B.helperFixed : "",
+    X ? B.errorHelper : "",
+    X && re !== null ? B.errorHelperBounce : "",
+    f ? B.helperDisabled : "",
+    d && re === null ? B.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ C(
     "div",
     {
       "data-idb-component": !0,
-      className: me,
+      className: ge,
       style: {
-        width: l ?? "100%",
-        ...f
+        width: r ?? "100%",
+        ...m
       },
       children: [
-        W ? /* @__PURE__ */ b("label", { htmlFor: k, className: pe, children: [
-          /* @__PURE__ */ n("span", { children: G }),
-          a ? /* @__PURE__ */ n("span", { className: y.requiredMark, children: "*" }) : null
+        F ? /* @__PURE__ */ C("label", { htmlFor: y, className: we, children: [
+          /* @__PURE__ */ t("span", { children: z }),
+          i ? /* @__PURE__ */ t("span", { className: B.requiredMark, children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ n("div", { className: y.controlRow, children: /* @__PURE__ */ b("div", { className: ue, children: [
-          _ ? /* @__PURE__ */ n("span", { className: y.leadingIcon, children: _ }) : null,
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ t("div", { className: B.controlRow, children: /* @__PURE__ */ C("div", { className: Q, children: [
+          u ? /* @__PURE__ */ t("span", { className: B.leadingIcon, children: u }) : null,
+          /* @__PURE__ */ t(
             "input",
             {
-              id: k,
+              id: y,
               type: e,
-              value: g,
-              className: _e,
-              onFocus: B,
-              onBlur: O,
-              onChange: P,
-              disabled: h,
-              readOnly: m,
-              required: a,
-              ...q
+              value: w,
+              className: he,
+              onFocus: k,
+              onBlur: H,
+              onChange: q,
+              disabled: f,
+              readOnly: A,
+              required: i,
+              ...x
             }
           ),
-          /* @__PURE__ */ n(
-            co,
+          /* @__PURE__ */ t(
+            Co,
             {
-              content: x,
-              disabled: h
+              content: b,
+              disabled: f
             }
           )
         ] }) }),
-        d || oe !== null ? /* @__PURE__ */ n("p", { className: w, children: oe }) : null
+        d || re !== null ? /* @__PURE__ */ t("p", { className: E, children: re }) : null
       ]
     }
   );
 }
-const mo = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.74995%2010C1.74995%205.44365%205.44359%201.75%209.99992%201.75C14.5562%201.75%2018.2499%205.44365%2018.2499%2010C18.2499%2014.5563%2014.5562%2018.25%209.99992%2018.25C5.44359%2018.25%201.74995%2014.5563%201.74995%2010ZM7.61358%206.55302C7.32069%206.26013%206.84582%206.26013%206.55293%206.55302C6.26003%206.84592%206.26003%207.32079%206.55293%207.61368L8.93925%2010L6.55293%2012.3864C6.26003%2012.6793%206.26003%2013.1541%206.55293%2013.447C6.84582%2013.7399%207.32069%2013.7399%207.61358%2013.447L9.99991%2011.0607L12.3862%2013.447C12.6791%2013.7399%2013.154%2013.7399%2013.4469%2013.447C13.7398%2013.1541%2013.7398%2012.6793%2013.4469%2012.3864L11.0606%2010L13.4469%207.61368C13.7398%207.32079%2013.7398%206.84592%2013.4469%206.55302C13.154%206.26013%2012.6791%206.26013%2012.3862%206.55302L9.99991%208.93936L7.61358%206.55302Z'%20fill='%23C2C4C8'/%3e%3c/svg%3e", Ze = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.33331%201.75C4.69745%201.75%201.75%204.69746%201.75%208.33333C1.75%2011.9692%204.69745%2014.9167%208.33331%2014.9167C9.88105%2014.9167%2011.3041%2014.3826%2012.428%2013.4886L16.5531%2017.6136C16.846%2017.9065%2017.3208%2017.9065%2017.6137%2017.6136C17.9066%2017.3207%2017.9066%2016.8459%2017.6137%2016.553L13.4887%2012.4279C14.3826%2011.3039%2014.9166%209.88101%2014.9166%208.33333C14.9166%204.69746%2011.9692%201.75%208.33331%201.75ZM3.24999%208.33333C3.24999%205.52589%205.52587%203.25%208.33331%203.25C11.1407%203.25%2013.4166%205.52589%2013.4166%208.33333C13.4166%2011.1408%2011.1407%2013.4167%208.33331%2013.4167C5.52587%2013.4167%203.24999%2011.1408%203.24999%208.33333Z'%20fill='%23171719'/%3e%3c/svg%3e", po = "_actionButtons_1ngrw_1", fo = {
-  actionButtons: po
-}, ho = {
+const yo = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.74995%2010C1.74995%205.44365%205.44359%201.75%209.99992%201.75C14.5562%201.75%2018.2499%205.44365%2018.2499%2010C18.2499%2014.5563%2014.5562%2018.25%209.99992%2018.25C5.44359%2018.25%201.74995%2014.5563%201.74995%2010ZM7.61358%206.55302C7.32069%206.26013%206.84582%206.26013%206.55293%206.55302C6.26003%206.84592%206.26003%207.32079%206.55293%207.61368L8.93925%2010L6.55293%2012.3864C6.26003%2012.6793%206.26003%2013.1541%206.55293%2013.447C6.84582%2013.7399%207.32069%2013.7399%207.61358%2013.447L9.99991%2011.0607L12.3862%2013.447C12.6791%2013.7399%2013.154%2013.7399%2013.4469%2013.447C13.7398%2013.1541%2013.7398%2012.6793%2013.4469%2012.3864L11.0606%2010L13.4469%207.61368C13.7398%207.32079%2013.7398%206.84592%2013.4469%206.55302C13.154%206.26013%2012.6791%206.26013%2012.3862%206.55302L9.99991%208.93936L7.61358%206.55302Z'%20fill='%23C2C4C8'/%3e%3c/svg%3e", tt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.33331%201.75C4.69745%201.75%201.75%204.69746%201.75%208.33333C1.75%2011.9692%204.69745%2014.9167%208.33331%2014.9167C9.88105%2014.9167%2011.3041%2014.3826%2012.428%2013.4886L16.5531%2017.6136C16.846%2017.9065%2017.3208%2017.9065%2017.6137%2017.6136C17.9066%2017.3207%2017.9066%2016.8459%2017.6137%2016.553L13.4887%2012.4279C14.3826%2011.3039%2014.9166%209.88101%2014.9166%208.33333C14.9166%204.69746%2011.9692%201.75%208.33331%201.75ZM3.24999%208.33333C3.24999%205.52589%205.52587%203.25%208.33331%203.25C11.1407%203.25%2013.4166%205.52589%2013.4166%208.33333C13.4166%2011.1408%2011.1407%2013.4167%208.33331%2013.4167C5.52587%2013.4167%203.24999%2011.1408%203.24999%208.33333Z'%20fill='%23171719'/%3e%3c/svg%3e", Bo = "_actionButtons_1ngrw_1", Io = {
+  actionButtons: Bo
+}, No = {
   default: "basic",
   onTyping: "onTyping",
   typed: "typed",
   error: "error"
 };
-function ai({
+function Yl({
   value: e,
   // 검색어 값
-  onChange: t,
+  onChange: n,
   // 입력 변경 핸들러
-  onSearch: o,
+  onSearch: s,
   // 검색 실행 핸들러
-  onClear: s,
+  onClear: o,
   // 입력내용 전체 삭제 핸들러(미전달 시 기본 삭제 동작)
-  size: l = "default",
+  size: r = "default",
   // 인풋 크기
-  width: u,
+  width: a,
   // 컴포넌트 너비
-  designType: r = "outline",
+  designType: c = "outline",
   // 인풋 외형 타입
-  heading: a = !1,
+  heading: i = !1,
   // 라벨 표시 여부
-  headingContent: i,
+  headingContent: l,
   // 라벨 내용
   variant: d,
   // SearchBar 상태 variant
   description: p = !1,
   // 하단 안내 문구
-  fixedDescriptionHeight: _ = !0,
+  fixedDescriptionHeight: u = !0,
   // 하단 문구 영역 높이 고정 여부
-  disabled: x = !1,
+  disabled: b = !1,
   // 전체 비활성화 여부
-  readOnly: f = !1,
+  readOnly: m = !1,
   // 읽기 전용 여부
-  id: C,
+  id: h,
   // input id
-  name: N,
+  name: g,
   // input name
-  placeholder: $,
+  placeholder: v,
   // placeholder 텍스트
   leadingIcon: I,
   // 좌측 아이콘 슬롯
-  trailingContent: c,
+  trailingContent: _,
   // 우측 trailing 콘텐츠(미지정 시 검색 버튼 사용)
-  maxLength: h = 20,
+  maxLength: f = 20,
   // 최대 입력 길이
-  required: m = !1,
+  required: A = !1,
   // 필수 입력 여부
-  errorMessage: q,
+  errorMessage: x,
   // 에러 상태 문구
-  onBlur: v,
+  onBlur: N,
   // 포커스 이탈 핸들러
-  onKeyDown: k,
+  onKeyDown: y,
   // 키다운 핸들러
-  ...W
+  ...F
 }) {
-  const [G, g] = H(null), B = Me(), O = C ?? B, P = (w) => w.length >= h, F = (w) => w.length === 1, Q = (w) => {
-    const V = w.target.value;
-    P(V) ? g("max") : G !== null && g(null), t(w);
-  }, z = () => {
-    if (P(e)) {
-      g("max");
+  const [z, w] = W(null), k = De(), H = h ?? k, q = (E) => E.length >= f, se = (E) => E.length === 1, G = (E) => {
+    const K = E.target.value;
+    q(K) ? w("max") : z !== null && w(null), n(E);
+  }, X = () => {
+    if (q(e)) {
+      w("max");
       return;
     }
-    if (F(e)) {
-      g("min");
+    if (se(e)) {
+      w("min");
       return;
     }
-    g(null), o(e);
-  }, ee = () => {
-    const w = document.getElementById(O);
-    if (!(w instanceof HTMLInputElement))
+    w(null), s(e);
+  }, de = () => {
+    const E = document.getElementById(H);
+    if (!(E instanceof HTMLInputElement))
       return;
-    const V = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-    V !== void 0 && (V.call(w, ""), w.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, R = () => {
-    if (!(x || f || e.length === 0)) {
-      if (g(null), s !== void 0) {
-        s();
+    const K = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+    K !== void 0 && (K.call(E, ""), E.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, te = () => {
+    if (!(b || m || e.length === 0)) {
+      if (w(null), o !== void 0) {
+        o();
         return;
       }
-      ee();
+      de();
     }
-  }, ue = (w) => {
-    const V = w.currentTarget.value;
-    P(V) ? g("max") : F(V) ? g("min") : g(null), v?.(w);
-  }, _e = (w) => {
-    k?.(w), !w.defaultPrevented && (w.key !== "Enter" || w.nativeEvent.isComposing || (w.preventDefault(), z()));
-  }, me = G !== null ? "error" : d === void 0 ? void 0 : ho[d], pe = G === "max" ? `최대 ${Math.max(0, h - 1)}자 까지 가능합니다.` : G === "min" ? "최소 2자 이상 입력해 주세요." : q, oe = c ?? /* @__PURE__ */ b("span", { className: fo.actionButtons, children: [
-    e.length > 0 ? /* @__PURE__ */ n(
-      De,
+  }, Q = (E) => {
+    const K = E.currentTarget.value;
+    q(K) ? w("max") : se(K) ? w("min") : w(null), N?.(E);
+  }, he = (E) => {
+    y?.(E), !E.defaultPrevented && (E.key !== "Enter" || E.nativeEvent.isComposing || (E.preventDefault(), X()));
+  }, ge = z !== null ? "error" : d === void 0 ? void 0 : No[d], we = z === "max" ? `최대 ${Math.max(0, f - 1)}자 까지 가능합니다.` : z === "min" ? "최소 2자 이상 입력해 주세요." : x, re = _ ?? /* @__PURE__ */ C("span", { className: Io.actionButtons, children: [
+    e.length > 0 ? /* @__PURE__ */ t(
+      qe,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: R,
-        disabled: x || f,
-        children: /* @__PURE__ */ n(
+        onClick: te,
+        disabled: b || m,
+        children: /* @__PURE__ */ t(
           "img",
           {
-            src: mo,
+            src: yo,
             alt: ""
           }
         )
       }
     ) : null,
-    /* @__PURE__ */ n(
-      De,
+    /* @__PURE__ */ t(
+      qe,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: z,
-        disabled: x,
-        children: /* @__PURE__ */ n(
+        onClick: X,
+        disabled: b,
+        children: /* @__PURE__ */ t(
           "img",
           {
-            src: Ze,
+            src: tt,
             alt: ""
           }
         )
       }
     )
   ] });
-  return /* @__PURE__ */ n(
-    _o,
+  return /* @__PURE__ */ t(
+    Ao,
     {
-      ...W,
-      id: O,
-      name: N,
+      ...F,
+      id: H,
+      name: g,
       value: e,
-      placeholder: $,
-      onChange: Q,
-      onBlur: ue,
-      onKeyDown: _e,
+      placeholder: v,
+      onChange: G,
+      onBlur: Q,
+      onKeyDown: he,
       type: "text",
-      width: u,
-      designType: r,
-      size: l,
-      heading: a,
-      headingContent: i,
-      required: m,
+      width: a,
+      designType: c,
+      size: r,
+      heading: i,
+      headingContent: l,
+      required: A,
       description: p,
-      fixedDescriptionHeight: _,
-      variant: me,
-      errorMessage: pe,
+      fixedDescriptionHeight: u,
+      variant: ge,
+      errorMessage: we,
       leadingIcon: I,
-      trailingContent: oe,
-      maxLength: h,
-      disabled: x,
-      readOnly: f
+      trailingContent: re,
+      maxLength: f,
+      disabled: b,
+      readOnly: m
     }
   );
 }
-const go = "data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2773%200.197703C11.5409%200.461307%2011.5409%200.888693%2011.2773%201.1523L4.52728%207.9023C4.26368%208.1659%203.83629%208.1659%203.57269%207.9023L0.197702%204.5273C-0.0659007%204.26369%20-0.0659007%203.83631%200.197702%203.5727C0.461305%203.3091%200.88869%203.3091%201.15229%203.5727L4.04998%206.47041L10.3227%200.197703C10.5863%20-0.065901%2011.0136%20-0.065901%2011.2773%200.197703Z'%20fill='white'/%3e%3c/svg%3e", bo = "data:image/svg+xml,%3csvg%20width='11'%20height='8'%20viewBox='0%200%2011%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0242%200.175736C10.2585%200.410051%2010.2585%200.78995%2010.0242%201.02426L4.02425%207.02426C3.78993%207.25858%203.41004%207.25858%203.17572%207.02426L0.175735%204.02426C-0.0585784%203.78995%20-0.0585784%203.41005%200.175735%203.17574C0.410049%202.94142%200.789946%202.94142%201.02426%203.17574L3.59999%205.75147L9.1757%200.175736C9.41001%20-0.0585787%209.78991%20-0.0585787%2010.0242%200.175736Z'%20fill='white'/%3e%3c/svg%3e", Co = "data:image/svg+xml,%3csvg%20width='11'%20height='2'%20viewBox='0%200%2011%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%200.675C0%200.302208%200.302208%200%200.675%200H9.675C10.0478%200%2010.35%200.302208%2010.35%200.675C10.35%201.04779%2010.0478%201.35%209.675%201.35H0.675C0.302208%201.35%200%201.04779%200%200.675Z'%20fill='white'/%3e%3c/svg%3e", xo = "_wrapper_zleo7_1", wo = "_disabled_zleo7_9", vo = "_input_zleo7_13", yo = "_box_zleo7_22", $o = "_checkIcon_zleo7_36", No = "_dashIcon_zleo7_41", ko = "_medium_zleo7_48", Bo = "_small_zleo7_53", Io = "_compact_zleo7_68", Eo = "_active_zleo7_80", Lo = "_primary_zleo7_87", So = "_assistive_zleo7_92", J = {
-  wrapper: xo,
-  disabled: wo,
-  input: vo,
-  box: yo,
-  checkIcon: $o,
-  dashIcon: No,
-  medium: ko,
-  small: Bo,
-  compact: Io,
-  active: Eo,
-  primary: Lo,
-  assistive: So
+const Eo = "data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2773%200.197703C11.5409%200.461307%2011.5409%200.888693%2011.2773%201.1523L4.52728%207.9023C4.26368%208.1659%203.83629%208.1659%203.57269%207.9023L0.197702%204.5273C-0.0659007%204.26369%20-0.0659007%203.83631%200.197702%203.5727C0.461305%203.3091%200.88869%203.3091%201.15229%203.5727L4.04998%206.47041L10.3227%200.197703C10.5863%20-0.065901%2011.0136%20-0.065901%2011.2773%200.197703Z'%20fill='white'/%3e%3c/svg%3e", ko = "data:image/svg+xml,%3csvg%20width='11'%20height='8'%20viewBox='0%200%2011%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0242%200.175736C10.2585%200.410051%2010.2585%200.78995%2010.0242%201.02426L4.02425%207.02426C3.78993%207.25858%203.41004%207.25858%203.17572%207.02426L0.175735%204.02426C-0.0585784%203.78995%20-0.0585784%203.41005%200.175735%203.17574C0.410049%202.94142%200.789946%202.94142%201.02426%203.17574L3.59999%205.75147L9.1757%200.175736C9.41001%20-0.0585787%209.78991%20-0.0585787%2010.0242%200.175736Z'%20fill='white'/%3e%3c/svg%3e", $o = "data:image/svg+xml,%3csvg%20width='11'%20height='2'%20viewBox='0%200%2011%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%200.675C0%200.302208%200.302208%200%200.675%200H9.675C10.0478%200%2010.35%200.302208%2010.35%200.675C10.35%201.04779%2010.0478%201.35%209.675%201.35H0.675C0.302208%201.35%200%201.04779%200%200.675Z'%20fill='white'/%3e%3c/svg%3e", Lo = "_wrapper_zleo7_1", To = "_disabled_zleo7_9", Ro = "_input_zleo7_13", So = "_box_zleo7_22", Mo = "_checkIcon_zleo7_36", Do = "_dashIcon_zleo7_41", jo = "_medium_zleo7_48", Ho = "_small_zleo7_53", Oo = "_compact_zleo7_68", Wo = "_active_zleo7_80", Fo = "_primary_zleo7_87", qo = "_assistive_zleo7_92", ee = {
+  wrapper: Lo,
+  disabled: To,
+  input: Ro,
+  box: So,
+  checkIcon: Mo,
+  dashIcon: Do,
+  medium: jo,
+  small: Ho,
+  compact: Oo,
+  active: Wo,
+  primary: Fo,
+  assistive: qo
 };
-function ci({
+function Zl({
   variant: e = "primary",
-  size: t = "medium",
-  density: o = "default",
-  disabled: s = !1,
-  customStyle: l = {},
-  className: u,
-  checked: r = !1,
-  indeterminate: a = !1,
-  onChange: i,
+  size: n = "medium",
+  density: s = "default",
+  disabled: o = !1,
+  customStyle: r = {},
+  className: a,
+  checked: c = !1,
+  indeterminate: i = !1,
+  onChange: l,
   ...d
 }) {
-  const p = X(null);
-  ae(() => {
-    p.current && (p.current.indeterminate = a);
-  }, [a]);
-  const _ = (C) => {
-    i?.(C.target.checked);
-  }, x = t === "small" ? bo : go, f = [
-    J.wrapper,
-    J[e],
-    J[t],
-    J[o],
-    r ? J.active : "",
-    s ? J.disabled : "",
-    u ?? ""
+  const p = O(null);
+  ce(() => {
+    p.current && (p.current.indeterminate = i);
+  }, [i]);
+  const u = (h) => {
+    l?.(h.target.checked);
+  }, b = n === "small" ? ko : Eo, m = [
+    ee.wrapper,
+    ee[e],
+    ee[n],
+    ee[s],
+    c ? ee.active : "",
+    o ? ee.disabled : "",
+    a ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: f, style: l, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ C("label", { "data-idb-component": !0, className: m, style: r, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         ref: p,
         type: "checkbox",
-        className: J.input,
-        checked: r,
-        disabled: s,
-        onChange: _,
+        className: ee.input,
+        checked: c,
+        disabled: o,
+        onChange: u,
         ...d
       }
     ),
-    /* @__PURE__ */ b("span", { className: J.box, children: [
-      r && a && /* @__PURE__ */ n(
+    /* @__PURE__ */ C("span", { className: ee.box, children: [
+      c && i && /* @__PURE__ */ t(
         "img",
         {
-          src: Co,
-          className: J.dashIcon,
+          src: $o,
+          className: ee.dashIcon,
           alt: "",
           "aria-hidden": "true"
         }
       ),
-      r && !a && /* @__PURE__ */ n(
+      c && !i && /* @__PURE__ */ t(
         "img",
         {
-          src: x,
-          className: J.checkIcon,
+          src: b,
+          className: ee.checkIcon,
           alt: "",
           "aria-hidden": "true"
         }
@@ -858,375 +858,375 @@ function ci({
     ] })
   ] });
 }
-const To = "_wrapper_kav3p_1", Mo = "_disabled_kav3p_9", jo = "_input_kav3p_14", qo = "_circle_kav3p_23", Do = "_medium_kav3p_40", Ro = "_small_kav3p_45", Ao = "_compact_kav3p_60", Ho = "_checked_kav3p_82", Wo = "_primary_kav3p_82", Oo = "_assistive_kav3p_87", ne = {
-  wrapper: To,
-  disabled: Mo,
-  input: jo,
-  circle: qo,
-  medium: Do,
-  small: Ro,
-  compact: Ao,
-  checked: Ho,
-  primary: Wo,
-  assistive: Oo
+const Qo = "_wrapper_kav3p_1", Po = "_disabled_kav3p_9", zo = "_input_kav3p_14", Go = "_circle_kav3p_23", Vo = "_medium_kav3p_40", Xo = "_small_kav3p_45", Ko = "_compact_kav3p_60", Uo = "_checked_kav3p_82", Jo = "_primary_kav3p_82", Yo = "_assistive_kav3p_87", ne = {
+  wrapper: Qo,
+  disabled: Po,
+  input: zo,
+  circle: Go,
+  medium: Vo,
+  small: Xo,
+  compact: Ko,
+  checked: Uo,
+  primary: Jo,
+  assistive: Yo
 };
-function di({
+function ei({
   variant: e = "primary",
-  size: t = "medium",
-  density: o = "default",
-  disabled: s = !1,
-  checked: l = !1,
-  customStyle: u = {},
-  className: r,
-  onChange: a,
-  ...i
+  size: n = "medium",
+  density: s = "default",
+  disabled: o = !1,
+  checked: r = !1,
+  customStyle: a = {},
+  className: c,
+  onChange: i,
+  ...l
 }) {
-  const d = (_) => {
-    a?.(_.target.checked);
+  const d = (u) => {
+    i?.(u.target.checked);
   }, p = [
     ne.wrapper,
     ne[e],
-    ne[t],
-    ne[o],
-    l ? ne.checked : ne.unchecked,
-    s ? ne.disabled : "",
-    r ?? ""
+    ne[n],
+    ne[s],
+    r ? ne.checked : ne.unchecked,
+    o ? ne.disabled : "",
+    c ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: p, style: u, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ C("label", { "data-idb-component": !0, className: p, style: a, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         type: "radio",
         className: ne.input,
-        checked: l,
-        disabled: s,
+        checked: r,
+        disabled: o,
         onChange: d,
-        ...i
+        ...l
       }
     ),
-    /* @__PURE__ */ n("span", { className: ne.circle })
+    /* @__PURE__ */ t("span", { className: ne.circle })
   ] });
 }
-const Po = "_wrapper_tycam_1", Fo = "_disabled_tycam_8", zo = "_input_tycam_13", Vo = "_track_tycam_22", Ko = "_thumb_tycam_31", Zo = "_small_tycam_41", Uo = "_medium_tycam_52", Yo = "_large_tycam_63", Xo = "_off_tycam_76", Go = "_on_tycam_82", se = {
-  wrapper: Po,
-  disabled: Fo,
-  input: zo,
-  track: Vo,
-  thumb: Ko,
-  small: Zo,
-  medium: Uo,
-  large: Yo,
-  off: Xo,
-  on: Go
+const Zo = "_wrapper_tycam_1", es = "_disabled_tycam_8", ts = "_input_tycam_13", ns = "_track_tycam_22", os = "_thumb_tycam_31", ss = "_small_tycam_41", rs = "_medium_tycam_52", ls = "_large_tycam_63", is = "_off_tycam_76", as = "_on_tycam_82", ie = {
+  wrapper: Zo,
+  disabled: es,
+  input: ts,
+  track: ns,
+  thumb: os,
+  small: ss,
+  medium: rs,
+  large: ls,
+  off: is,
+  on: as
 };
-function ui({
+function ti({
   size: e = "medium",
-  active: t = !1,
-  disabled: o = !1,
-  customStyle: s = {},
-  className: l,
-  onChange: u,
-  ...r
+  active: n = !1,
+  disabled: s = !1,
+  customStyle: o = {},
+  className: r,
+  onChange: a,
+  ...c
 }) {
-  const a = (d) => {
-    u?.(d.target.checked);
-  }, i = [
-    se.wrapper,
-    se[e],
-    t ? se.on : se.off,
-    o ? se.disabled : "",
-    l ?? ""
+  const i = (d) => {
+    a?.(d.target.checked);
+  }, l = [
+    ie.wrapper,
+    ie[e],
+    n ? ie.on : ie.off,
+    s ? ie.disabled : "",
+    r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: i, style: s, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ C("label", { "data-idb-component": !0, className: l, style: o, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         type: "checkbox",
-        className: se.input,
-        checked: t,
-        disabled: o,
-        onChange: a,
-        ...r
+        className: ie.input,
+        checked: n,
+        disabled: s,
+        onChange: i,
+        ...c
       }
     ),
-    /* @__PURE__ */ n("span", { className: se.track, children: /* @__PURE__ */ n("span", { className: se.thumb }) })
+    /* @__PURE__ */ t("span", { className: ie.track, children: /* @__PURE__ */ t("span", { className: ie.thumb }) })
   ] });
 }
-const Jo = "_badge_iiym7_1", Qo = "_dot_iiym7_16", es = "_number_iiym7_23", ns = "_info_iiym7_36", Ve = {
-  badge: Jo,
-  dot: Qo,
-  number: es,
-  info: ns
+const cs = "_badge_iiym7_1", ds = "_dot_iiym7_16", _s = "_number_iiym7_23", us = "_info_iiym7_36", Ye = {
+  badge: cs,
+  dot: ds,
+  number: _s,
+  info: us
 };
-function _i({
+function ni({
   variant: e = "number",
-  count: t = 1,
-  bgColor: o,
-  color: s,
-  disabled: l = !1,
-  customStyle: u = {},
-  className: r
+  count: n = 1,
+  bgColor: s,
+  color: o,
+  disabled: r = !1,
+  customStyle: a = {},
+  className: c
 }) {
-  if (l)
+  if (r)
     return null;
-  const a = t > 999 ? "999+" : t, i = {
-    ...o ? { backgroundColor: o } : {},
-    ...s ? { color: s } : {},
-    ...u
-  }, d = [Ve.badge, Ve[e], r ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("span", { "data-idb-component": !0, className: d, style: i, children: [
-    e === "number" ? a : null,
+  const i = n > 999 ? "999+" : n, l = {
+    ...s ? { backgroundColor: s } : {},
+    ...o ? { color: o } : {},
+    ...a
+  }, d = [Ye.badge, Ye[e], c ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ C("span", { "data-idb-component": !0, className: d, style: l, children: [
+    e === "number" ? i : null,
     e === "info" ? "?" : null
   ] });
 }
-var re = {}, Ke;
-function ts() {
-  if (Ke) return re;
-  Ke = 1;
-  var e = nn;
+var _e = {}, Ze;
+function ms() {
+  if (Ze) return _e;
+  Ze = 1;
+  var e = ut;
   if (process.env.NODE_ENV === "production")
-    re.createRoot = e.createRoot, re.hydrateRoot = e.hydrateRoot;
+    _e.createRoot = e.createRoot, _e.hydrateRoot = e.hydrateRoot;
   else {
-    var t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    re.createRoot = function(o, s) {
-      t.usingClientEntryPoint = !0;
+    var n = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    _e.createRoot = function(s, o) {
+      n.usingClientEntryPoint = !0;
       try {
-        return e.createRoot(o, s);
+        return e.createRoot(s, o);
       } finally {
-        t.usingClientEntryPoint = !1;
+        n.usingClientEntryPoint = !1;
       }
-    }, re.hydrateRoot = function(o, s, l) {
-      t.usingClientEntryPoint = !0;
+    }, _e.hydrateRoot = function(s, o, r) {
+      n.usingClientEntryPoint = !0;
       try {
-        return e.hydrateRoot(o, s, l);
+        return e.hydrateRoot(s, o, r);
       } finally {
-        t.usingClientEntryPoint = !1;
+        n.usingClientEntryPoint = !1;
       }
     };
   }
-  return re;
+  return _e;
 }
-var Ue = ts();
-const os = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.74995%2010C1.74995%205.44365%205.44359%201.75%209.99992%201.75C14.5562%201.75%2018.2499%205.44365%2018.2499%2010C18.2499%2014.5563%2014.5562%2018.25%209.99992%2018.25C5.44359%2018.25%201.74995%2014.5563%201.74995%2010ZM13.8722%208.22987C14.1602%207.93224%2014.1525%207.45743%2013.8549%207.16935C13.5572%206.88127%2013.0824%206.88901%2012.7944%207.18664L8.89773%2011.2124L7.20623%209.4601C6.91856%209.16208%206.44376%209.15369%206.14574%209.44137C5.84772%209.72904%205.83933%2010.2038%206.12701%2010.5019L8.35739%2012.8125C8.4986%2012.9588%208.69316%2013.0414%208.89649%2013.0416C9.09982%2013.0417%209.29449%2012.9593%209.4359%2012.8132L13.8722%208.22987Z'%20fill='%2300CC89'/%3e%3c/svg%3e", ss = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.01687%202.58344C9.64256%202.30487%2010.3571%202.30487%2010.9828%202.58344C11.4189%202.77761%2011.7337%203.13353%2012.0073%203.52081C12.2786%203.90474%2012.577%204.42169%2012.9401%205.05063L17.1992%2012.4276C17.5623%2013.0565%2017.8608%2013.5734%2018.0576%2014.0003C18.2562%2014.4309%2018.407%2014.8815%2018.3571%2015.3563C18.2855%2016.0374%2017.9283%2016.6562%2017.3742%2017.0588C16.988%2017.3394%2016.5223%2017.4341%2016.0501%2017.4774C15.582%2017.5204%2014.9851%2017.5204%2014.2588%2017.5203H5.74078C5.01454%2017.5204%204.41762%2017.5204%203.94949%2017.4774C3.4773%2017.4341%203.01164%2017.3394%202.62544%2017.0588C2.07134%2016.6562%201.71409%2016.0374%201.64249%2015.3563C1.59259%2014.8815%201.74341%2014.4309%201.94199%2014.0003C2.13886%2013.5734%202.43733%2013.0565%202.80046%2012.4275L7.0595%205.05064C7.42261%204.42169%207.72106%203.90474%207.99231%203.5208C8.26593%203.13353%208.58077%202.77761%209.01687%202.58344ZM9.99995%206.74951C10.4142%206.74951%2010.7499%207.0853%2010.7499%207.49951V10.8328C10.7499%2011.2471%2010.4142%2011.5828%209.99995%2011.5828C9.58574%2011.5828%209.24995%2011.2471%209.24995%2010.8328V7.49951C9.24995%207.0853%209.58574%206.74951%209.99995%206.74951ZM10.8332%2013.7495C10.8332%2014.2097%2010.4601%2014.5828%209.99985%2014.5828C9.53961%2014.5828%209.16652%2014.2097%209.16652%2013.7495C9.16652%2013.2893%209.53961%2012.9162%209.99985%2012.9162C10.4601%2012.9162%2010.8332%2013.2893%2010.8332%2013.7495Z'%20fill='%23FF334B'/%3e%3c/svg%3e", ls = "_designContainer_1kal7_1", is = "_toast_1kal7_11", rs = "_toastEnter_1kal7_1", as = "_basic_1kal7_32", cs = "_positive_1kal7_36", ds = "_negative_1kal7_40", us = "_content_1kal7_44", _s = "_iconSlot_1kal7_55", ms = "_message_1kal7_64", ps = "_icon_1kal7_55", fs = "_toastExit_1kal7_89", te = {
-  designContainer: ls,
-  toast: is,
-  toastEnter: rs,
-  basic: as,
-  positive: cs,
-  negative: ds,
-  content: us,
-  iconSlot: _s,
-  message: ms,
-  icon: ps,
-  toastExit: fs
-}, hs = 3e3, gs = 180;
-let he = null, $e = null, T = null, bs = 0, ke = null, Be = null;
-function Re() {
-  ke !== null && (window.clearTimeout(ke), ke = null);
+var nt = ms();
+const ps = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.74995%2010C1.74995%205.44365%205.44359%201.75%209.99992%201.75C14.5562%201.75%2018.2499%205.44365%2018.2499%2010C18.2499%2014.5563%2014.5562%2018.25%209.99992%2018.25C5.44359%2018.25%201.74995%2014.5563%201.74995%2010ZM13.8722%208.22987C14.1602%207.93224%2014.1525%207.45743%2013.8549%207.16935C13.5572%206.88127%2013.0824%206.88901%2012.7944%207.18664L8.89773%2011.2124L7.20623%209.4601C6.91856%209.16208%206.44376%209.15369%206.14574%209.44137C5.84772%209.72904%205.83933%2010.2038%206.12701%2010.5019L8.35739%2012.8125C8.4986%2012.9588%208.69316%2013.0414%208.89649%2013.0416C9.09982%2013.0417%209.29449%2012.9593%209.4359%2012.8132L13.8722%208.22987Z'%20fill='%2300CC89'/%3e%3c/svg%3e", fs = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.01687%202.58344C9.64256%202.30487%2010.3571%202.30487%2010.9828%202.58344C11.4189%202.77761%2011.7337%203.13353%2012.0073%203.52081C12.2786%203.90474%2012.577%204.42169%2012.9401%205.05063L17.1992%2012.4276C17.5623%2013.0565%2017.8608%2013.5734%2018.0576%2014.0003C18.2562%2014.4309%2018.407%2014.8815%2018.3571%2015.3563C18.2855%2016.0374%2017.9283%2016.6562%2017.3742%2017.0588C16.988%2017.3394%2016.5223%2017.4341%2016.0501%2017.4774C15.582%2017.5204%2014.9851%2017.5204%2014.2588%2017.5203H5.74078C5.01454%2017.5204%204.41762%2017.5204%203.94949%2017.4774C3.4773%2017.4341%203.01164%2017.3394%202.62544%2017.0588C2.07134%2016.6562%201.71409%2016.0374%201.64249%2015.3563C1.59259%2014.8815%201.74341%2014.4309%201.94199%2014.0003C2.13886%2013.5734%202.43733%2013.0565%202.80046%2012.4275L7.0595%205.05064C7.42261%204.42169%207.72106%203.90474%207.99231%203.5208C8.26593%203.13353%208.58077%202.77761%209.01687%202.58344ZM9.99995%206.74951C10.4142%206.74951%2010.7499%207.0853%2010.7499%207.49951V10.8328C10.7499%2011.2471%2010.4142%2011.5828%209.99995%2011.5828C9.58574%2011.5828%209.24995%2011.2471%209.24995%2010.8328V7.49951C9.24995%207.0853%209.58574%206.74951%209.99995%206.74951ZM10.8332%2013.7495C10.8332%2014.2097%2010.4601%2014.5828%209.99985%2014.5828C9.53961%2014.5828%209.16652%2014.2097%209.16652%2013.7495C9.16652%2013.2893%209.53961%2012.9162%209.99985%2012.9162C10.4601%2012.9162%2010.8332%2013.2893%2010.8332%2013.7495Z'%20fill='%23FF334B'/%3e%3c/svg%3e", hs = "_designContainer_1kal7_1", gs = "_toast_1kal7_11", ws = "_toastEnter_1kal7_1", xs = "_basic_1kal7_32", bs = "_positive_1kal7_36", Cs = "_negative_1kal7_40", vs = "_content_1kal7_44", As = "_iconSlot_1kal7_55", ys = "_message_1kal7_64", Bs = "_icon_1kal7_55", Is = "_toastExit_1kal7_89", oe = {
+  designContainer: hs,
+  toast: gs,
+  toastEnter: ws,
+  basic: xs,
+  positive: bs,
+  negative: Cs,
+  content: vs,
+  iconSlot: As,
+  message: ys,
+  icon: Bs,
+  toastExit: Is
+}, Ns = 3e3, Es = 180;
+let xe = null, Ie = null, M = null, ks = 0, $e = null, Le = null;
+function Qe() {
+  $e !== null && (window.clearTimeout($e), $e = null);
 }
-function Ae() {
-  Be !== null && (window.clearTimeout(Be), Be = null);
+function Pe() {
+  Le !== null && (window.clearTimeout(Le), Le = null);
 }
-function Le() {
-  if (!he)
+function Re() {
+  if (!xe)
     return;
-  if (!T) {
-    he.render(null);
+  if (!M) {
+    xe.render(null);
     return;
   }
-  const e = T.variant === "positive" ? /* @__PURE__ */ n("img", { src: os, className: te.icon, alt: "", "aria-hidden": "true" }) : T.variant === "negative" ? /* @__PURE__ */ n("img", { src: ss, className: te.icon, alt: "", "aria-hidden": "true" }) : null, t = T.icon !== void 0 ? T.icon : e;
-  he.render(
-    /* @__PURE__ */ n("div", { className: te.designContainer, children: /* @__PURE__ */ n(
+  const e = M.variant === "positive" ? /* @__PURE__ */ t("img", { src: ps, className: oe.icon, alt: "", "aria-hidden": "true" }) : M.variant === "negative" ? /* @__PURE__ */ t("img", { src: fs, className: oe.icon, alt: "", "aria-hidden": "true" }) : null, n = M.icon !== void 0 ? M.icon : e;
+  xe.render(
+    /* @__PURE__ */ t("div", { className: oe.designContainer, children: /* @__PURE__ */ t(
       "div",
       {
         className: [
-          te.toast,
-          te[T.variant],
-          T.isExiting ? te.toastExit : ""
+          oe.toast,
+          oe[M.variant],
+          M.isExiting ? oe.toastExit : ""
         ].filter(Boolean).join(" "),
-        style: T.customStyle,
-        children: /* @__PURE__ */ b("span", { className: te.content, children: [
-          t ? /* @__PURE__ */ n("span", { className: te.iconSlot, children: t }) : null,
-          /* @__PURE__ */ n("span", { className: te.message, children: T.message })
+        style: M.customStyle,
+        children: /* @__PURE__ */ C("span", { className: oe.content, children: [
+          n ? /* @__PURE__ */ t("span", { className: oe.iconSlot, children: n }) : null,
+          /* @__PURE__ */ t("span", { className: oe.message, children: M.message })
         ] })
       },
-      T.renderKey
+      M.renderKey
     ) })
   );
 }
-function Ye() {
-  !T || T.isExiting || (Re(), Ae(), T = {
-    ...T,
+function ot() {
+  !M || M.isExiting || (Qe(), Pe(), M = {
+    ...M,
     isExiting: !0
-  }, Le(), Be = window.setTimeout(() => {
-    T = null, Le(), Ae();
-  }, gs));
+  }, Re(), Le = window.setTimeout(() => {
+    M = null, Re(), Pe();
+  }, Es));
 }
-function Cs() {
-  Re(), Ae(), ke = window.setTimeout(() => {
-    Ye(), Re();
-  }, hs);
+function $s() {
+  Qe(), Pe(), $e = window.setTimeout(() => {
+    ot(), Qe();
+  }, Ns);
 }
-function xs() {
-  return typeof window > "u" || typeof document > "u" ? !1 : (he || ($e = document.createElement("div"), $e.setAttribute("data-idb-toast-root", "true"), document.body.appendChild($e), he = Ue.createRoot($e), Le()), !0);
+function Ls() {
+  return typeof window > "u" || typeof document > "u" ? !1 : (xe || (Ie = document.createElement("div"), Ie.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(Ie), xe = nt.createRoot(Ie), Re()), !0);
 }
-function mi({ message: e, variant: t = "basic", customStyle: o, icon: s }) {
-  e != null && xs() && (T = {
+function oi({ message: e, variant: n = "basic", customStyle: s, icon: o }) {
+  e != null && Ls() && (M = {
     message: e,
-    variant: t,
-    customStyle: o,
-    icon: s,
+    variant: n,
+    customStyle: s,
+    icon: o,
     isExiting: !1,
-    renderKey: bs++
-  }, Le(), Cs());
+    renderKey: ks++
+  }, Re(), $s());
 }
-function pi() {
-  Ye();
+function si() {
+  ot();
 }
-const ws = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1969_3981)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.9354%204.93441C14.2478%204.62219%2014.7539%204.62206%2015.0662%204.93441C15.3786%205.24677%2015.3785%205.75284%2015.0662%206.06527L11.1307%2010.0008L15.0643%2013.9344C15.3767%2014.2468%2015.3767%2014.7529%2015.0643%2015.0653C14.7519%2015.3777%2014.2459%2015.3777%2013.9334%2015.0653L9.99984%2011.1317L6.06625%2015.0653C5.75383%2015.3777%205.24781%2015.3777%204.93539%2015.0653C4.62297%2014.7529%204.62297%2014.2468%204.93539%2013.9344L8.86898%2010.0008L4.93344%206.06527C4.62121%205.75284%204.62108%205.24677%204.93344%204.93441C5.24579%204.62206%205.75186%204.62219%206.06429%204.93441L9.99984%208.86996L13.9354%204.93441Z'%20fill='%2370737C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1969_3981'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", vs = "_designContainer_2k7ic_1", ys = "_snackbar_2k7ic_12", $s = "_snackbarEnter_2k7ic_1", Ns = "_content_2k7ic_32", ks = "_leading_2k7ic_41", Bs = "_iconSlot_2k7ic_51", Is = "_message_2k7ic_67", Es = "_heading_2k7ic_77", Ls = "_description_2k7ic_78", Ss = "_measureContent_2k7ic_93", Ts = "_closeButton_2k7ic_107", Ms = "_trailing_2k7ic_111", js = "_actionButton_2k7ic_118", qs = "_closeIcon_2k7ic_122", Ds = "_basic_2k7ic_129", Rs = "_loading_2k7ic_130", As = "_snackbarExit_2k7ic_138", E = {
-  designContainer: vs,
-  snackbar: ys,
-  snackbarEnter: $s,
-  content: Ns,
-  leading: ks,
-  iconSlot: Bs,
-  message: Is,
-  heading: Es,
-  description: Ls,
-  measureContent: Ss,
-  closeButton: Ts,
-  trailing: Ms,
-  actionButton: js,
-  closeIcon: qs,
-  basic: Ds,
-  loading: Rs,
-  snackbarExit: As
-}, Hs = 6e3, Ws = 1e4, Os = 180;
-let ge = null, j = null, Ps = 0, be = null, Ie = null, Se = null, we = 0;
-function Ce(e) {
+const Ts = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1969_3981)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.9354%204.93441C14.2478%204.62219%2014.7539%204.62206%2015.0662%204.93441C15.3786%205.24677%2015.3785%205.75284%2015.0662%206.06527L11.1307%2010.0008L15.0643%2013.9344C15.3767%2014.2468%2015.3767%2014.7529%2015.0643%2015.0653C14.7519%2015.3777%2014.2459%2015.3777%2013.9334%2015.0653L9.99984%2011.1317L6.06625%2015.0653C5.75383%2015.3777%205.24781%2015.3777%204.93539%2015.0653C4.62297%2014.7529%204.62297%2014.2468%204.93539%2013.9344L8.86898%2010.0008L4.93344%206.06527C4.62121%205.75284%204.62108%205.24677%204.93344%204.93441C5.24579%204.62206%205.75186%204.62219%206.06429%204.93441L9.99984%208.86996L13.9354%204.93441Z'%20fill='%2370737C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1969_3981'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Rs = "_designContainer_2k7ic_1", Ss = "_snackbar_2k7ic_12", Ms = "_snackbarEnter_2k7ic_1", Ds = "_content_2k7ic_32", js = "_leading_2k7ic_41", Hs = "_iconSlot_2k7ic_51", Os = "_message_2k7ic_67", Ws = "_heading_2k7ic_77", Fs = "_description_2k7ic_78", qs = "_measureContent_2k7ic_93", Qs = "_closeButton_2k7ic_107", Ps = "_trailing_2k7ic_111", zs = "_actionButton_2k7ic_118", Gs = "_closeIcon_2k7ic_122", Vs = "_basic_2k7ic_129", Xs = "_loading_2k7ic_130", Ks = "_snackbarExit_2k7ic_138", T = {
+  designContainer: Rs,
+  snackbar: Ss,
+  snackbarEnter: Ms,
+  content: Ds,
+  leading: js,
+  iconSlot: Hs,
+  message: Os,
+  heading: Ws,
+  description: Fs,
+  measureContent: qs,
+  closeButton: Qs,
+  trailing: Ps,
+  actionButton: zs,
+  closeIcon: Gs,
+  basic: Vs,
+  loading: Xs,
+  snackbarExit: Ks
+}, Us = 6e3, Js = 1e4, Ys = 180;
+let be = null, j = null, Zs = 0, Ce = null, Te = null, Se = null, Ae = 0;
+function ve(e) {
   return e != null && typeof e != "boolean" && (typeof e != "string" || e.trim() !== "");
 }
-function de() {
-  be !== null && (window.clearTimeout(be), be = null), Se = null;
+function fe() {
+  Ce !== null && (window.clearTimeout(Ce), Ce = null), Se = null;
 }
-function ve() {
-  Ie !== null && (window.clearTimeout(Ie), Ie = null);
+function ye() {
+  Te !== null && (window.clearTimeout(Te), Te = null);
 }
-function Fs() {
+function er() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
-  if (ge)
+  if (be)
     return !0;
   const e = document.createElement("div");
-  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), ge = Ue.createRoot(e), !0;
+  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), be = nt.createRoot(e), !0;
 }
-function zs() {
-  if (be === null || Se === null || !j || j.isExiting)
+function tr() {
+  if (Ce === null || Se === null || !j || j.isExiting)
     return;
   const e = Date.now() - Se;
-  we = Math.max(0, we - e), de();
+  Ae = Math.max(0, Ae - e), fe();
 }
-function He() {
+function ze() {
   if (!j || j.isExiting)
     return;
-  de(), ve(), j = {
+  fe(), ye(), j = {
     ...j,
     isExiting: !0
   };
   const e = j.renderKey;
-  We(), Ie = window.setTimeout(() => {
-    j?.renderKey === e && j.isExiting && (j = null, We()), ve();
-  }, Os);
+  Ge(), Te = window.setTimeout(() => {
+    j?.renderKey === e && j.isExiting && (j = null, Ge()), ye();
+  }, Ys);
 }
-function Xe() {
+function st() {
   if (!(!j || j.isExiting)) {
-    if (we <= 0) {
-      He();
+    if (Ae <= 0) {
+      ze();
       return;
     }
-    de(), Se = Date.now(), be = window.setTimeout(() => {
-      He();
-    }, we);
+    fe(), Se = Date.now(), Ce = window.setTimeout(() => {
+      ze();
+    }, Ae);
   }
 }
-function Vs(e) {
-  de(), ve(), we = e, Xe();
+function nr(e) {
+  fe(), ye(), Ae = e, st();
 }
-function Ks({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: s }) {
-  const l = X(null), [u, r] = H(!1), a = Ce(e.heading), i = Ce(e.description);
-  ae(() => {
-    if (!a) {
-      r(!1);
+function or({ snackbar: e, onPauseAutoHide: n, onResumeAutoHide: s, onClose: o }) {
+  const r = O(null), [a, c] = W(!1), i = ve(e.heading), l = ve(e.description);
+  ce(() => {
+    if (!i) {
+      c(!1);
       return;
     }
-    const f = l.current;
-    if (!f)
+    const m = r.current;
+    if (!m)
       return;
-    let C = null;
-    const N = () => {
-      r(f.scrollHeight > f.clientHeight + 1);
-    }, $ = () => {
-      C !== null && window.cancelAnimationFrame(C), C = window.requestAnimationFrame(N);
+    let h = null;
+    const g = () => {
+      c(m.scrollHeight > m.clientHeight + 1);
+    }, v = () => {
+      h !== null && window.cancelAnimationFrame(h), h = window.requestAnimationFrame(g);
     };
-    $();
+    v();
     const I = typeof ResizeObserver < "u";
-    let c = null;
-    return I ? (c = new ResizeObserver($), c.observe(f)) : window.addEventListener("resize", $), () => {
-      C !== null && window.cancelAnimationFrame(C), c?.disconnect(), I || window.removeEventListener("resize", $);
+    let _ = null;
+    return I ? (_ = new ResizeObserver(v), _.observe(m)) : window.addEventListener("resize", v), () => {
+      h !== null && window.cancelAnimationFrame(h), _?.disconnect(), I || window.removeEventListener("resize", v);
     };
-  }, [a, e.description, e.heading]);
-  const d = a && !u, p = a ? i ? /* @__PURE__ */ b(xe, { children: [
+  }, [i, e.description, e.heading]);
+  const d = i && !a, p = i ? l ? /* @__PURE__ */ C(me, { children: [
     e.heading,
     " ",
     e.description
-  ] }) : e.heading : e.description, _ = e.icon ? /* @__PURE__ */ n("span", { className: E.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ n(ye, { size: 20, color: "currentColor" }) : null, x = Ce(e.actionLabel);
-  return /* @__PURE__ */ n("div", { className: E.designContainer, children: /* @__PURE__ */ n(
+  ] }) : e.heading : e.description, u = e.icon ? /* @__PURE__ */ t("span", { className: T.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ t(Be, { size: 20, color: "currentColor" }) : null, b = ve(e.actionLabel);
+  return /* @__PURE__ */ t("div", { className: T.designContainer, children: /* @__PURE__ */ t(
     "div",
     {
       "data-idb-component": !0,
       className: [
-        E.snackbar,
-        E[e.variant],
-        e.isExiting ? E.snackbarExit : ""
+        T.snackbar,
+        T[e.variant],
+        e.isExiting ? T.snackbarExit : ""
       ].filter(Boolean).join(" "),
       style: e.customStyle,
       role: "status",
       "aria-live": "polite",
-      onMouseEnter: t,
-      onMouseLeave: o,
-      children: /* @__PURE__ */ b("div", { className: E.content, children: [
-        _ ? /* @__PURE__ */ n("span", { className: E.leading, children: _ }) : null,
-        /* @__PURE__ */ b("div", { className: E.message, children: [
-          d ? /* @__PURE__ */ b(xe, { children: [
-            /* @__PURE__ */ n("p", { className: E.heading, children: e.heading }),
-            i ? /* @__PURE__ */ n("p", { className: E.description, children: e.description }) : null
-          ] }) : /* @__PURE__ */ n("p", { className: E.description, children: p }),
-          a ? (
+      onMouseEnter: n,
+      onMouseLeave: s,
+      children: /* @__PURE__ */ C("div", { className: T.content, children: [
+        u ? /* @__PURE__ */ t("span", { className: T.leading, children: u }) : null,
+        /* @__PURE__ */ C("div", { className: T.message, children: [
+          d ? /* @__PURE__ */ C(me, { children: [
+            /* @__PURE__ */ t("p", { className: T.heading, children: e.heading }),
+            l ? /* @__PURE__ */ t("p", { className: T.description, children: e.description }) : null
+          ] }) : /* @__PURE__ */ t("p", { className: T.description, children: p }),
+          i ? (
             // 실제 화면에는 보이지 않지만 heading 2줄 초과 여부를 안정적으로 측정하기 위한 숨김 영역
-            /* @__PURE__ */ b("div", { ref: l, className: E.measureContent, "aria-hidden": "true", children: [
-              /* @__PURE__ */ n("p", { className: E.heading, children: e.heading }),
-              i ? /* @__PURE__ */ n("p", { className: E.description, children: e.description }) : null
+            /* @__PURE__ */ C("div", { ref: r, className: T.measureContent, "aria-hidden": "true", children: [
+              /* @__PURE__ */ t("p", { className: T.heading, children: e.heading }),
+              l ? /* @__PURE__ */ t("p", { className: T.description, children: e.description }) : null
             ] })
           ) : null
         ] }),
-        x || e.closeButton ? /* @__PURE__ */ b("span", { className: E.trailing, children: [
-          x ? /* @__PURE__ */ n(
-            st,
+        b || e.closeButton ? /* @__PURE__ */ C("span", { className: T.trailing, children: [
+          b ? /* @__PURE__ */ t(
+            fn,
             {
               widthType: "flexible",
               variant: "primary",
-              className: E.actionButton,
+              className: T.actionButton,
               onClick: e.onActionClick,
               children: e.actionLabel
             }
           ) : null,
-          e.closeButton ? /* @__PURE__ */ n(
-            De,
+          e.closeButton ? /* @__PURE__ */ t(
+            qe,
             {
               size: "small",
-              className: E.closeButton,
-              onClick: s,
-              children: /* @__PURE__ */ n("img", { src: ws, alt: "", "aria-hidden": "true", className: E.closeIcon })
+              className: T.closeButton,
+              onClick: o,
+              children: /* @__PURE__ */ t("img", { src: Ts, alt: "", "aria-hidden": "true", className: T.closeIcon })
             }
           ) : null
         ] }) : null
@@ -1235,420 +1235,699 @@ function Ks({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: s }
     e.renderKey
   ) });
 }
-function We() {
-  if (ge) {
+function Ge() {
+  if (be) {
     if (!j) {
-      de(), ve(), ge.render(null);
+      fe(), ye(), be.render(null);
       return;
     }
-    ge.render(
-      /* @__PURE__ */ n(
-        Ks,
+    be.render(
+      /* @__PURE__ */ t(
+        or,
         {
           snackbar: j,
-          onPauseAutoHide: zs,
-          onResumeAutoHide: Xe,
-          onClose: Zs
+          onPauseAutoHide: tr,
+          onResumeAutoHide: st,
+          onClose: sr
         }
       )
     );
   }
 }
-function fi({
+function ri({
   variant: e = "basic",
-  heading: t,
-  description: o,
-  icon: s,
-  actionLabel: l,
-  onActionClick: u,
-  closeButton: r = !1,
-  customStyle: a
+  heading: n,
+  description: s,
+  icon: o,
+  actionLabel: r,
+  onActionClick: a,
+  closeButton: c = !1,
+  customStyle: i
 }) {
-  if (!Ce(t) && !Ce(o) || !Fs())
+  if (!ve(n) && !ve(s) || !er())
     return;
-  de(), ve();
-  const i = r ? Ws : Hs;
+  fe(), ye();
+  const l = c ? Js : Us;
   j = {
     variant: e,
-    heading: t,
-    description: o,
-    icon: s,
-    actionLabel: l,
-    onActionClick: u,
-    closeButton: r,
-    customStyle: a,
+    heading: n,
+    description: s,
+    icon: o,
+    actionLabel: r,
+    onActionClick: a,
+    closeButton: c,
+    customStyle: i,
     isExiting: !1,
-    renderKey: Ps++
-  }, We(), Vs(i);
+    renderKey: Zs++
+  }, Ge(), nr(l);
+}
+function sr() {
+  ze();
+}
+const rr = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='24'%20height='24'%20fill='url(%23pattern0_1569_7888)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1569_7888'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1569_7888'%20transform='scale(0.005)'/%3e%3c/pattern%3e%3cimage%20id='image0_1569_7888'%20width='200'%20height='200'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeySURBVHgB7d1bbxNHGIfxaW2RFCdxIAeTGGxwCpSKoqrf/wpxwVVVtVVbUQFNONoBigGniZSI+r/BIq3Ci2e9x9nnJ1mIqhLG+MnM7GH2i9t37r53AE71pQPwSQQCGAgEMBAIYCAQwEAggIFAAAOBAAYCAQwEAhgIBDAQCGAgEMBAIICBQAADgQAGAgEMBAIYCAQwEAhgIBDAQCCAgUAAA4EABgIBDAQCGAgEMBAIYCAQwEAggIFAAAOBAAYCAQwEAhgIBDAQCGAgEMBAIICBQAADgQAGAgEMBAIYCAQwEAhgIBDAUHfI3NzcnFtuLrpGozH+dcnV6zVXq9XGv3785zg4OHD7+wfu3Wgveg2Hb6L/hmwRSEb05W9vXnCt9dUokM/R/6NXcxzQhIJ5+epv9+Tpc2LJCIGkTF/w7qX2f77occ3Pz0WR6dXv77rtR08IJWUEkhJ9mXuXO25l5bxLQ6u1Fr0IJV0EkgL9hO+MR42Ta4q0KBKNTopkMNh1SBaBJGyr13WbGxdcljRaXb/acwuNr9yDhzsOySGQhGi0uHXzxvjI1FmXl/bmxvioWNP9/Ovv7vDw0GF2nAdJQBHimNB70HvJYnpXBQSSgKLEMTGJBLMjkBlpzVGkOCb0nnpXOg6zIZAZtNbXMl+Q+9CapF3g91cGBBKTjhx1O21XdJ3xe5zmzD1ORyAx6TxHGb54WqxvMdWKjUBi0Oih6VVZ6Gx+s7no4I9AYtDoUTbdSxcd/BGIp7KNHhPN6LJ6zo34IhBPRT5q9TmbGy0HPwTiaXXlnCurMo58eSMQD5pelfmQadnffx4IxENzafabnvLG0Sw/BOKhiJeU+FpoNBymRyAeFgIIhBHED4F40By+7Oo1DvX6IBAPISxwtcUQpkcgFcPJQj8EAhgIxAP3eVcPgXg4OjpyZafdGTE9AvFweBhAIGww54VAPLwevnFlNxrtOUyPQDyMRiNXdu8C+DtkiUA8DIdvXdmF8HfIEoF40Py9zJtEa4HOJtd+CMTT8/4LV1Z6tgj8EIinp8+eu7LSg3fgh0A86WThsIRHs/QcEaZX/ggkBj2Lo2zK+J6LgEBi0Ajy8uUrVxaMHvERSEwP/topxbVZOnLF6BEfgcSkL95OCb54248eM3rMgEBmoKNCRT4ypPc2GJT3sHQREMiMHjzcLuT1TXpPem+YDYEkQM8ELFIkei96T5gdgSRAi/WiRDKJg5u7kkEgCdEX8seffsl1TaI/W++BOJLDHfwJO16TjFy3czGzXVAUxPbOk1JfBlNUBJKC/vjI0fDN2+g5ImlvGK0Tlvcf7nAoNyVf3L5z971DarTZXBqh6O7GnZ3HUYhID4FkRKHo2SJ6fELcqZfuR9FlI0+f9VlnZIRAcqBYmkuLrtFoRBti6/fzJ6LRl//w6CjaJELXfWlN83r4lmlUDliD5ECXqRxvv8NZ7qLjMC9gIBDAQCCAgUAAA4EABgIBDAQCGDgPkjA9wWlu7kz0wM9arR6dBKzX0nns2WSn9tHeXnRycTT6hzPsCSOQGemykZXz56IglpeXcn+Ooe4H2d/fdy9evY7OwLOb+2wIJIZmcymKYpbrqtKiS1f0Wlk5H/1eZ+y15Wh/sEssMRDIlDR1Wl9bjaJQIGWhKV5780L0mmwBNBjHgulwseJnKAx9uTY3WsE8IVahDHZ3o424uQDSxgjyCSGGMXF8j8rF8Yi4FoWiuxFxOgI5haZQ16/2Cre+SNrJUJh6nY5ATtBI0e20oxubqkSh6AfC8tJiFArTro8I5IOqjBqWVmst+hx+++MeR7w+4Ez6mNYat27eqHQcExpNfvj+u2gkBSOI2+p1KzelmobWJlL1BXylRxBNqYjj0xTJtfFnVGWVHEG0GNeUSmecYdN2RQuNRmW3M63kCLJ1pUMcHvRZ9cafWRVVLhCtOdZT3u0wRBpJqjjdqlQg2i+XNUd8iqRqR7cqE4iubtUWoJiNFu7N5qKrikoEomP7WxWdQ6fh22+uVeacUSUCufZ1tc+QJ01HAa9XZD0SfCCaN5fp/o2y0GfarsB6LuhANLXikon0dMafbWi3Avxf0IFoUc7UKj2Ko3c57LVdsIFo9GhxviN1x1cAh3tUK9hAOKSbne6HCxtDFGQgjB7Z0oI91Et3ggyE0SN7of5ACi4QRo98tNZXgzyiFVwgzSXOeeRhsm9YaIILRD/JkA9tqheaoAKJnh7LWfPc6LMPbZoVVCBMr/IX2jQrqEC0oTTyFdrh3qACWVjgNtq8hbYOCSaQRqPBdVcFcPwAoXD+HYIJZH7+jEMxhHRtVjgjyFmmV0UxzwhSPNq7CcXAFKuA6vV0HpQJfzofFYqA1iAs0IuCKVYB1WqMIEheQFMsHnVSFEyxgIogEMBAIICBQAADgQAGAgEMBAIYCAQwEAhgCOb0870/7zsgacEE0h+8cEDSmGIBBgIBDAQCGAgEMBAIYCAQwEAggIFAAAOBAAYCAQwEAhgIBDAQCGAgEMBAIICBQAADgQAGAgEMBAIYCAQwEAhgIBDAQCCAgUAAA4EABgIBDAQCGAgEMBAIYCAQwEAggIFAAAOBAAYCAQwEAhgIBDAQCGAgEMBAIICBQAADgQAGAgEMBAIYCAQw/AvKfNYxBy79nAAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e";
+function P(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const lr = "_avatar_5wsjx_1", ir = "_small_5wsjx_7", ar = "_interactionSurface_5wsjx_8", cr = "_medium_5wsjx_12", dr = "_large_5wsjx_17", _r = "_xlarge_5wsjx_22", ur = "_circular_5wsjx_80", ue = {
+  avatar: lr,
+  small: ir,
+  interactionSurface: ar,
+  medium: cr,
+  large: dr,
+  xlarge: _r,
+  circular: ur
+}, et = "User avatar";
+function mr({
+  src: e,
+  size: n = "small",
+  circular: s = !1,
+  interactionActive: o = !1,
+  onClick: r,
+  customStyle: a = {},
+  ...c
+}) {
+  const i = e || rr, l = o ? 0 : void 0, d = P(
+    ue.avatar,
+    ue[n],
+    s && ue.circular
+  ), p = P(
+    ue.interactionSurface,
+    ue[n],
+    s && ue.circular
+  ), u = o ? "pointer" : "default", b = (g) => {
+    r && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), g.currentTarget.click());
+  }, m = (g) => {
+    r?.(g), g.defaultPrevented || g.currentTarget.blur();
+  }, h = /* @__PURE__ */ t(
+    "img",
+    {
+      "data-idb-component": o ? void 0 : !0,
+      src: i,
+      alt: et,
+      className: d,
+      onClick: o ? void 0 : r,
+      tabIndex: o ? void 0 : l,
+      ...c,
+      draggable: !1,
+      style: {
+        cursor: u,
+        ...a
+      }
+    }
+  );
+  return o ? /* @__PURE__ */ t(
+    "span",
+    {
+      "data-idb-component": !0,
+      className: p,
+      onClick: m,
+      onKeyDown: b,
+      tabIndex: l,
+      role: r ? "button" : void 0,
+      "aria-label": et,
+      style: {
+        cursor: u
+      },
+      children: h
+    }
+  ) : h;
 }
-function Zs() {
-  He();
+const pr = "_stack_1qlog_1", fr = "_small_1qlog_6", hr = "_item_1qlog_11", gr = "_avatarSlot_1qlog_26", Ne = {
+  stack: pr,
+  small: fr,
+  item: hr,
+  avatarSlot: gr
+}, wr = 5;
+function li({
+  srcList: e = [],
+  size: n = "small"
+}) {
+  const s = P(
+    Ne.stack,
+    Ne[n]
+  ), o = e.slice(0, wr);
+  return o.length === 0 ? null : /* @__PURE__ */ t("div", { "data-idb-component": !0, className: s, children: o.map((r, a) => /* @__PURE__ */ t(
+    "span",
+    {
+      className: Ne.item,
+      style: { zIndex: a + 1 },
+      children: /* @__PURE__ */ t("span", { className: Ne.avatarSlot, children: /* @__PURE__ */ t(
+        mr,
+        {
+          src: r || void 0,
+          size: "small"
+        }
+      ) })
+    },
+    `${r ?? "default"}-${a}`
+  )) });
 }
-const Us = "_badge_1rfcr_1", Ys = "_basic_1rfcr_13", Xs = "_primary_1rfcr_19", Gs = "_compact_1rfcr_31", qe = {
-  badge: Us,
-  basic: Ys,
-  primary: Xs,
+const xr = "_badge_1rfcr_1", br = "_basic_1rfcr_13", Cr = "_primary_1rfcr_19", vr = "_compact_1rfcr_31", Fe = {
+  badge: xr,
+  basic: br,
+  primary: Cr,
   default: "_default_1rfcr_26",
-  compact: Gs,
+  compact: vr,
   "compact-small": "_compact-small_1rfcr_36"
 };
-function hi({
+function ii({
   variant: e = "basic",
-  size: t = "default",
-  contentColor: o,
-  backgroundColor: s,
-  borderColor: l,
-  customStyle: u = {},
-  className: r,
-  children: a
+  size: n = "default",
+  contentColor: s,
+  backgroundColor: o,
+  borderColor: r,
+  customStyle: a = {},
+  className: c,
+  children: i
 }) {
-  const i = [
-    qe.badge,
-    qe[e],
-    qe[t],
-    r ?? ""
+  const l = [
+    Fe.badge,
+    Fe[e],
+    Fe[n],
+    c ?? ""
   ].filter(Boolean).join(" "), d = {
-    ...o ? { color: o } : {},
-    ...s ? { backgroundColor: s } : {},
-    ...l ? { borderColor: l } : {},
-    ...u
+    ...s ? { color: s } : {},
+    ...o ? { backgroundColor: o } : {},
+    ...r ? { borderColor: r } : {},
+    ...a
   };
-  return /* @__PURE__ */ n("span", { "data-idb-component": !0, className: i, style: d, children: a });
+  return /* @__PURE__ */ t("span", { "data-idb-component": !0, className: l, style: d, children: i });
 }
-const Js = "_badge_pssu9_1", Qs = "_basic_pssu9_13", el = "_error_pssu9_19", nl = "_success_pssu9_25", tl = "_info_pssu9_31", ol = "_warning_pssu9_37", sl = "_compact_pssu9_49", ll = "_dot_pssu9_55", Ne = {
-  badge: Js,
-  basic: Qs,
-  error: el,
-  success: nl,
-  info: tl,
-  warning: ol,
+const Ar = "_badge_pssu9_1", yr = "_basic_pssu9_13", Br = "_error_pssu9_19", Ir = "_success_pssu9_25", Nr = "_info_pssu9_31", Er = "_warning_pssu9_37", kr = "_compact_pssu9_49", $r = "_dot_pssu9_55", Ee = {
+  badge: Ar,
+  basic: yr,
+  error: Br,
+  success: Ir,
+  info: Nr,
+  warning: Er,
   default: "_default_pssu9_44",
-  compact: sl,
-  dot: ll
+  compact: kr,
+  dot: $r
 };
-function gi({
+function ai({
   variant: e = "basic",
-  size: t = "default",
-  stateIcon: o = !1,
-  customStyle: s = {},
-  className: l,
-  children: u
+  size: n = "default",
+  stateIcon: s = !1,
+  customStyle: o = {},
+  className: r,
+  children: a
 }) {
-  const r = [
-    Ne.badge,
-    Ne[e],
-    Ne[t],
-    l ?? ""
+  const c = [
+    Ee.badge,
+    Ee[e],
+    Ee[n],
+    r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("span", { "data-idb-component": !0, className: r, style: s, children: [
-    o ? /* @__PURE__ */ n("span", { className: Ne.dot }) : null,
-    u
+  return /* @__PURE__ */ C("span", { "data-idb-component": !0, className: c, style: o, children: [
+    s ? /* @__PURE__ */ t("span", { className: Ee.dot }) : null,
+    a
   ] });
 }
-const il = "_root_qu56g_3", rl = "_label_qu56g_13", al = "_requiredMark_qu56g_21", cl = "_select_qu56g_29", dl = "_large_qu56g_45", ul = "_medium_qu56g_48", _l = "_small_qu56g_51", ml = "_disabled_qu56g_60", pl = "_choosing_qu56g_60", fl = "_error_qu56g_69", hl = "_selected_qu56g_73", gl = "_value_qu56g_84", bl = "_contentWrapper_qu56g_89", Cl = "_leadingContent_qu56g_97", xl = "_placeholder_qu56g_123", wl = "_trailingIcon_qu56g_127", vl = "_helper_qu56g_139", yl = "_errorHelper_qu56g_147", $l = "_helperDisabled_qu56g_151", Nl = "_tooltipBox_qu56g_157", S = {
-  root: il,
-  label: rl,
-  requiredMark: al,
-  select: cl,
-  large: dl,
-  medium: ul,
-  small: _l,
-  default: "_default_qu56g_56",
-  disabled: ml,
-  choosing: pl,
-  error: fl,
-  selected: hl,
-  value: gl,
-  contentWrapper: bl,
-  leadingContent: Cl,
-  placeholder: xl,
-  trailingIcon: wl,
-  helper: vl,
-  errorHelper: yl,
-  helperDisabled: $l,
-  tooltipBox: Nl
-};
-function ie(...e) {
-  return e.filter(Boolean).join(" ");
+const Lr = "_root_1p9m1_3", Tr = "_label_1p9m1_13", Rr = "_requiredMark_1p9m1_21", Sr = "_select_1p9m1_29", Mr = "_large_1p9m1_45", Dr = "_medium_1p9m1_48", jr = "_small_1p9m1_51", Hr = "_disabled_1p9m1_60", Or = "_choosing_1p9m1_60", Wr = "_error_1p9m1_69", Fr = "_selected_1p9m1_73", qr = "_value_1p9m1_84", Qr = "_contentWrapper_1p9m1_89", Pr = "_leadingContent_1p9m1_97", zr = "_placeholder_1p9m1_123", Gr = "_trailingIcon_1p9m1_127", Vr = "_helper_1p9m1_139", Xr = "_errorHelper_1p9m1_147", Kr = "_helperDisabled_1p9m1_151", D = {
+  root: Lr,
+  label: Tr,
+  requiredMark: Rr,
+  select: Sr,
+  large: Mr,
+  medium: Dr,
+  small: jr,
+  default: "_default_1p9m1_56",
+  disabled: Hr,
+  choosing: Or,
+  error: Wr,
+  selected: Fr,
+  value: qr,
+  contentWrapper: Qr,
+  leadingContent: Pr,
+  placeholder: zr,
+  trailingIcon: Gr,
+  helper: Vr,
+  errorHelper: Xr,
+  helperDisabled: Kr
+}, Ur = "_dropdownList_1cfao_27", Jr = "_dropdownEnter_1cfao_1", Yr = "_closing_1cfao_42", Zr = "_dropdownExit_1cfao_1", el = "_searchWrapper_1cfao_48", tl = "_searchInput_1cfao_60", nl = "_searchTrailing_1cfao_75", ol = "_searchIcon_1cfao_83", sl = "_menu_1cfao_91", rl = "_noScroll_1cfao_104", ll = "_left_1cfao_127", il = "_optionContent_1cfao_127", al = "_center_1cfao_132", cl = "_optionIcon_1cfao_137", dl = "_optionLabel_1cfao_141", _l = "_optionItem_1cfao_148", ul = "_selectedItem_1cfao_166", ml = "_emptyItem_1cfao_203", S = {
+  dropdownList: Ur,
+  dropdownEnter: Jr,
+  closing: Yr,
+  dropdownExit: Zr,
+  searchWrapper: el,
+  searchInput: tl,
+  searchTrailing: nl,
+  searchIcon: ol,
+  menu: sl,
+  noScroll: rl,
+  left: ll,
+  optionContent: il,
+  center: al,
+  optionIcon: cl,
+  optionLabel: dl,
+  optionItem: _l,
+  selectedItem: ul,
+  emptyItem: ml
+}, pl = "_tooltip_3x8xx_3", fl = "_compact_3x8xx_22", hl = "_body_3x8xx_28", gl = "_content_3x8xx_34", wl = "_arrow_3x8xx_41", xl = "_arrowTop_3x8xx_52", bl = "_arrowTopLeft_3x8xx_53", Cl = "_arrowTopRight_3x8xx_54", vl = "_arrowBottom_3x8xx_76", Al = "_arrowBottomLeft_3x8xx_77", yl = "_arrowBottomRight_3x8xx_78", Bl = "_arrowLeft_3x8xx_100", Il = "_arrowLeftTop_3x8xx_101", Nl = "_arrowLeftBottom_3x8xx_102", El = "_arrowRight_3x8xx_124", kl = "_arrowRightTop_3x8xx_125", $l = "_arrowRightBottom_3x8xx_126", Ll = "_trigger_3x8xx_149", $ = {
+  tooltip: pl,
+  default: "_default_3x8xx_18",
+  compact: fl,
+  body: hl,
+  content: gl,
+  arrow: wl,
+  arrowTop: xl,
+  arrowTopLeft: bl,
+  arrowTopRight: Cl,
+  arrowBottom: vl,
+  arrowBottomLeft: Al,
+  arrowBottomRight: yl,
+  arrowLeft: Bl,
+  arrowLeftTop: Il,
+  arrowLeftBottom: Nl,
+  arrowRight: El,
+  arrowRightTop: kl,
+  arrowRightBottom: $l,
+  trigger: Ll
+}, Tl = 6, Rl = 4, V = Tl + Rl, ke = 20;
+function rt(e, n, s) {
+  const o = n.offsetWidth, r = n.offsetHeight, a = e.left + e.width / 2, c = e.top + e.height / 2;
+  let i = 0, l = 0;
+  switch (s) {
+    // ─── Top ──────────────────────────────────────────
+    case "top":
+      i = e.top - r - V, l = a - o / 2;
+      break;
+    case "top-left":
+      i = e.top - r - V, l = a - o + ke;
+      break;
+    case "top-right":
+      i = e.top - r - V, l = a - ke;
+      break;
+    // ─── Bottom ───────────────────────────────────────
+    case "bottom":
+      i = e.bottom + V, l = a - o / 2;
+      break;
+    case "bottom-left":
+      i = e.bottom + V, l = a - o + ke;
+      break;
+    case "bottom-right":
+      i = e.bottom + V, l = a - ke;
+      break;
+    // ─── Left ─────────────────────────────────────────
+    case "left":
+      i = c - r / 2, l = e.left - o - V;
+      break;
+    case "left-top":
+      i = e.top, l = e.left - o - V;
+      break;
+    case "left-bottom":
+      i = e.bottom - r, l = e.left - o - V;
+      break;
+    // ─── Right ────────────────────────────────────────
+    case "right":
+      i = c - r / 2, l = e.right + V;
+      break;
+    case "right-top":
+      i = e.top, l = e.right + V;
+      break;
+    case "right-bottom":
+      i = e.bottom - r, l = e.right + V;
+      break;
+  }
+  return { top: i, left: l };
 }
-const kl = "_dropdownList_aaflm_27", Bl = "_dropdownEnter_aaflm_1", Il = "_closing_aaflm_42", El = "_dropdownExit_aaflm_1", Ll = "_searchWrapper_aaflm_48", Sl = "_searchInput_aaflm_60", Tl = "_searchTrailing_aaflm_75", Ml = "_searchIcon_aaflm_83", jl = "_menu_aaflm_91", ql = "_noScroll_aaflm_104", Dl = "_left_aaflm_127", Rl = "_optionContent_aaflm_127", Al = "_center_aaflm_132", Hl = "_optionIcon_aaflm_137", Wl = "_optionLabel_aaflm_141", Ol = "_optionItem_aaflm_148", Pl = "_selectedItem_aaflm_166", Fl = "_emptyItem_aaflm_203", zl = "_tooltipBox_aaflm_212", L = {
-  dropdownList: kl,
-  dropdownEnter: Bl,
-  closing: Il,
-  dropdownExit: El,
-  searchWrapper: Ll,
-  searchInput: Sl,
-  searchTrailing: Tl,
-  searchIcon: Ml,
-  menu: jl,
-  noScroll: ql,
-  left: Dl,
-  optionContent: Rl,
-  center: Al,
-  optionIcon: Hl,
-  optionLabel: Wl,
-  optionItem: Ol,
-  selectedItem: Pl,
-  emptyItem: Fl,
-  tooltipBox: zl
+function lt() {
+  const [e, n] = W(null), s = L(
+    (r, a, c) => {
+      const i = r.getBoundingClientRect();
+      n({ content: a, rect: i, position: c });
+    },
+    []
+  ), o = L(() => {
+    n(null);
+  }, []);
+  return { tooltip: e, showTooltip: s, hideTooltip: o };
+}
+const Sl = {
+  top: $.arrowTop,
+  "top-left": $.arrowTopRight,
+  "top-right": $.arrowTopLeft,
+  bottom: $.arrowBottom,
+  "bottom-left": $.arrowBottomRight,
+  "bottom-right": $.arrowBottomLeft,
+  left: $.arrowLeft,
+  "left-top": $.arrowLeftTop,
+  "left-bottom": $.arrowLeftBottom,
+  right: $.arrowRight,
+  "right-top": $.arrowRightTop,
+  "right-bottom": $.arrowRightBottom
 };
-function Ge({
+function it({ tooltip: e, backgroundColor: n, contentColor: s }) {
+  const o = O(null), [r, a] = W(null);
+  if (Ve(() => {
+    e && o.current ? a(rt(e.rect, o.current, e.position)) : a(null);
+  }, [e]), !e) return null;
+  const c = n ? { backgroundColor: n, borderColor: n } : void 0;
+  return je(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        className: P($.tooltip, $.compact),
+        "data-idb-component": "tooltip",
+        style: {
+          ...c,
+          color: s,
+          top: r?.top,
+          left: r?.left,
+          visibility: r ? "visible" : "hidden",
+          pointerEvents: "none"
+        },
+        children: /* @__PURE__ */ t("span", { className: $.content, children: e.content })
+      }
+    ),
+    document.body
+  );
+}
+function ci({
+  content: e,
+  trigger: n = "hover",
+  variant: s = "default",
+  position: o = "top",
+  arrow: r = !0,
+  as: a,
+  visibleOnEllipsis: c = !1,
+  // 자식 엘리먼트에 말줄임(ellipsis)이 발생했을 때만 툴팁을 표시.
+  backgroundColor: i,
+  contentColor: l,
+  customStyle: d,
+  children: p
+}) {
+  const [u, b] = W(!1), m = O(null), h = O(null), [g, v] = W(null);
+  Ve(() => {
+    if (u && h.current && m.current) {
+      const w = m.current.getBoundingClientRect();
+      v(rt(w, h.current, o));
+    }
+  }, [u, o]);
+  const I = L(() => {
+    if (!c || !m.current) return !0;
+    const w = m.current.firstElementChild ?? m.current;
+    return w.scrollWidth > w.clientWidth || w.scrollHeight > w.clientHeight;
+  }, [c]), _ = L(() => {
+    I() && b(!0);
+  }, [I]), f = L(() => {
+    b(!1), v(null);
+  }, []), A = L(() => {
+    if (u)
+      f();
+    else {
+      if (!I()) return;
+      b(!0);
+    }
+  }, [u, f, I]);
+  ce(() => {
+    if (n !== "click" || !u) return;
+    const w = (k) => {
+      const H = k.target;
+      m.current?.contains(H) || h.current?.contains(H) || f();
+    };
+    return document.addEventListener("mousedown", w), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
+      document.removeEventListener("mousedown", w), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+    };
+  }, [n, u, f]);
+  const x = typeof e == "function" ? e(f) : e, N = i ? { backgroundColor: i } : void 0, y = i ? (() => {
+    const w = o.split("-")[0];
+    return { [{
+      top: "borderTopColor",
+      bottom: "borderBottomColor",
+      left: "borderLeftColor",
+      right: "borderRightColor"
+    }[w]]: i };
+  })() : void 0, F = a ?? "span", z = P(
+    $.tooltip,
+    $[s]
+  );
+  return /* @__PURE__ */ C(me, { children: [
+    _t(
+      F,
+      {
+        ref: m,
+        className: $.trigger,
+        ...n === "hover" ? { onMouseEnter: _, onMouseLeave: f } : { onClick: A }
+      },
+      p
+    ),
+    u && je(
+      /* @__PURE__ */ C(
+        "div",
+        {
+          ref: h,
+          className: z,
+          "data-idb-component": "tooltip",
+          style: {
+            ...N,
+            ...d,
+            color: l,
+            top: g?.top,
+            left: g?.left,
+            visibility: g ? "visible" : "hidden"
+          },
+          children: [
+            r && /* @__PURE__ */ t(
+              "span",
+              {
+                className: P($.arrow, Sl[o]),
+                style: y
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: $.body, children: /* @__PURE__ */ t("span", { className: $.content, children: x }) })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function at({
   listboxId: e,
-  type: t = "basic",
-  align: o = "left",
-  content: s = !1,
-  options: l,
-  selectedValue: u,
-  onSelect: r,
-  textColor: a,
-  closing: i = !1
+  type: n = "basic",
+  align: s = "left",
+  content: o = !1,
+  options: r,
+  selectedValue: a,
+  onSelect: c,
+  textColor: i,
+  closing: l = !1
 }) {
-  const [d, p] = H(""), [_, x] = H(null), f = X(null), [C, N] = H(!1), $ = D((m, q) => {
-    const v = m.currentTarget.querySelector(`.${L.optionLabel}`);
-    if (v && v.scrollWidth > v.clientWidth) {
-      const k = m.currentTarget.getBoundingClientRect(), W = window.innerHeight - k.bottom > 80 ? "below" : "above";
-      x({ text: q, top: k.top, bottom: k.bottom, left: k.left, width: k.width, placement: W });
+  const [d, p] = W(""), { tooltip: u, showTooltip: b, hideTooltip: m } = lt(), h = O(null), [g, v] = W(!1), I = L((x, N) => {
+    const y = x.currentTarget.querySelector(`.${S.optionLabel}`);
+    if (y && y.scrollWidth > y.clientWidth) {
+      const F = window.innerHeight - x.currentTarget.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+      b(x.currentTarget, N, F);
     }
-  }, []), I = D(() => x(null), []), c = ie(L.menu, L[o]), h = le(
-    () => t === "search" ? l.filter((m) => m.label.toLowerCase().includes(d.toLowerCase())) : l,
-    [t, l, d]
+  }, [b]), _ = L(() => m(), [m]), f = P(S.menu, S[s]), A = ae(
+    () => n === "search" ? r.filter((x) => x.label.toLowerCase().includes(d.toLowerCase())) : r,
+    [n, r, d]
   );
-  return en(() => {
-    const m = f.current;
-    m && N(m.scrollHeight > m.clientHeight);
-  }, [h]), /* @__PURE__ */ b(xe, { children: [
-    /* @__PURE__ */ b("div", { className: ie(L.dropdownList, i && L.closing), children: [
-      t === "search" && /* @__PURE__ */ b("div", { className: L.searchWrapper, children: [
-        /* @__PURE__ */ n(
+  return Ve(() => {
+    const x = h.current;
+    x && v(x.scrollHeight > x.clientHeight);
+  }, [A]), /* @__PURE__ */ C(me, { children: [
+    /* @__PURE__ */ C("div", { className: P(S.dropdownList, l && S.closing), children: [
+      n === "search" && /* @__PURE__ */ C("div", { className: S.searchWrapper, children: [
+        /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             "aria-label": "옵션 검색",
             title: "옵션 검색",
-            className: L.searchInput,
+            className: S.searchInput,
             placeholder: "검색어를 입력해주세요.",
             value: d,
-            onChange: (m) => p(m.target.value),
-            onClick: (m) => m.stopPropagation(),
+            onChange: (x) => p(x.target.value),
+            onClick: (x) => x.stopPropagation(),
             autoFocus: !0
           }
         ),
-        /* @__PURE__ */ n("span", { className: L.searchTrailing, children: /* @__PURE__ */ n("span", { className: L.searchIcon, children: /* @__PURE__ */ n("img", { src: Ze, alt: "" }) }) })
+        /* @__PURE__ */ t("span", { className: S.searchTrailing, children: /* @__PURE__ */ t("span", { className: S.searchIcon, children: /* @__PURE__ */ t("img", { src: tt, alt: "" }) }) })
       ] }),
-      /* @__PURE__ */ n("ul", { ref: f, id: e, className: ie(c, !C && L.noScroll), role: "listbox", "aria-label": "옵션 목록", children: h.map((m) => {
-        const q = m.value === u;
-        return /* @__PURE__ */ n(
+      /* @__PURE__ */ t("ul", { ref: h, id: e, className: P(f, !g && S.noScroll), role: "listbox", "aria-label": "옵션 목록", children: A.map((x) => {
+        const N = x.value === a;
+        return /* @__PURE__ */ t(
           "li",
           {
-            className: ie(L.optionItem, q && L.selectedItem),
-            onClick: (v) => {
-              v.stopPropagation(), r(m);
+            className: P(S.optionItem, N && S.selectedItem),
+            onClick: (y) => {
+              y.stopPropagation(), c(x);
             },
-            onMouseEnter: (v) => $(v, m.label),
-            onMouseLeave: I,
+            onMouseEnter: (y) => I(y, x.label),
+            onMouseLeave: _,
             role: "option",
-            "aria-selected": q,
-            children: /* @__PURE__ */ b("div", { className: L.optionContent, children: [
-              s && m.icon && /* @__PURE__ */ n("span", { className: L.optionIcon, children: m.icon }),
-              /* @__PURE__ */ n("span", { className: L.optionLabel, style: a ? { color: a } : void 0, children: m.label })
+            "aria-selected": N,
+            children: /* @__PURE__ */ C("div", { className: S.optionContent, children: [
+              o && x.icon && /* @__PURE__ */ t("span", { className: S.optionIcon, children: x.icon }),
+              /* @__PURE__ */ t("span", { className: S.optionLabel, style: i ? { color: i } : void 0, children: x.label })
             ] })
           },
-          m.value
+          x.value
         );
       }) }),
-      h.length === 0 && /* @__PURE__ */ n("div", { className: L.emptyItem, children: t === "search" && d ? "검색 결과가 없습니다." : "-" })
+      A.length === 0 && /* @__PURE__ */ t("div", { className: S.emptyItem, children: n === "search" && d ? "검색 결과가 없습니다." : "-" })
     ] }),
-    _ && Ee(
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: L.tooltipBox,
-          style: {
-            position: "fixed",
-            top: _.placement === "below" ? _.bottom + 4 : _.top,
-            left: _.left,
-            width: _.width,
-            zIndex: 1e4,
-            transform: _.placement === "above" ? "translateY(calc(-100% - 4px))" : void 0
-          },
-          children: _.text
-        }
-      ),
-      document.body
-    )
+    /* @__PURE__ */ t(it, { tooltip: u })
   ] });
 }
-const Vl = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4697%207.38666C14.7626%207.09377%2015.2373%207.09377%2015.5302%207.38666C15.823%207.67956%2015.8231%208.15435%2015.5302%208.44721L10.5302%2013.4472C10.2374%2013.7401%209.76257%2013.74%209.46967%2013.4472L4.46967%208.44721C4.17678%208.15432%204.17678%207.67956%204.46967%207.38666C4.76256%207.09377%205.23732%207.09377%205.53022%207.38666L9.99994%2011.8564L14.4697%207.38666Z'%20fill='%23171719'/%3e%3c/svg%3e", Kl = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2447_11634)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4697%207.38666C14.7626%207.09377%2015.2373%207.09377%2015.5302%207.38666C15.823%207.67956%2015.8231%208.15435%2015.5302%208.44721L10.5302%2013.4472C10.2374%2013.7401%209.76257%2013.74%209.46967%2013.4472L4.46967%208.44721C4.17678%208.15432%204.17678%207.67956%204.46967%207.38666C4.76256%207.09377%205.23732%207.09377%205.53022%207.38666L9.99994%2011.8564L14.4697%207.38666Z'%20fill='%2346474C'%20fill-opacity='0.28'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2447_11634'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Zl = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.5263%206.50105C9.82087%206.26081%2010.2556%206.27825%2010.5302%206.55281L15.5302%2011.5528C15.8231%2011.8457%2015.823%2012.3205%2015.5302%2012.6134C15.2373%2012.9062%2014.7626%2012.9062%2014.4697%2012.6134L9.99993%208.14363L5.5302%2012.6134C5.23731%2012.9062%204.76255%2012.9062%204.46966%2012.6134C4.17679%2012.3205%204.17677%2011.8457%204.46966%2011.5528L9.46966%206.55281L9.5263%206.50105Z'%20fill='%23181D27'/%3e%3c/svg%3e", Ul = 150;
-function bi({
+const Ml = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4697%207.38666C14.7626%207.09377%2015.2373%207.09377%2015.5302%207.38666C15.823%207.67956%2015.8231%208.15435%2015.5302%208.44721L10.5302%2013.4472C10.2374%2013.7401%209.76257%2013.74%209.46967%2013.4472L4.46967%208.44721C4.17678%208.15432%204.17678%207.67956%204.46967%207.38666C4.76256%207.09377%205.23732%207.09377%205.53022%207.38666L9.99994%2011.8564L14.4697%207.38666Z'%20fill='%23171719'/%3e%3c/svg%3e", Dl = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2447_11634)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4697%207.38666C14.7626%207.09377%2015.2373%207.09377%2015.5302%207.38666C15.823%207.67956%2015.8231%208.15435%2015.5302%208.44721L10.5302%2013.4472C10.2374%2013.7401%209.76257%2013.74%209.46967%2013.4472L4.46967%208.44721C4.17678%208.15432%204.17678%207.67956%204.46967%207.38666C4.76256%207.09377%205.23732%207.09377%205.53022%207.38666L9.99994%2011.8564L14.4697%207.38666Z'%20fill='%2346474C'%20fill-opacity='0.28'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2447_11634'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", jl = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.5263%206.50105C9.82087%206.26081%2010.2556%206.27825%2010.5302%206.55281L15.5302%2011.5528C15.8231%2011.8457%2015.823%2012.3205%2015.5302%2012.6134C15.2373%2012.9062%2014.7626%2012.9062%2014.4697%2012.6134L9.99993%208.14363L5.5302%2012.6134C5.23731%2012.9062%204.76255%2012.9062%204.46966%2012.6134C4.17679%2012.3205%204.17677%2011.8457%204.46966%2011.5528L9.46966%206.55281L9.5263%206.50105Z'%20fill='%23181D27'/%3e%3c/svg%3e", Hl = 150;
+function di({
   variant: e = "default",
-  size: t = "medium",
-  heading: o,
-  required: s = !1,
-  leadingContent: l,
-  description: u,
-  disabled: r = !1,
-  placeholder: a = "선택해주세요.",
-  value: i,
+  size: n = "medium",
+  heading: s,
+  required: o = !1,
+  leadingContent: r,
+  description: a,
+  disabled: c = !1,
+  placeholder: i = "선택해주세요.",
+  selectedValue: l,
   onSelect: d,
   options: p = [],
-  type: _ = "basic",
-  align: x = "left",
-  content: f = !1,
-  buttonWidth: C,
-  descriptionWidth: N,
-  customStyle: $,
+  // 아래는 드롭다운 관련 Props
+  type: u = "basic",
+  align: b = "left",
+  content: m = !1,
+  buttonWidth: h,
+  descriptionWidth: g,
+  customStyle: v,
   textColor: I
 }) {
-  const c = Me(), h = `${c}-listbox`, [m, q] = H(!1), [v, k] = H(!1), [W, G] = H(null), [g, B] = H(null), O = X(null), P = X(null), F = X(null), Q = X(null), z = X(), ee = D(() => {
-    const M = P.current ?? O.current;
-    if (M) {
-      const A = M.getBoundingClientRect();
-      G({
-        top: A.bottom + window.scrollY + 4,
-        left: A.left + window.scrollX,
-        width: A.width
+  const _ = De(), f = `${_}-listbox`, [A, x] = W(!1), [N, y] = W(!1), [F, z] = W(null), { tooltip: w, showTooltip: k, hideTooltip: H } = lt(), q = O(null), se = O(null), G = O(null), X = O(null), de = O(), te = L(() => {
+    const R = se.current ?? q.current;
+    if (R) {
+      const le = R.getBoundingClientRect();
+      z({
+        top: le.bottom + window.scrollY + 4,
+        left: le.left + window.scrollX,
+        width: le.width
       });
     }
-  }, []), R = D(() => {
-    k(!0), z.current = setTimeout(() => {
-      q(!1), k(!1);
-    }, Ul);
-  }, []), ue = D(() => {
-    B(null), m && !v ? R() : m || (ee(), q(!0));
-  }, [m, v, ee, R]), _e = D((M) => {
-    d?.(M), R();
-  }, [d, R]);
-  ae(() => () => clearTimeout(z.current), []), ae(() => {
-    const M = (fe) => {
-      const Pe = fe.target;
-      O.current && O.current.contains(Pe) || F.current && F.current.contains(Pe) || R();
-    }, A = (fe) => {
-      F.current && F.current.contains(fe.target) || R();
+  }, []), Q = L(() => {
+    y(!0), de.current = setTimeout(() => {
+      x(!1), y(!1);
+    }, Hl);
+  }, []), he = L(() => {
+    H(), A && !N ? Q() : A || (te(), x(!0));
+  }, [A, N, te, Q, H]), ge = L((R) => {
+    d?.(R), Q();
+  }, [d, Q]);
+  ce(() => () => clearTimeout(de.current), []), ce(() => {
+    const R = (Oe) => {
+      const Ke = Oe.target;
+      q.current && q.current.contains(Ke) || G.current && G.current.contains(Ke) || Q();
+    }, le = (Oe) => {
+      G.current && G.current.contains(Oe.target) || Q();
     };
-    return m && (document.addEventListener("click", M), window.addEventListener("resize", ee), window.addEventListener("scroll", A, !0)), () => {
-      document.removeEventListener("click", M), window.removeEventListener("resize", ee), window.removeEventListener("scroll", A, !0);
+    return A && (document.addEventListener("click", R), window.addEventListener("resize", te), window.addEventListener("scroll", le, !0)), () => {
+      document.removeEventListener("click", R), window.removeEventListener("resize", te), window.removeEventListener("scroll", le, !0);
     };
-  }, [m, ee, R]);
-  const me = D((M) => {
-    M.key === "Escape" && m && (M.preventDefault(), R());
-  }, [m, R]), pe = D(() => {
-    const M = Q.current;
-    if (M && M.scrollWidth > M.clientWidth && i?.label) {
-      const A = M.getBoundingClientRect(), fe = window.innerHeight - A.bottom > 80 ? "below" : "above";
-      B({ text: i.label, top: A.top, bottom: A.bottom, left: A.left, width: A.width, placement: fe });
+  }, [A, te, Q]);
+  const we = L((R) => {
+    R.key === "Escape" && A && (R.preventDefault(), Q());
+  }, [A, Q]), re = L(() => {
+    const R = X.current;
+    if (R && R.scrollWidth > R.clientWidth && l?.label) {
+      const le = window.innerHeight - R.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+      k(R, l.label, le);
     }
-  }, [i?.label]), oe = D(() => B(null), []), w = e === "error";
-  let V = e;
-  m && !v && !w ? V = "choosing" : i && !w && (V = "selected");
-  const Je = ie(
-    S.select,
-    S[t],
-    S[V],
-    r && S.disabled
-  ), Qe = ie(
-    S.helper,
-    w && S.errorHelper,
-    r && S.helperDisabled
+  }, [l?.label, k]), E = L(() => H(), [H]), K = e === "error";
+  let He = e;
+  A && !N && !K ? He = "choosing" : l && !K && (He = "selected");
+  const ct = P(
+    D.select,
+    D[n],
+    D[He],
+    c && D.disabled
+  ), dt = P(
+    D.helper,
+    K && D.errorHelper,
+    c && D.helperDisabled
   );
-  return /* @__PURE__ */ b(xe, { children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ C(me, { children: [
+    /* @__PURE__ */ C(
       "div",
       {
-        ref: O,
-        className: S.root,
+        ref: q,
+        className: D.root,
         "data-idb-component": "select",
-        style: $,
+        style: v,
         children: [
-          o && /* @__PURE__ */ b("label", { className: S.label, children: [
-            /* @__PURE__ */ n("span", { children: o }),
-            s && /* @__PURE__ */ n("span", { className: S.requiredMark, children: "*" })
+          s && /* @__PURE__ */ C("label", { className: D.label, children: [
+            /* @__PURE__ */ t("span", { children: s }),
+            o && /* @__PURE__ */ t("span", { className: D.requiredMark, children: "*" })
           ] }),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ C(
             "button",
             {
-              ref: P,
+              ref: se,
               type: "button",
-              id: c,
-              className: Je,
-              disabled: r,
-              "aria-expanded": m,
+              id: _,
+              className: ct,
+              disabled: c,
+              "aria-expanded": A,
               "aria-haspopup": "listbox",
-              "aria-controls": m ? h : void 0,
-              onClick: ue,
-              onKeyDown: me,
-              style: C != null ? { width: `${C}px` } : void 0,
+              "aria-controls": A ? f : void 0,
+              onClick: he,
+              onKeyDown: we,
+              style: h != null ? { width: `${h}px` } : void 0,
               children: [
-                /* @__PURE__ */ b("div", { className: S.contentWrapper, children: [
-                  l && /* @__PURE__ */ n("span", { className: S.leadingContent, children: l }),
-                  /* @__PURE__ */ n(
+                /* @__PURE__ */ C("div", { className: D.contentWrapper, children: [
+                  r && /* @__PURE__ */ t("span", { className: D.leadingContent, children: r }),
+                  /* @__PURE__ */ t(
                     "span",
                     {
-                      ref: Q,
-                      className: ie(S.value, !i?.label && S.placeholder),
-                      onMouseEnter: pe,
-                      onMouseLeave: oe,
-                      children: i?.label ?? a
+                      ref: X,
+                      className: P(D.value, !l?.label && D.placeholder),
+                      onMouseEnter: re,
+                      onMouseLeave: E,
+                      children: l?.label ?? i
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n("span", { className: S.trailingIcon, children: /* @__PURE__ */ n("img", { src: r ? Kl : m ? Zl : Vl, alt: "" }) })
+                /* @__PURE__ */ t("span", { className: D.trailingIcon, children: /* @__PURE__ */ t("img", { src: c ? Dl : A ? jl : Ml, alt: "" }) })
               ]
             }
           ),
-          u && /* @__PURE__ */ n(
-            "p",
+          a && /* @__PURE__ */ t(
+            "div",
             {
-              className: Qe,
-              style: N != null ? { width: `${N}px` } : void 0,
-              children: u
+              className: dt,
+              style: g != null ? { width: `${g}px` } : void 0,
+              children: a
             }
           )
         ]
       }
     ),
-    g && Ee(
-      /* @__PURE__ */ n(
+    /* @__PURE__ */ t(it, { tooltip: w }),
+    A && je(
+      /* @__PURE__ */ t(
         "div",
         {
-          className: S.tooltipBox,
-          style: {
-            position: "fixed",
-            top: g.placement === "below" ? g.bottom + 4 : g.top,
-            left: g.left,
-            width: g.width,
-            zIndex: 1e4,
-            transform: g.placement === "above" ? "translateY(calc(-100% - 4px))" : void 0
-          },
-          children: g.text
-        }
-      ),
-      document.body
-    ),
-    m && Ee(
-      /* @__PURE__ */ n(
-        "div",
-        {
-          ref: F,
+          ref: G,
           "data-idb-component": "select-dropdown",
           style: {
             position: "absolute",
-            top: W?.top,
-            left: W?.left,
-            width: W?.width,
+            top: F?.top,
+            left: F?.left,
+            width: F?.width,
             zIndex: 9999
           },
-          children: /* @__PURE__ */ n(
-            Ge,
+          children: /* @__PURE__ */ t(
+            at,
             {
-              listboxId: h,
-              type: _,
-              align: x,
-              content: f,
+              listboxId: f,
+              type: u,
+              align: b,
+              content: m,
               options: p,
-              selectedValue: i?.value,
-              onSelect: _e,
+              selectedValue: l?.value,
+              onSelect: ge,
               textColor: I,
-              closing: v
+              closing: N
             }
           )
         }
@@ -1657,70 +1936,70 @@ function bi({
     )
   ] });
 }
-const Yl = "_root_vt7k4_3", Xl = {
-  root: Yl
-}, Gl = 150;
-function Ci({
+const Ol = "_root_vt7k4_3", Wl = {
+  root: Ol
+}, Fl = 150;
+function _i({
   children: e,
-  type: t = "basic",
-  align: o = "left",
-  content: s = !1,
-  options: l = [],
-  onSelect: u,
-  selectedValue: r,
-  textColor: a,
-  customStyle: i,
+  type: n = "basic",
+  align: s = "left",
+  content: o = !1,
+  options: r = [],
+  onSelect: a,
+  selectedValue: c,
+  textColor: i,
+  customStyle: l,
   disabled: d = !1,
   width: p
 }) {
-  const x = `${Me()}-listbox`, [f, C] = H(!1), [N, $] = H(!1), [I, c] = H(null), h = X(null), m = X(null), q = X(), v = D(() => {
-    if (h.current) {
-      const B = h.current.getBoundingClientRect();
-      c({
-        top: B.bottom + window.scrollY + 4,
-        left: B.left + window.scrollX,
-        width: p ?? B.width
+  const b = `${De()}-listbox`, [m, h] = W(!1), [g, v] = W(!1), [I, _] = W(null), f = O(null), A = O(null), x = O(), N = L(() => {
+    if (f.current) {
+      const k = f.current.getBoundingClientRect();
+      _({
+        top: k.bottom + window.scrollY + 4,
+        left: k.left + window.scrollX,
+        width: p ?? k.width
       });
     }
-  }, [p]), k = D(() => {
-    $(!0), q.current = setTimeout(() => {
-      C(!1), $(!1);
-    }, Gl);
-  }, []), W = D(() => {
-    d || (f && !N ? k() : f || (v(), C(!0)));
-  }, [d, f, N, v, k]), G = D((B) => {
-    u(B), k();
-  }, [u, k]);
-  ae(() => () => clearTimeout(q.current), []), ae(() => {
-    const B = (O) => {
-      const P = O.target;
-      h.current && h.current.contains(P) || m.current && m.current.contains(P) || k();
+  }, [p]), y = L(() => {
+    v(!0), x.current = setTimeout(() => {
+      h(!1), v(!1);
+    }, Fl);
+  }, []), F = L(() => {
+    d || (m && !g ? y() : m || (N(), h(!0)));
+  }, [d, m, g, N, y]), z = L((k) => {
+    a(k), y();
+  }, [a, y]);
+  ce(() => () => clearTimeout(x.current), []), ce(() => {
+    const k = (H) => {
+      const q = H.target;
+      f.current && f.current.contains(q) || A.current && A.current.contains(q) || y();
     };
-    return f && (document.addEventListener("click", B), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0)), () => {
-      document.removeEventListener("click", B), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+    return m && (document.addEventListener("click", k), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0)), () => {
+      document.removeEventListener("click", k), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0);
     };
-  }, [f, v, k]);
-  const g = D((B) => {
-    B.key === "Escape" && f && (B.preventDefault(), k());
-  }, [f, k]);
-  return /* @__PURE__ */ b(xe, { children: [
-    /* @__PURE__ */ n(
+  }, [m, N, y]);
+  const w = L((k) => {
+    k.key === "Escape" && m && (k.preventDefault(), y());
+  }, [m, y]);
+  return /* @__PURE__ */ C(me, { children: [
+    /* @__PURE__ */ t(
       "div",
       {
-        ref: h,
-        className: Xl.root,
+        ref: f,
+        className: Wl.root,
         "data-idb-component": "dropdown",
-        style: i,
-        onClick: W,
-        onKeyDown: g,
+        style: l,
+        onClick: F,
+        onKeyDown: w,
         children: e
       }
     ),
-    f && Ee(
-      /* @__PURE__ */ n(
+    m && je(
+      /* @__PURE__ */ t(
         "div",
         {
-          ref: m,
+          ref: A,
           "data-idb-component": "dropdown-list",
           style: {
             position: "absolute",
@@ -1729,18 +2008,18 @@ function Ci({
             width: I?.width,
             zIndex: 9999
           },
-          children: /* @__PURE__ */ n(
-            Ge,
+          children: /* @__PURE__ */ t(
+            at,
             {
-              listboxId: x,
-              type: t,
-              align: o,
-              content: s,
-              options: l,
-              selectedValue: r,
-              onSelect: G,
-              textColor: a,
-              closing: N
+              listboxId: b,
+              type: n,
+              align: s,
+              content: o,
+              options: r,
+              selectedValue: c,
+              onSelect: z,
+              textColor: i,
+              closing: g
             }
           )
         }
@@ -1750,29 +2029,32 @@ function Ci({
   ] });
 }
 export {
-  De as BasicIconButton,
-  ci as CheckBox,
-  ye as Clip,
-  hi as ContentBadge,
-  cn as CustomSpinner,
-  Ci as Dropdown,
-  ti as FadeSpinner,
-  oi as FillButton,
-  ii as FillIconButton,
-  _o as Input,
-  si as OutlineButton,
-  ri as OutlineIconButton,
-  _i as PushBadge,
-  di as Radio,
-  ai as SearchBar,
-  bi as Select,
-  ni as Spinner,
-  gi as StateBadge,
-  st as TextButton,
-  ui as ToggleSwitch,
-  li as WeakButton,
-  Zs as dismissSnackbar,
-  pi as dismissToast,
-  fi as showSnackbar,
-  mi as showToast
+  mr as Avatar,
+  li as AvatarStack,
+  qe as BasicIconButton,
+  Zl as CheckBox,
+  Be as Clip,
+  ii as ContentBadge,
+  xt as CustomSpinner,
+  _i as Dropdown,
+  Gl as FadeSpinner,
+  Vl as FillButton,
+  Ul as FillIconButton,
+  Ao as Input,
+  Xl as OutlineButton,
+  Jl as OutlineIconButton,
+  ni as PushBadge,
+  ei as Radio,
+  Yl as SearchBar,
+  di as Select,
+  zl as Spinner,
+  ai as StateBadge,
+  fn as TextButton,
+  ti as ToggleSwitch,
+  ci as Tooltip,
+  Kl as WeakButton,
+  sr as dismissSnackbar,
+  si as dismissToast,
+  ri as showSnackbar,
+  oi as showToast
 };