@idbrnd/design-system 1.3.3 → 1.4.0

package/dist/index.js

@@ -1,856 +1,856 @@
-import { jsx as n, jsxs as b, Fragment as ge } from "react/jsx-runtime";
-import { Children as Be, useMemo as ne, useId as Ee, useState as Z, useRef as G, useEffect as ie, useCallback as H, useLayoutEffect as Ye } from "react";
-import Xe, { createPortal as Ae } from "react-dom";
-import './style.css';const Ge = "_clipWrapper_3mxht_1", Je = "_clip_3mxht_1", Qe = "_sync_3mxht_59", en = "_syncDot_3mxht_65", nn = "_fade_3mxht_72", tn = "_fadeBar_3mxht_77", re = {
-  clipWrapper: Ge,
-  clip: Je,
-  sync: Qe,
-  syncDot: en,
-  fade: nn,
-  fadeBar: tn
-}, He = "var(--semantic-before-main)";
-function Yl() {
-  return /* @__PURE__ */ n(on, {});
+import { jsx as t, jsxs as x, Fragment as ue } from "react/jsx-runtime";
+import { Children as Se, useMemo as ae, useId as Me, useState as O, useRef as W, useEffect as ce, useCallback as T, useLayoutEffect as Ke, createElement as at } from "react";
+import ct, { createPortal as je } from "react-dom";
+import './style.css';const dt = "_clipWrapper_3mxht_1", _t = "_clip_3mxht_1", ut = "_sync_3mxht_59", pt = "_syncDot_3mxht_65", mt = "_fade_3mxht_72", ft = "_fadeBar_3mxht_77", pe = {
+  clipWrapper: dt,
+  clip: _t,
+  sync: ut,
+  syncDot: pt,
+  fade: mt,
+  fadeBar: ft
+}, Ze = "var(--semantic-before-main)";
+function Ll() {
+  return /* @__PURE__ */ t(ht, {});
 }
-function on({ color: e = He, size: t = 10 }) {
-  const o = Math.max(2, Math.round(t)), s = Math.max(2, Math.round(t * 0.5));
+function ht({ color: e = Ze, size: n = 10 }) {
+  const o = Math.max(2, Math.round(n)), s = Math.max(2, Math.round(n * 0.5));
   return (
     // 점 3개를 가로로 배치하는 컨테이너
-    /* @__PURE__ */ n("span", { className: re.sync, style: { color: e, gap: s }, children: Array.from({ length: 3 }).map((l, _) => /* @__PURE__ */ n(
+    /* @__PURE__ */ t("span", { className: pe.sync, style: { color: e, gap: s }, children: Array.from({ length: 3 }).map((r, c) => /* @__PURE__ */ t(
       "span",
       {
-        className: re.syncDot,
+        className: pe.syncDot,
         style: {
           width: o,
           height: o,
-          animationDelay: `${_ * 0.12}s`
+          animationDelay: `${c * 0.12}s`
         }
       },
-      _
+      c
     )) })
   );
 }
-function xe({ color: e = He, size: t = 10, text: o = "" }) {
-  const s = Math.max(2, Math.round(t / 12)), l = {
-    width: t,
-    height: t,
-    "--clip-size": `${t}px`,
+function $e({ color: e = Ze, size: n = 10, text: o = "" }) {
+  const s = Math.max(2, Math.round(n / 12)), r = {
+    width: n,
+    height: n,
+    "--clip-size": `${n}px`,
     "--clip-stroke": `${s}px`
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ x(
     "span",
     {
-      className: re.clipWrapper,
+      className: pe.clipWrapper,
       style: {
         color: e
       },
       children: [
-        /* @__PURE__ */ n("span", { className: re.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 }),
+        o ? /* @__PURE__ */ t("span", { style: { color: "var(--semantic-bg-default)", fontSize: "1rem", marginTop: "10px" }, children: o }) : null
       ]
     }
   );
 }
-function Xl({ color: e = He, 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 El({ color: e = Ze, width: n = 4, height: o = 12, radius: s = 2, margin: r = 2 }) {
+  const a = Math.max(6, Math.round(o + r + 1)), i = a * 2 + o, l = 1, _ = l / 8;
   return (
     // 원형 막대 스피너의 기준 좌표가 되는 컨테이너(막대 위치는 고정)
-    /* @__PURE__ */ n("span", { className: re.fade, style: { color: e, width: a, height: a }, children: Array.from({ length: 8 }).map((p, u) => /* @__PURE__ */ n(
+    /* @__PURE__ */ t("span", { className: pe.fade, style: { color: e, width: i, height: i }, children: Array.from({ length: 8 }).map((f, u) => /* @__PURE__ */ t(
       "span",
       {
-        className: re.fadeBar,
+        className: pe.fadeBar,
         style: {
-          width: t,
+          width: n,
           height: o,
           borderRadius: s,
-          transform: `translate(-50%, -50%) rotate(${360 / 8 * u}deg) translateY(-${r}px)`,
-          animationDelay: `${-(7 - u) * d}s`,
-          animationDuration: `${i}s`
+          transform: `translate(-50%, -50%) rotate(${360 / 8 * u}deg) translateY(-${a}px)`,
+          animationDelay: `${-(7 - u) * _}s`,
+          animationDuration: `${l}s`
         }
       },
       u
     )) })
   );
 }
-const sn = "_button_1h0bn_1", ln = "_content_1h0bn_12", rn = "_fixed_1h0bn_33", an = "_fixedContent_1h0bn_39", cn = "_node_1h0bn_48", dn = "_text_1h0bn_54", _n = "_large_1h0bn_64", un = "_medium_1h0bn_65", mn = "_small_1h0bn_66", pn = "_xsmall_1h0bn_70", fn = "_flexible_1h0bn_74", hn = "_primary_1h0bn_90", gn = "_loading_1h0bn_90", bn = "_assistive_1h0bn_91", Cn = "_error_1h0bn_92", xn = "_spinnerWrapper_1h0bn_151", F = {
-  button: sn,
-  content: ln,
-  fixed: rn,
-  fixedContent: an,
-  node: cn,
-  text: dn,
-  large: _n,
-  medium: un,
-  small: mn,
-  xsmall: pn,
-  flexible: fn,
-  primary: hn,
-  loading: gn,
-  assistive: bn,
-  error: Cn,
-  spinnerWrapper: xn,
+const gt = "_button_1h0bn_1", bt = "_content_1h0bn_12", wt = "_fixed_1h0bn_33", xt = "_fixedContent_1h0bn_39", Ct = "_node_1h0bn_48", vt = "_text_1h0bn_54", yt = "_large_1h0bn_64", $t = "_medium_1h0bn_65", kt = "_small_1h0bn_66", Nt = "_xsmall_1h0bn_70", Bt = "_flexible_1h0bn_74", Lt = "_primary_1h0bn_90", Et = "_loading_1h0bn_90", It = "_assistive_1h0bn_91", Tt = "_error_1h0bn_92", Rt = "_spinnerWrapper_1h0bn_151", Y = {
+  button: gt,
+  content: bt,
+  fixed: wt,
+  fixedContent: xt,
+  node: Ct,
+  text: vt,
+  large: yt,
+  medium: $t,
+  small: kt,
+  xsmall: Nt,
+  flexible: Bt,
+  primary: Lt,
+  loading: Et,
+  assistive: It,
+  error: Tt,
+  spinnerWrapper: Rt,
   "spinner-primary": "_spinner-primary_1h0bn_157",
   "spinner-error": "_spinner-error_1h0bn_158",
   "spinner-assistive": "_spinner-assistive_1h0bn_162"
 };
-function Gl({
+function Il({
   widthType: e = "flexible",
-  variant: t = "primary",
+  variant: n = "primary",
   size: o = "medium",
   disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
-  children: d,
-  type: p = "button",
+  loading: r = !1,
+  keepFocusOnClick: c = !1,
+  customStyle: a = {},
+  onClick: i,
+  className: l,
+  children: _,
+  type: f = "button",
   ...u
 }) {
-  const x = [
-    F.button,
-    F[e],
-    F[t],
-    F[o],
-    l ? F.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [F.spinnerWrapper, F[`spinner-${t}`]].filter(Boolean).join(" "), C = [F.content, e === "fixed" ? F.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Be.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? F.text : F.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = ne(() => ({
+  const w = [
+    Y.button,
+    Y[e],
+    Y[n],
+    Y[o],
+    r ? Y.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), p = [Y.spinnerWrapper, Y[`spinner-${n}`]].filter(Boolean).join(" "), g = [Y.content, e === "fixed" ? Y.fixedContent : ""].filter(Boolean).join(" "), C = e === "fixed" ? Se.map(_, (d) => {
+    const m = typeof d == "string" || typeof d == "number" ? Y.text : Y.node;
+    return /* @__PURE__ */ t("span", { className: m, children: d });
+  }) : _, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
   })[o], [o]);
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !_ && !c.defaultPrevented && c.currentTarget.blur();
+      type: f,
+      className: w,
+      onClick: r ? void 0 : (d) => {
+        i?.(d), !c && !d.defaultPrevented && d.currentTarget.blur();
       },
       disabled: s,
-      style: r,
+      style: a,
       ...u,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(xe, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      children: r ? /* @__PURE__ */ t("span", { className: p, children: /* @__PURE__ */ t($e, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: g, children: C })
     }
   );
 }
-const wn = "_button_1wh5k_1", vn = "_content_1wh5k_19", yn = "_fixed_1wh5k_37", $n = "_fixedContent_1wh5k_43", Nn = "_node_1wh5k_53", kn = "_text_1wh5k_59", In = "_large_1wh5k_69", Bn = "_medium_1wh5k_70", En = "_small_1wh5k_71", Ln = "_xsmall_1wh5k_75", Sn = "_flexible_1wh5k_80", Tn = "_primary_1wh5k_98", jn = "_secondary_1wh5k_99", Mn = "_assistive_1wh5k_100", Dn = "_loading_1wh5k_101", Rn = "_spinnerWrapper_1wh5k_172", z = {
-  button: wn,
-  content: vn,
-  fixed: yn,
-  fixedContent: $n,
-  node: Nn,
-  text: kn,
-  large: In,
-  medium: Bn,
-  small: En,
-  xsmall: Ln,
-  flexible: Sn,
-  primary: Tn,
-  secondary: jn,
-  assistive: Mn,
-  loading: Dn,
-  spinnerWrapper: Rn,
+const St = "_button_1wh5k_1", Mt = "_content_1wh5k_19", jt = "_fixed_1wh5k_37", Dt = "_fixedContent_1wh5k_43", At = "_node_1wh5k_53", Ht = "_text_1wh5k_59", Wt = "_large_1wh5k_69", Ot = "_medium_1wh5k_70", Pt = "_small_1wh5k_71", qt = "_xsmall_1wh5k_75", Ft = "_flexible_1wh5k_80", zt = "_primary_1wh5k_98", Kt = "_secondary_1wh5k_99", Zt = "_assistive_1wh5k_100", Vt = "_loading_1wh5k_101", Ut = "_spinnerWrapper_1wh5k_172", X = {
+  button: St,
+  content: Mt,
+  fixed: jt,
+  fixedContent: Dt,
+  node: At,
+  text: Ht,
+  large: Wt,
+  medium: Ot,
+  small: Pt,
+  xsmall: qt,
+  flexible: Ft,
+  primary: zt,
+  secondary: Kt,
+  assistive: Zt,
+  loading: Vt,
+  spinnerWrapper: Ut,
   "spinner-primary": "_spinner-primary_1wh5k_179",
   "spinner-assistive": "_spinner-assistive_1wh5k_180",
   "spinner-secondary": "_spinner-secondary_1wh5k_184"
 };
-function Jl({
+function Tl({
   widthType: e = "flexible",
-  variant: t = "primary",
+  variant: n = "primary",
   size: o = "medium",
   disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
-  children: d,
-  type: p = "button",
+  loading: r = !1,
+  keepFocusOnClick: c = !1,
+  customStyle: a = {},
+  onClick: i,
+  className: l,
+  children: _,
+  type: f = "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" ? Be.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? z.text : z.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = ne(() => ({
+  const w = [
+    X.button,
+    X[e],
+    X[n],
+    X[o],
+    r ? X.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), p = [X.spinnerWrapper, X[`spinner-${n}`]].filter(Boolean).join(" "), g = [X.content, e === "fixed" ? X.fixedContent : ""].filter(Boolean).join(" "), C = e === "fixed" ? Se.map(_, (d) => {
+    const m = typeof d == "string" || typeof d == "number" ? X.text : X.node;
+    return /* @__PURE__ */ t("span", { className: m, children: d });
+  }) : _, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
   })[o], [o]);
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !_ && !c.defaultPrevented && c.currentTarget.blur();
+      type: f,
+      className: w,
+      onClick: r ? void 0 : (d) => {
+        i?.(d), !c && !d.defaultPrevented && d.currentTarget.blur();
       },
       disabled: s,
-      style: r,
+      style: a,
       ...u,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(xe, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      children: r ? /* @__PURE__ */ t("span", { className: p, children: /* @__PURE__ */ t($e, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: g, children: C })
     }
   );
 }
-const An = "_button_xqfx2_1", Hn = "_content_xqfx2_18", qn = "_fixed_xqfx2_36", On = "_fixedContent_xqfx2_42", Wn = "_node_xqfx2_52", Pn = "_text_xqfx2_58", Fn = "_large_xqfx2_68", zn = "_medium_xqfx2_69", Kn = "_small_xqfx2_70", Vn = "_xsmall_xqfx2_74", Zn = "_flexible_xqfx2_79", Un = "_primary_xqfx2_109", Yn = "_secondary_xqfx2_110", Xn = "_assistive_xqfx2_111", Gn = "_loading_xqfx2_112", Jn = "_spinnerWrapper_xqfx2_180", K = {
-  button: An,
-  content: Hn,
-  fixed: qn,
-  fixedContent: On,
-  node: Wn,
-  text: Pn,
-  large: Fn,
-  medium: zn,
-  small: Kn,
-  xsmall: Vn,
-  flexible: Zn,
-  primary: Un,
-  secondary: Yn,
-  assistive: Xn,
-  loading: Gn,
-  spinnerWrapper: Jn,
+const Yt = "_button_xqfx2_1", Xt = "_content_xqfx2_18", Gt = "_fixed_xqfx2_36", Jt = "_fixedContent_xqfx2_42", Qt = "_node_xqfx2_52", en = "_text_xqfx2_58", tn = "_large_xqfx2_68", nn = "_medium_xqfx2_69", on = "_small_xqfx2_70", sn = "_xsmall_xqfx2_74", rn = "_flexible_xqfx2_79", ln = "_primary_xqfx2_109", an = "_secondary_xqfx2_110", cn = "_assistive_xqfx2_111", dn = "_loading_xqfx2_112", _n = "_spinnerWrapper_xqfx2_180", G = {
+  button: Yt,
+  content: Xt,
+  fixed: Gt,
+  fixedContent: Jt,
+  node: Qt,
+  text: en,
+  large: tn,
+  medium: nn,
+  small: on,
+  xsmall: sn,
+  flexible: rn,
+  primary: ln,
+  secondary: an,
+  assistive: cn,
+  loading: dn,
+  spinnerWrapper: _n,
   "spinner-primary": "_spinner-primary_xqfx2_187",
   "spinner-secondary": "_spinner-secondary_xqfx2_191",
   "spinner-assistive": "_spinner-assistive_xqfx2_192"
 };
-function Qn({
+function un({
   widthType: e = "flexible",
-  variant: t = "primary",
+  variant: n = "primary",
   size: o = "medium",
   disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
-  children: d,
-  type: p = "button",
+  loading: r = !1,
+  keepFocusOnClick: c = !1,
+  customStyle: a = {},
+  onClick: i,
+  className: l,
+  children: _,
+  type: f = "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" ? Be.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? K.text : K.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = ne(() => ({
+  const w = [
+    G.button,
+    G[e],
+    G[n],
+    G[o],
+    r ? G.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), p = [G.spinnerWrapper, G[`spinner-${n}`]].filter(Boolean).join(" "), g = [G.content, e === "fixed" ? G.fixedContent : ""].filter(Boolean).join(" "), C = e === "fixed" ? Se.map(_, (d) => {
+    const m = typeof d == "string" || typeof d == "number" ? G.text : G.node;
+    return /* @__PURE__ */ t("span", { className: m, children: d });
+  }) : _, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
   })[o], [o]);
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !_ && !c.defaultPrevented && c.currentTarget.blur();
+      type: f,
+      className: w,
+      onClick: r ? void 0 : (d) => {
+        i?.(d), !c && !d.defaultPrevented && d.currentTarget.blur();
       },
       disabled: s,
-      style: r,
+      style: a,
       ...u,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(xe, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      children: r ? /* @__PURE__ */ t("span", { className: p, children: /* @__PURE__ */ t($e, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: g, children: C })
     }
   );
 }
-const et = "_button_16957_1", nt = "_content_16957_18", tt = "_fixed_16957_36", ot = "_fixedContent_16957_42", st = "_node_16957_52", lt = "_text_16957_58", it = "_large_16957_68", rt = "_medium_16957_69", at = "_small_16957_70", ct = "_xsmall_16957_74", dt = "_flexible_16957_79", _t = "_primary_16957_97", ut = "_assistive_16957_98", mt = "_error_16957_99", pt = "_loading_16957_100", ft = "_spinnerWrapper_16957_171", V = {
-  button: et,
-  content: nt,
-  fixed: tt,
-  fixedContent: ot,
-  node: st,
-  text: lt,
-  large: it,
-  medium: rt,
-  small: at,
-  xsmall: ct,
-  flexible: dt,
-  primary: _t,
-  assistive: ut,
-  error: mt,
-  loading: pt,
-  spinnerWrapper: ft,
+const pn = "_button_16957_1", mn = "_content_16957_18", fn = "_fixed_16957_36", hn = "_fixedContent_16957_42", gn = "_node_16957_52", bn = "_text_16957_58", wn = "_large_16957_68", xn = "_medium_16957_69", Cn = "_small_16957_70", vn = "_xsmall_16957_74", yn = "_flexible_16957_79", $n = "_primary_16957_97", kn = "_assistive_16957_98", Nn = "_error_16957_99", Bn = "_loading_16957_100", Ln = "_spinnerWrapper_16957_171", J = {
+  button: pn,
+  content: mn,
+  fixed: fn,
+  fixedContent: hn,
+  node: gn,
+  text: bn,
+  large: wn,
+  medium: xn,
+  small: Cn,
+  xsmall: vn,
+  flexible: yn,
+  primary: $n,
+  assistive: kn,
+  error: Nn,
+  loading: Bn,
+  spinnerWrapper: Ln,
   "spinner-primary": "_spinner-primary_16957_178",
   "spinner-error": "_spinner-error_16957_182",
   "spinner-assistive": "_spinner-assistive_16957_183"
 };
-function Ql({
+function Rl({
   widthType: e = "flexible",
-  variant: t = "primary",
+  variant: n = "primary",
   size: o = "medium",
   disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
-  customStyle: r = {},
-  onClick: a,
-  className: i,
-  children: d,
-  type: p = "button",
+  loading: r = !1,
+  keepFocusOnClick: c = !1,
+  customStyle: a = {},
+  onClick: i,
+  className: l,
+  children: _,
+  type: f = "button",
   ...u
 }) {
-  const x = [
-    V.button,
-    V[e],
-    V[t],
-    V[o],
-    l ? V.loading : "",
-    i ?? ""
-  ].filter(Boolean).join(" "), f = [V.spinnerWrapper, V[`spinner-${t}`]].filter(Boolean).join(" "), C = [V.content, e === "fixed" ? V.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? Be.map(d, (c) => {
-    const h = typeof c == "string" || typeof c == "number" ? V.text : V.node;
-    return /* @__PURE__ */ n("span", { className: h, children: c });
-  }) : d, $ = ne(() => ({
+  const w = [
+    J.button,
+    J[e],
+    J[n],
+    J[o],
+    r ? J.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), p = [J.spinnerWrapper, J[`spinner-${n}`]].filter(Boolean).join(" "), g = [J.content, e === "fixed" ? J.fixedContent : ""].filter(Boolean).join(" "), C = e === "fixed" ? Se.map(_, (d) => {
+    const m = typeof d == "string" || typeof d == "number" ? J.text : J.node;
+    return /* @__PURE__ */ t("span", { className: m, children: d });
+  }) : _, v = ae(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
   })[o], [o]);
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: x,
-      onClick: l ? void 0 : (c) => {
-        a?.(c), !_ && !c.defaultPrevented && c.currentTarget.blur();
+      type: f,
+      className: w,
+      onClick: r ? void 0 : (d) => {
+        i?.(d), !c && !d.defaultPrevented && d.currentTarget.blur();
       },
       disabled: s,
-      style: r,
+      style: a,
       ...u,
-      children: l ? /* @__PURE__ */ n("span", { className: f, children: /* @__PURE__ */ n(xe, { size: $, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
+      children: r ? /* @__PURE__ */ t("span", { className: p, children: /* @__PURE__ */ t($e, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ t("span", { className: g, children: C })
     }
   );
 }
-const ht = "_button_r7m14_1", gt = "_large_r7m14_37", bt = "_small_r7m14_49", Oe = {
-  button: ht,
-  large: gt,
-  small: bt
+const En = "_button_r7m14_1", In = "_large_r7m14_37", Tn = "_small_r7m14_49", Ue = {
+  button: En,
+  large: In,
+  small: Tn
 };
-function Te({
+function Oe({
   size: e = "large",
-  disabled: t = !1,
+  disabled: n = !1,
   keepFocusOnClick: o = !1,
   customStyle: s = {},
-  onClick: l,
-  className: _,
-  children: r,
-  type: a = "button",
-  ...i
+  onClick: r,
+  className: c,
+  children: a,
+  type: i = "button",
+  ...l
 }) {
-  const d = [
-    Oe.button,
-    Oe[e],
-    _ ?? ""
+  const _ = [
+    Ue.button,
+    Ue[e],
+    c ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: a,
-      className: d,
+      type: i,
+      className: _,
       onClick: (u) => {
-        l?.(u), !o && !u.defaultPrevented && u.currentTarget.blur();
+        r?.(u), !o && !u.defaultPrevented && u.currentTarget.blur();
       },
-      disabled: t,
+      disabled: n,
       style: s,
-      ...i,
-      children: r
+      ...l,
+      children: a
     }
   );
 }
-const Ct = "_button_1mqol_1", xt = "_basic_1mqol_27", wt = "_overlay_1mqol_45", vt = "_primary_1mqol_63", yt = "_large_1mqol_83", $t = "_medium_1mqol_95", Le = {
-  button: Ct,
-  basic: xt,
-  overlay: wt,
-  primary: vt,
-  large: yt,
-  medium: $t
+const Rn = "_button_1mqol_1", Sn = "_basic_1mqol_27", Mn = "_overlay_1mqol_45", jn = "_primary_1mqol_63", Dn = "_large_1mqol_83", An = "_medium_1mqol_95", He = {
+  button: Rn,
+  basic: Sn,
+  overlay: Mn,
+  primary: jn,
+  large: Dn,
+  medium: An
 };
-function ei({
+function Sl({
   variant: e = "basic",
-  size: t = "medium",
+  size: n = "medium",
   disabled: o = !1,
   keepFocusOnClick: s = !1,
-  customStyle: l = {},
-  onClick: _,
-  children: r,
-  type: a = "button",
-  ...i
+  customStyle: r = {},
+  onClick: c,
+  children: a,
+  type: i = "button",
+  ...l
 }) {
-  const d = [Le.button, Le[e], Le[t]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  const _ = [He.button, He[e], He[n]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: a,
-      className: d,
+      type: i,
+      className: _,
       onClick: (u) => {
-        _?.(u), !s && !u.defaultPrevented && u.currentTarget.blur();
+        c?.(u), !s && !u.defaultPrevented && u.currentTarget.blur();
       },
       disabled: o,
-      style: l,
-      ...i,
-      children: r
+      style: r,
+      ...l,
+      children: a
     }
   );
 }
-const Nt = "_button_1ur9u_1", kt = "_large_1ur9u_40", It = "_medium_1ur9u_52", We = {
-  button: Nt,
-  large: kt,
-  medium: It
+const Hn = "_button_1ur9u_1", Wn = "_large_1ur9u_40", On = "_medium_1ur9u_52", Ye = {
+  button: Hn,
+  large: Wn,
+  medium: On
 };
-function ni({
+function Ml({
   size: e = "medium",
-  disabled: t = !1,
+  disabled: n = !1,
   keepFocusOnClick: o = !1,
   customStyle: s = {},
-  onClick: l,
-  children: _,
-  type: r = "button",
-  ...a
+  onClick: r,
+  children: c,
+  type: a = "button",
+  ...i
 }) {
-  const i = [We.button, We[e]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  const l = [Ye.button, Ye[e]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
     "button",
     {
       "data-idb-component": !0,
-      type: r,
-      className: i,
-      onClick: (p) => {
-        l?.(p), !o && !p.defaultPrevented && p.currentTarget.blur();
+      type: a,
+      className: l,
+      onClick: (f) => {
+        r?.(f), !o && !f.defaultPrevented && f.currentTarget.blur();
       },
-      disabled: t,
+      disabled: n,
       style: s,
-      ...a,
-      children: _
+      ...i,
+      children: c
     }
   );
 }
-const Bt = "_root_ir5jh_1", Et = "_label_ir5jh_8", Lt = "_labelDisabled_ir5jh_16", St = "_requiredMark_ir5jh_20", Tt = "_controlRow_ir5jh_24", jt = "_control_ir5jh_24", Mt = "_small_ir5jh_48", Dt = "_outline_ir5jh_53", Rt = "_fill_ir5jh_57", At = "_basic_ir5jh_61", Ht = "_success_ir5jh_65", qt = "_error_ir5jh_70", Ot = "_focused_ir5jh_82", Wt = "_disabled_ir5jh_87", Pt = "_leadingIcon_ir5jh_102", Ft = "_trailingIcon_ir5jh_103", zt = "_trailingText_ir5jh_104", Kt = "_inputField_ir5jh_126", Vt = "_trailingButton_ir5jh_173", Zt = "_trailingIconButton_ir5jh_174", Ut = "_trailingSlot_ir5jh_178", Yt = "_trailingSlotDisabled_ir5jh_185", Xt = "_trailingBasicIconButton_ir5jh_189", Gt = "_helper_ir5jh_270", Jt = "_helperFixed_ir5jh_276", Qt = "_helperPlaceholder_ir5jh_280", eo = "_errorHelper_ir5jh_284", no = "_errorHelperBounce_ir5jh_288", to = "_errorMessageBounceY_ir5jh_1", oo = "_helperDisabled_ir5jh_292", y = {
-  root: Bt,
-  label: Et,
-  labelDisabled: Lt,
-  requiredMark: St,
-  controlRow: Tt,
-  control: jt,
+const Pn = "_root_ir5jh_1", qn = "_label_ir5jh_8", Fn = "_labelDisabled_ir5jh_16", zn = "_requiredMark_ir5jh_20", Kn = "_controlRow_ir5jh_24", Zn = "_control_ir5jh_24", Vn = "_small_ir5jh_48", Un = "_outline_ir5jh_53", Yn = "_fill_ir5jh_57", Xn = "_basic_ir5jh_61", Gn = "_success_ir5jh_65", Jn = "_error_ir5jh_70", Qn = "_focused_ir5jh_82", eo = "_disabled_ir5jh_87", to = "_leadingIcon_ir5jh_102", no = "_trailingIcon_ir5jh_103", oo = "_trailingText_ir5jh_104", so = "_inputField_ir5jh_126", ro = "_trailingButton_ir5jh_173", lo = "_trailingIconButton_ir5jh_174", io = "_trailingSlot_ir5jh_178", ao = "_trailingSlotDisabled_ir5jh_185", co = "_trailingBasicIconButton_ir5jh_189", _o = "_helper_ir5jh_270", uo = "_helperFixed_ir5jh_276", po = "_helperPlaceholder_ir5jh_280", mo = "_errorHelper_ir5jh_284", fo = "_errorHelperBounce_ir5jh_288", ho = "_errorMessageBounceY_ir5jh_1", go = "_helperDisabled_ir5jh_292", k = {
+  root: Pn,
+  label: qn,
+  labelDisabled: Fn,
+  requiredMark: zn,
+  controlRow: Kn,
+  control: Zn,
   default: "_default_ir5jh_43",
-  small: Mt,
-  outline: Dt,
-  fill: Rt,
-  basic: At,
-  success: Ht,
-  error: qt,
-  focused: Ot,
-  disabled: Wt,
-  leadingIcon: Pt,
-  trailingIcon: Ft,
-  trailingText: zt,
-  inputField: Kt,
+  small: Vn,
+  outline: Un,
+  fill: Yn,
+  basic: Xn,
+  success: Gn,
+  error: Jn,
+  focused: Qn,
+  disabled: eo,
+  leadingIcon: to,
+  trailingIcon: no,
+  trailingText: oo,
+  inputField: so,
   "input-default": "_input-default_ir5jh_137",
   "input-small": "_input-small_ir5jh_141",
-  trailingButton: Vt,
-  trailingIconButton: Zt,
-  trailingSlot: Ut,
-  trailingSlotDisabled: Yt,
-  trailingBasicIconButton: Xt,
-  helper: Gt,
-  helperFixed: Jt,
-  helperPlaceholder: Qt,
-  errorHelper: eo,
-  errorHelperBounce: no,
-  errorMessageBounceY: to,
-  helperDisabled: oo
+  trailingButton: ro,
+  trailingIconButton: lo,
+  trailingSlot: io,
+  trailingSlotDisabled: ao,
+  trailingBasicIconButton: co,
+  helper: _o,
+  helperFixed: uo,
+  helperPlaceholder: po,
+  errorHelper: mo,
+  errorHelperBounce: fo,
+  errorMessageBounceY: ho,
+  helperDisabled: go
 };
-function so({
+function bo({
   content: e,
-  disabled: t = !1
+  disabled: n = !1
 }) {
   if (e == null)
     return null;
   const o = (s) => {
     s.preventDefault();
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "span",
     {
-      className: [y.trailingSlot, t ? y.trailingSlotDisabled : ""].filter(Boolean).join(" "),
+      className: [k.trailingSlot, n ? k.trailingSlotDisabled : ""].filter(Boolean).join(" "),
       onMouseDownCapture: o,
       children: e
     }
   );
 }
-function lo({
+function wo({
   value: e,
-  onFocus: t,
+  onFocus: n,
   onBlur: o,
   onChange: s
 }) {
   return {
     currentValue: e,
-    handleFocus: (i) => {
-      t?.(i);
+    handleFocus: (l) => {
+      n?.(l);
     },
-    handleBlur: (i) => {
-      o?.(i);
+    handleBlur: (l) => {
+      o?.(l);
     },
-    handleChange: (i) => {
-      s?.(i);
+    handleChange: (l) => {
+      s?.(l);
     }
   };
 }
-function io({
+function xo({
   type: e = "text",
   // input HTML 타입
-  designType: t = "outline",
+  designType: n = "outline",
   // 인풋 외형 타입
   size: o = "default",
   // 인풋 높이 크기
   variant: s,
   // 상태 variant
-  width: l,
+  width: r,
   // 루트 너비
-  heading: _ = !0,
+  heading: c = !0,
   // 라벨 표시 여부
-  headingContent: r = "Label",
+  headingContent: a = "Label",
   // 라벨 내용
-  required: a = !1,
+  required: i = !1,
   // 라벨 우측 *
-  description: i = !1,
+  description: l = !1,
   // 하단 안내 문구
-  fixedDescriptionHeight: d = !0,
+  fixedDescriptionHeight: _ = !0,
   // 하단 문구 영역 높이 고정 여부
-  errorMessage: p,
+  errorMessage: f,
   // 에러 상태 문구
   leadingIcon: u,
   // 좌측 아이콘 슬롯
-  trailingContent: x,
+  trailingContent: w,
   // 우측 trailing 슬롯 콘텐츠
-  customStyle: f = {},
+  customStyle: p = {},
   // 루트 커스텀 스타일
-  id: C,
+  id: g,
   // input id
-  onFocus: N,
+  onFocus: C,
   // 포커스 진입 핸들러
-  onBlur: $,
+  onBlur: v,
   // 포커스 이탈 핸들러
-  onChange: I,
+  onChange: N,
   // 값 변경 핸들러
-  value: c,
+  value: d,
   // 현재 값
-  disabled: h = !1,
+  disabled: m = !1,
   // 전체 비활성화 여부
-  readOnly: m = !1,
+  readOnly: y = !1,
   // 읽기 전용 여부
-  ...R
+  ...b
 }) {
-  const v = Ee(), k = C ?? v, q = _, U = r, { currentValue: w, handleFocus: B, handleBlur: A, handleChange: O } = lo({
-    value: c,
-    onFocus: N,
-    onBlur: $,
-    onChange: I
-  }), W = ne(() => w == null ? !1 : Array.isArray(w) ? w.length > 0 : typeof w == "number" ? !0 : String(w).length > 0, [w]), T = ne(() => s !== void 0 ? s : W ? "typed" : "basic", [s, W]), Y = T === "error", ce = T === "success", de = T === "onFocus" || T === "onTyping", te = [
-    y.control,
-    y[t],
-    Y ? y.error : ce ? y.success : y.basic,
-    y[o],
-    !h && de ? y.focused : "",
-    h ? y.disabled : ""
-  ].filter(Boolean).join(" "), oe = [y.inputField, y[`input-${o}`]].join(" "), _e = y.root, ue = [y.label, h ? y.labelDisabled : ""].filter(Boolean).join(" "), L = ne(() => Y ? p ?? "에러 메시지가 표시됩니다." : i === !1 || i === void 0 || i === null ? null : i === !0 ? "2~19자 이내로 입력해 주세요." : i, [i, p, Y]), g = [
-    y.helper,
-    d ? y.helperFixed : "",
-    Y ? y.errorHelper : "",
-    Y && L !== null ? y.errorHelperBounce : "",
-    h ? y.helperDisabled : "",
-    d && L === null ? y.helperPlaceholder : ""
+  const B = Me(), $ = g ?? B, P = c, z = a, { currentValue: h, handleFocus: E, handleBlur: H, handleChange: q } = wo({
+    value: d,
+    onFocus: C,
+    onBlur: v,
+    onChange: N
+  }), se = ae(() => h == null ? !1 : Array.isArray(h) ? h.length > 0 : typeof h == "number" ? !0 : String(h).length > 0, [h]), K = ae(() => s !== void 0 ? s : se ? "typed" : "basic", [s, se]), V = K === "error", de = K === "success", te = K === "onFocus" || K === "onTyping", F = [
+    k.control,
+    k[n],
+    V ? k.error : de ? k.success : k.basic,
+    k[o],
+    !m && te ? k.focused : "",
+    m ? k.disabled : ""
+  ].filter(Boolean).join(" "), fe = [k.inputField, k[`input-${o}`]].join(" "), he = k.root, ge = [k.label, m ? k.labelDisabled : ""].filter(Boolean).join(" "), re = ae(() => V ? f ?? "에러 메시지가 표시됩니다." : l === !1 || l === void 0 || l === null ? null : l === !0 ? "2~19자 이내로 입력해 주세요." : l, [l, f, V]), L = [
+    k.helper,
+    _ ? k.helperFixed : "",
+    V ? k.errorHelper : "",
+    V && re !== null ? k.errorHelperBounce : "",
+    m ? k.helperDisabled : "",
+    _ && re === null ? k.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-idb-component": !0,
-      className: _e,
+      className: he,
       style: {
-        width: l ?? "100%",
-        ...f
+        width: r ?? "100%",
+        ...p
       },
       children: [
-        q ? /* @__PURE__ */ b("label", { htmlFor: k, className: ue, children: [
-          /* @__PURE__ */ n("span", { children: U }),
-          a ? /* @__PURE__ */ n("span", { className: y.requiredMark, children: "*" }) : null
+        P ? /* @__PURE__ */ x("label", { htmlFor: $, className: ge, children: [
+          /* @__PURE__ */ t("span", { children: z }),
+          i ? /* @__PURE__ */ t("span", { className: k.requiredMark, children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ n("div", { className: y.controlRow, children: /* @__PURE__ */ b("div", { className: te, children: [
-          u ? /* @__PURE__ */ n("span", { className: y.leadingIcon, children: u }) : null,
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ t("div", { className: k.controlRow, children: /* @__PURE__ */ x("div", { className: F, children: [
+          u ? /* @__PURE__ */ t("span", { className: k.leadingIcon, children: u }) : null,
+          /* @__PURE__ */ t(
             "input",
             {
-              id: k,
+              id: $,
               type: e,
-              value: w,
-              className: oe,
-              onFocus: B,
-              onBlur: A,
-              onChange: O,
-              disabled: h,
-              readOnly: m,
-              required: a,
-              ...R
+              value: h,
+              className: fe,
+              onFocus: E,
+              onBlur: H,
+              onChange: q,
+              disabled: m,
+              readOnly: y,
+              required: i,
+              ...b
             }
           ),
-          /* @__PURE__ */ n(
-            so,
+          /* @__PURE__ */ t(
+            bo,
             {
-              content: x,
-              disabled: h
+              content: w,
+              disabled: m
             }
           )
         ] }) }),
-        d || L !== null ? /* @__PURE__ */ n("p", { className: g, children: L }) : null
+        _ || re !== null ? /* @__PURE__ */ t("p", { className: L, children: re }) : null
       ]
     }
   );
 }
-const ro = "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", ao = "_actionButtons_1ngrw_1", co = {
-  actionButtons: ao
-}, _o = {
+const Co = "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", Je = "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", vo = "_actionButtons_1ngrw_1", yo = {
+  actionButtons: vo
+}, $o = {
   default: "basic",
   onTyping: "onTyping",
   typed: "typed",
   error: "error"
 };
-function ti({
+function jl({
   value: e,
   // 검색어 값
-  onChange: t,
+  onChange: n,
   // 입력 변경 핸들러
   onSearch: o,
   // 검색 실행 핸들러
   onClear: s,
   // 입력내용 전체 삭제 핸들러(미전달 시 기본 삭제 동작)
-  size: l = "default",
+  size: r = "default",
   // 인풋 크기
-  width: _,
+  width: c,
   // 컴포넌트 너비
-  designType: r = "outline",
+  designType: a = "outline",
   // 인풋 외형 타입
-  heading: a = !1,
+  heading: i = !1,
   // 라벨 표시 여부
-  headingContent: i,
+  headingContent: l,
   // 라벨 내용
-  variant: d,
+  variant: _,
   // SearchBar 상태 variant
-  description: p = !1,
+  description: f = !1,
   // 하단 안내 문구
   fixedDescriptionHeight: u = !0,
   // 하단 문구 영역 높이 고정 여부
-  disabled: x = !1,
+  disabled: w = !1,
   // 전체 비활성화 여부
-  readOnly: f = !1,
+  readOnly: p = !1,
   // 읽기 전용 여부
-  id: C,
+  id: g,
   // input id
-  name: N,
+  name: C,
   // input name
-  placeholder: $,
+  placeholder: v,
   // placeholder 텍스트
-  leadingIcon: I,
+  leadingIcon: N,
   // 좌측 아이콘 슬롯
-  trailingContent: c,
+  trailingContent: d,
   // 우측 trailing 콘텐츠(미지정 시 검색 버튼 사용)
-  maxLength: h = 20,
+  maxLength: m = 20,
   // 최대 입력 길이
-  required: m = !1,
+  required: y = !1,
   // 필수 입력 여부
-  errorMessage: R,
+  errorMessage: b,
   // 에러 상태 문구
-  onBlur: v,
+  onBlur: B,
   // 포커스 이탈 핸들러
-  onKeyDown: k,
+  onKeyDown: $,
   // 키다운 핸들러
-  ...q
+  ...P
 }) {
-  const [U, w] = Z(null), B = Ee(), A = C ?? B, O = (g) => g.length >= h, W = (g) => g.length === 1, T = (g) => {
-    const P = g.target.value;
-    O(P) ? w("max") : U !== null && w(null), t(g);
-  }, Y = () => {
-    if (O(e)) {
-      w("max");
+  const [z, h] = O(null), E = Me(), H = g ?? E, q = (L) => L.length >= m, se = (L) => L.length === 1, K = (L) => {
+    const U = L.target.value;
+    q(U) ? h("max") : z !== null && h(null), n(L);
+  }, V = () => {
+    if (q(e)) {
+      h("max");
       return;
     }
-    if (W(e)) {
-      w("min");
+    if (se(e)) {
+      h("min");
       return;
     }
-    w(null), o(e);
-  }, ce = () => {
-    const g = document.getElementById(A);
-    if (!(g instanceof HTMLInputElement))
-      return;
-    const P = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-    P !== void 0 && (P.call(g, ""), g.dispatchEvent(new Event("input", { bubbles: !0 })));
+    h(null), o(e);
   }, de = () => {
-    if (!(x || f || e.length === 0)) {
-      if (w(null), s !== void 0) {
+    const L = document.getElementById(H);
+    if (!(L instanceof HTMLInputElement))
+      return;
+    const U = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+    U !== void 0 && (U.call(L, ""), L.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, te = () => {
+    if (!(w || p || e.length === 0)) {
+      if (h(null), s !== void 0) {
         s();
         return;
       }
-      ce();
+      de();
     }
-  }, te = (g) => {
-    const P = g.currentTarget.value;
-    O(P) ? w("max") : W(P) ? w("min") : w(null), v?.(g);
-  }, oe = (g) => {
-    k?.(g), !g.defaultPrevented && (g.key !== "Enter" || g.nativeEvent.isComposing || (g.preventDefault(), Y()));
-  }, _e = U !== null ? "error" : d === void 0 ? void 0 : _o[d], ue = U === "max" ? `최대 ${Math.max(0, h - 1)}자 까지 가능합니다.` : U === "min" ? "최소 2자 이상 입력해 주세요." : R, L = c ?? /* @__PURE__ */ b("span", { className: co.actionButtons, children: [
-    e.length > 0 ? /* @__PURE__ */ n(
-      Te,
+  }, F = (L) => {
+    const U = L.currentTarget.value;
+    q(U) ? h("max") : se(U) ? h("min") : h(null), B?.(L);
+  }, fe = (L) => {
+    $?.(L), !L.defaultPrevented && (L.key !== "Enter" || L.nativeEvent.isComposing || (L.preventDefault(), V()));
+  }, he = z !== null ? "error" : _ === void 0 ? void 0 : $o[_], ge = z === "max" ? `최대 ${Math.max(0, m - 1)}자 까지 가능합니다.` : z === "min" ? "최소 2자 이상 입력해 주세요." : b, re = d ?? /* @__PURE__ */ x("span", { className: yo.actionButtons, children: [
+    e.length > 0 ? /* @__PURE__ */ t(
+      Oe,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: de,
-        disabled: x || f,
-        children: /* @__PURE__ */ n(
+        onClick: te,
+        disabled: w || p,
+        children: /* @__PURE__ */ t(
           "img",
           {
-            src: ro,
+            src: Co,
             alt: ""
           }
         )
       }
     ) : null,
-    /* @__PURE__ */ n(
-      Te,
+    /* @__PURE__ */ t(
+      Oe,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: Y,
-        disabled: x,
-        children: /* @__PURE__ */ n(
+        onClick: V,
+        disabled: w,
+        children: /* @__PURE__ */ t(
           "img",
           {
-            src: ze,
+            src: Je,
             alt: ""
           }
         )
       }
     )
   ] });
-  return /* @__PURE__ */ n(
-    io,
+  return /* @__PURE__ */ t(
+    xo,
     {
-      ...q,
-      id: A,
-      name: N,
+      ...P,
+      id: H,
+      name: C,
       value: e,
-      placeholder: $,
-      onChange: T,
-      onBlur: te,
-      onKeyDown: oe,
+      placeholder: v,
+      onChange: K,
+      onBlur: F,
+      onKeyDown: fe,
       type: "text",
-      width: _,
-      designType: r,
-      size: l,
-      heading: a,
-      headingContent: i,
-      required: m,
-      description: p,
+      width: c,
+      designType: a,
+      size: r,
+      heading: i,
+      headingContent: l,
+      required: y,
+      description: f,
       fixedDescriptionHeight: u,
-      variant: _e,
-      errorMessage: ue,
-      leadingIcon: I,
-      trailingContent: L,
-      maxLength: h,
-      disabled: x,
-      readOnly: f
+      variant: he,
+      errorMessage: ge,
+      leadingIcon: N,
+      trailingContent: re,
+      maxLength: m,
+      disabled: w,
+      readOnly: p
     }
   );
 }
-const uo = "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", mo = "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", po = "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", fo = "_wrapper_zleo7_1", ho = "_disabled_zleo7_9", go = "_input_zleo7_13", bo = "_box_zleo7_22", Co = "_checkIcon_zleo7_36", xo = "_dashIcon_zleo7_41", wo = "_medium_zleo7_48", vo = "_small_zleo7_53", yo = "_compact_zleo7_68", $o = "_active_zleo7_80", No = "_primary_zleo7_87", ko = "_assistive_zleo7_92", X = {
-  wrapper: fo,
-  disabled: ho,
-  input: go,
-  box: bo,
-  checkIcon: Co,
-  dashIcon: xo,
-  medium: wo,
-  small: vo,
-  compact: yo,
-  active: $o,
-  primary: No,
-  assistive: ko
+const ko = "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", No = "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", Bo = "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", Eo = "_disabled_zleo7_9", Io = "_input_zleo7_13", To = "_box_zleo7_22", Ro = "_checkIcon_zleo7_36", So = "_dashIcon_zleo7_41", Mo = "_medium_zleo7_48", jo = "_small_zleo7_53", Do = "_compact_zleo7_68", Ao = "_active_zleo7_80", Ho = "_primary_zleo7_87", Wo = "_assistive_zleo7_92", Q = {
+  wrapper: Lo,
+  disabled: Eo,
+  input: Io,
+  box: To,
+  checkIcon: Ro,
+  dashIcon: So,
+  medium: Mo,
+  small: jo,
+  compact: Do,
+  active: Ao,
+  primary: Ho,
+  assistive: Wo
 };
-function oi({
+function Dl({
   variant: e = "primary",
-  size: t = "medium",
+  size: n = "medium",
   density: o = "default",
   disabled: s = !1,
-  customStyle: l = {},
-  className: _,
-  checked: r = !1,
-  indeterminate: a = !1,
-  onChange: i,
-  ...d
+  customStyle: r = {},
+  className: c,
+  checked: a = !1,
+  indeterminate: i = !1,
+  onChange: l,
+  ..._
 }) {
-  const p = G(null);
-  ie(() => {
-    p.current && (p.current.indeterminate = a);
-  }, [a]);
-  const u = (C) => {
-    i?.(C.target.checked);
-  }, x = t === "small" ? mo : uo, f = [
-    X.wrapper,
-    X[e],
-    X[t],
-    X[o],
-    r ? X.active : "",
-    s ? X.disabled : "",
-    _ ?? ""
+  const f = W(null);
+  ce(() => {
+    f.current && (f.current.indeterminate = i);
+  }, [i]);
+  const u = (g) => {
+    l?.(g.target.checked);
+  }, w = n === "small" ? No : ko, p = [
+    Q.wrapper,
+    Q[e],
+    Q[n],
+    Q[o],
+    a ? Q.active : "",
+    s ? Q.disabled : "",
+    c ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: f, style: l, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ x("label", { "data-idb-component": !0, className: p, style: r, children: [
+    /* @__PURE__ */ t(
       "input",
       {
-        ref: p,
+        ref: f,
         type: "checkbox",
-        className: X.input,
-        checked: r,
+        className: Q.input,
+        checked: a,
         disabled: s,
         onChange: u,
-        ...d
+        ..._
       }
     ),
-    /* @__PURE__ */ b("span", { className: X.box, children: [
-      r && a && /* @__PURE__ */ n(
+    /* @__PURE__ */ x("span", { className: Q.box, children: [
+      a && i && /* @__PURE__ */ t(
         "img",
         {
-          src: po,
-          className: X.dashIcon,
+          src: Bo,
+          className: Q.dashIcon,
           alt: "",
           "aria-hidden": "true"
         }
       ),
-      r && !a && /* @__PURE__ */ n(
+      a && !i && /* @__PURE__ */ t(
         "img",
         {
-          src: x,
-          className: X.checkIcon,
+          src: w,
+          className: Q.checkIcon,
           alt: "",
           "aria-hidden": "true"
         }
@@ -858,375 +858,375 @@ function oi({
     ] })
   ] });
 }
-const Io = "_wrapper_kav3p_1", Bo = "_disabled_kav3p_9", Eo = "_input_kav3p_14", Lo = "_circle_kav3p_23", So = "_medium_kav3p_40", To = "_small_kav3p_45", jo = "_compact_kav3p_60", Mo = "_checked_kav3p_82", Do = "_primary_kav3p_82", Ro = "_assistive_kav3p_87", J = {
-  wrapper: Io,
-  disabled: Bo,
-  input: Eo,
-  circle: Lo,
-  medium: So,
-  small: To,
-  compact: jo,
-  checked: Mo,
-  primary: Do,
-  assistive: Ro
+const Oo = "_wrapper_kav3p_1", Po = "_disabled_kav3p_9", qo = "_input_kav3p_14", Fo = "_circle_kav3p_23", zo = "_medium_kav3p_40", Ko = "_small_kav3p_45", Zo = "_compact_kav3p_60", Vo = "_checked_kav3p_82", Uo = "_primary_kav3p_82", Yo = "_assistive_kav3p_87", ne = {
+  wrapper: Oo,
+  disabled: Po,
+  input: qo,
+  circle: Fo,
+  medium: zo,
+  small: Ko,
+  compact: Zo,
+  checked: Vo,
+  primary: Uo,
+  assistive: Yo
 };
-function si({
+function Al({
   variant: e = "primary",
-  size: t = "medium",
+  size: n = "medium",
   density: o = "default",
   disabled: s = !1,
-  checked: l = !1,
-  customStyle: _ = {},
-  className: r,
-  onChange: a,
-  ...i
+  checked: r = !1,
+  customStyle: c = {},
+  className: a,
+  onChange: i,
+  ...l
 }) {
-  const d = (u) => {
-    a?.(u.target.checked);
-  }, p = [
-    J.wrapper,
-    J[e],
-    J[t],
-    J[o],
-    l ? J.checked : J.unchecked,
-    s ? J.disabled : "",
-    r ?? ""
+  const _ = (u) => {
+    i?.(u.target.checked);
+  }, f = [
+    ne.wrapper,
+    ne[e],
+    ne[n],
+    ne[o],
+    r ? ne.checked : ne.unchecked,
+    s ? ne.disabled : "",
+    a ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: p, style: _, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ x("label", { "data-idb-component": !0, className: f, style: c, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         type: "radio",
-        className: J.input,
-        checked: l,
+        className: ne.input,
+        checked: r,
         disabled: s,
-        onChange: d,
-        ...i
+        onChange: _,
+        ...l
       }
     ),
-    /* @__PURE__ */ n("span", { className: J.circle })
+    /* @__PURE__ */ t("span", { className: ne.circle })
   ] });
 }
-const Ao = "_wrapper_tycam_1", Ho = "_disabled_tycam_8", qo = "_input_tycam_13", Oo = "_track_tycam_22", Wo = "_thumb_tycam_31", Po = "_small_tycam_41", Fo = "_medium_tycam_52", zo = "_large_tycam_63", Ko = "_off_tycam_76", Vo = "_on_tycam_82", ee = {
-  wrapper: Ao,
-  disabled: Ho,
-  input: qo,
-  track: Oo,
-  thumb: Wo,
-  small: Po,
-  medium: Fo,
-  large: zo,
-  off: Ko,
-  on: Vo
+const Xo = "_wrapper_tycam_1", Go = "_disabled_tycam_8", Jo = "_input_tycam_13", Qo = "_track_tycam_22", es = "_thumb_tycam_31", ts = "_small_tycam_41", ns = "_medium_tycam_52", os = "_large_tycam_63", ss = "_off_tycam_76", rs = "_on_tycam_82", ie = {
+  wrapper: Xo,
+  disabled: Go,
+  input: Jo,
+  track: Qo,
+  thumb: es,
+  small: ts,
+  medium: ns,
+  large: os,
+  off: ss,
+  on: rs
 };
-function li({
+function Hl({
   size: e = "medium",
-  active: t = !1,
+  active: n = !1,
   disabled: o = !1,
   customStyle: s = {},
-  className: l,
-  onChange: _,
-  ...r
+  className: r,
+  onChange: c,
+  ...a
 }) {
-  const a = (d) => {
-    _?.(d.target.checked);
-  }, i = [
-    ee.wrapper,
-    ee[e],
-    t ? ee.on : ee.off,
-    o ? ee.disabled : "",
-    l ?? ""
+  const i = (_) => {
+    c?.(_.target.checked);
+  }, l = [
+    ie.wrapper,
+    ie[e],
+    n ? ie.on : ie.off,
+    o ? ie.disabled : "",
+    r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("label", { "data-idb-component": !0, className: i, style: s, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ x("label", { "data-idb-component": !0, className: l, style: s, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         type: "checkbox",
-        className: ee.input,
-        checked: t,
+        className: ie.input,
+        checked: n,
         disabled: o,
-        onChange: a,
-        ...r
+        onChange: i,
+        ...a
       }
     ),
-    /* @__PURE__ */ n("span", { className: ee.track, children: /* @__PURE__ */ n("span", { className: ee.thumb }) })
+    /* @__PURE__ */ t("span", { className: ie.track, children: /* @__PURE__ */ t("span", { className: ie.thumb }) })
   ] });
 }
-const Zo = "_badge_iiym7_1", Uo = "_dot_iiym7_16", Yo = "_number_iiym7_23", Xo = "_info_iiym7_36", Pe = {
-  badge: Zo,
-  dot: Uo,
-  number: Yo,
-  info: Xo
+const ls = "_badge_iiym7_1", is = "_dot_iiym7_16", as = "_number_iiym7_23", cs = "_info_iiym7_36", Xe = {
+  badge: ls,
+  dot: is,
+  number: as,
+  info: cs
 };
-function ii({
+function Wl({
   variant: e = "number",
-  count: t = 1,
+  count: n = 1,
   bgColor: o,
   color: s,
-  disabled: l = !1,
-  customStyle: _ = {},
-  className: r
+  disabled: r = !1,
+  customStyle: c = {},
+  className: a
 }) {
-  if (l)
+  if (r)
     return null;
-  const a = t > 999 ? "999+" : t, i = {
+  const i = n > 999 ? "999+" : n, l = {
     ...o ? { backgroundColor: o } : {},
     ...s ? { color: s } : {},
-    ..._
-  }, d = [Pe.badge, Pe[e], r ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("span", { "data-idb-component": !0, className: d, style: i, children: [
-    e === "number" ? a : null,
+    ...c
+  }, _ = [Xe.badge, Xe[e], a ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ x("span", { "data-idb-component": !0, className: _, style: l, children: [
+    e === "number" ? i : null,
     e === "info" ? "?" : null
   ] });
 }
-var le = {}, Fe;
-function Go() {
-  if (Fe) return le;
-  Fe = 1;
-  var e = Xe;
+var _e = {}, Ge;
+function ds() {
+  if (Ge) return _e;
+  Ge = 1;
+  var e = ct;
   if (process.env.NODE_ENV === "production")
-    le.createRoot = e.createRoot, le.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;
-    le.createRoot = function(o, s) {
-      t.usingClientEntryPoint = !0;
+    var n = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    _e.createRoot = function(o, s) {
+      n.usingClientEntryPoint = !0;
       try {
         return e.createRoot(o, s);
       } finally {
-        t.usingClientEntryPoint = !1;
+        n.usingClientEntryPoint = !1;
       }
-    }, le.hydrateRoot = function(o, s, l) {
-      t.usingClientEntryPoint = !0;
+    }, _e.hydrateRoot = function(o, s, r) {
+      n.usingClientEntryPoint = !0;
       try {
-        return e.hydrateRoot(o, s, l);
+        return e.hydrateRoot(o, s, r);
       } finally {
-        t.usingClientEntryPoint = !1;
+        n.usingClientEntryPoint = !1;
       }
     };
   }
-  return le;
+  return _e;
 }
-var Ke = Go();
-const Jo = "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", Qo = "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", es = "_designContainer_1kal7_1", ns = "_toast_1kal7_11", ts = "_toastEnter_1kal7_1", os = "_basic_1kal7_32", ss = "_positive_1kal7_36", ls = "_negative_1kal7_40", is = "_content_1kal7_44", rs = "_iconSlot_1kal7_55", as = "_message_1kal7_64", cs = "_icon_1kal7_55", ds = "_toastExit_1kal7_89", Q = {
-  designContainer: es,
-  toast: ns,
-  toastEnter: ts,
-  basic: os,
-  positive: ss,
-  negative: ls,
-  content: is,
-  iconSlot: rs,
-  message: as,
-  icon: cs,
-  toastExit: ds
-}, _s = 3e3, us = 180;
-let me = null, we = null, j = null, ms = 0, ye = null, $e = null;
-function je() {
-  ye !== null && (window.clearTimeout(ye), ye = null);
+var Qe = ds();
+const _s = "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", us = "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", ps = "_designContainer_1kal7_1", ms = "_toast_1kal7_11", fs = "_toastEnter_1kal7_1", hs = "_basic_1kal7_32", gs = "_positive_1kal7_36", bs = "_negative_1kal7_40", ws = "_content_1kal7_44", xs = "_iconSlot_1kal7_55", Cs = "_message_1kal7_64", vs = "_icon_1kal7_55", ys = "_toastExit_1kal7_89", oe = {
+  designContainer: ps,
+  toast: ms,
+  toastEnter: fs,
+  basic: hs,
+  positive: gs,
+  negative: bs,
+  content: ws,
+  iconSlot: xs,
+  message: Cs,
+  icon: vs,
+  toastExit: ys
+}, $s = 3e3, ks = 180;
+let be = null, ke = null, j = null, Ns = 0, Le = null, Ee = null;
+function Pe() {
+  Le !== null && (window.clearTimeout(Le), Le = null);
 }
-function Me() {
-  $e !== null && (window.clearTimeout($e), $e = null);
+function qe() {
+  Ee !== null && (window.clearTimeout(Ee), Ee = null);
 }
-function ke() {
-  if (!me)
+function Te() {
+  if (!be)
     return;
   if (!j) {
-    me.render(null);
+    be.render(null);
     return;
   }
-  const e = j.variant === "positive" ? /* @__PURE__ */ n("img", { src: Jo, className: Q.icon, alt: "", "aria-hidden": "true" }) : j.variant === "negative" ? /* @__PURE__ */ n("img", { src: Qo, className: Q.icon, alt: "", "aria-hidden": "true" }) : null, t = j.icon !== void 0 ? j.icon : e;
-  me.render(
-    /* @__PURE__ */ n("div", { className: Q.designContainer, children: /* @__PURE__ */ n(
+  const e = j.variant === "positive" ? /* @__PURE__ */ t("img", { src: _s, className: oe.icon, alt: "", "aria-hidden": "true" }) : j.variant === "negative" ? /* @__PURE__ */ t("img", { src: us, className: oe.icon, alt: "", "aria-hidden": "true" }) : null, n = j.icon !== void 0 ? j.icon : e;
+  be.render(
+    /* @__PURE__ */ t("div", { className: oe.designContainer, children: /* @__PURE__ */ t(
       "div",
       {
         className: [
-          Q.toast,
-          Q[j.variant],
-          j.isExiting ? Q.toastExit : ""
+          oe.toast,
+          oe[j.variant],
+          j.isExiting ? oe.toastExit : ""
         ].filter(Boolean).join(" "),
         style: j.customStyle,
-        children: /* @__PURE__ */ b("span", { className: Q.content, children: [
-          t ? /* @__PURE__ */ n("span", { className: Q.iconSlot, children: t }) : null,
-          /* @__PURE__ */ n("span", { className: Q.message, children: j.message })
+        children: /* @__PURE__ */ x("span", { className: oe.content, children: [
+          n ? /* @__PURE__ */ t("span", { className: oe.iconSlot, children: n }) : null,
+          /* @__PURE__ */ t("span", { className: oe.message, children: j.message })
         ] })
       },
       j.renderKey
     ) })
   );
 }
-function Ve() {
-  !j || j.isExiting || (je(), Me(), j = {
+function et() {
+  !j || j.isExiting || (Pe(), qe(), j = {
     ...j,
     isExiting: !0
-  }, ke(), $e = window.setTimeout(() => {
-    j = null, ke(), Me();
-  }, us));
+  }, Te(), Ee = window.setTimeout(() => {
+    j = null, Te(), qe();
+  }, ks));
 }
-function ps() {
-  je(), Me(), ye = window.setTimeout(() => {
-    Ve(), je();
-  }, _s);
+function Bs() {
+  Pe(), qe(), Le = window.setTimeout(() => {
+    et(), Pe();
+  }, $s);
 }
-function fs() {
-  return typeof window > "u" || typeof document > "u" ? !1 : (me || (we = document.createElement("div"), we.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(we), me = Ke.createRoot(we), ke()), !0);
+function Ls() {
+  return typeof window > "u" || typeof document > "u" ? !1 : (be || (ke = document.createElement("div"), ke.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(ke), be = Qe.createRoot(ke), Te()), !0);
 }
-function ri({ message: e, variant: t = "basic", customStyle: o, icon: s }) {
-  e != null && fs() && (j = {
+function Ol({ message: e, variant: n = "basic", customStyle: o, icon: s }) {
+  e != null && Ls() && (j = {
     message: e,
-    variant: t,
+    variant: n,
     customStyle: o,
     icon: s,
     isExiting: !1,
-    renderKey: ms++
-  }, ke(), ps());
+    renderKey: Ns++
+  }, Te(), Bs());
 }
-function ai() {
-  Ve();
+function Pl() {
+  et();
 }
-const hs = "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", gs = "_designContainer_2k7ic_1", bs = "_snackbar_2k7ic_12", Cs = "_snackbarEnter_2k7ic_1", xs = "_content_2k7ic_32", ws = "_leading_2k7ic_41", vs = "_iconSlot_2k7ic_51", ys = "_message_2k7ic_67", $s = "_heading_2k7ic_77", Ns = "_description_2k7ic_78", ks = "_measureContent_2k7ic_93", Is = "_closeButton_2k7ic_107", Bs = "_trailing_2k7ic_111", Es = "_actionButton_2k7ic_118", Ls = "_closeIcon_2k7ic_122", Ss = "_basic_2k7ic_129", Ts = "_loading_2k7ic_130", js = "_snackbarExit_2k7ic_138", E = {
-  designContainer: gs,
-  snackbar: bs,
-  snackbarEnter: Cs,
-  content: xs,
-  leading: ws,
-  iconSlot: vs,
-  message: ys,
-  heading: $s,
-  description: Ns,
-  measureContent: ks,
-  closeButton: Is,
-  trailing: Bs,
-  actionButton: Es,
-  closeIcon: Ls,
-  basic: Ss,
-  loading: Ts,
-  snackbarExit: js
-}, Ms = 6e3, Ds = 1e4, Rs = 180;
-let pe = null, D = null, As = 0, fe = null, Ne = null, Ie = null, be = 0;
-function he(e) {
+const Es = "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", Is = "_designContainer_2k7ic_1", Ts = "_snackbar_2k7ic_12", Rs = "_snackbarEnter_2k7ic_1", Ss = "_content_2k7ic_32", Ms = "_leading_2k7ic_41", js = "_iconSlot_2k7ic_51", Ds = "_message_2k7ic_67", As = "_heading_2k7ic_77", Hs = "_description_2k7ic_78", Ws = "_measureContent_2k7ic_93", Os = "_closeButton_2k7ic_107", Ps = "_trailing_2k7ic_111", qs = "_actionButton_2k7ic_118", Fs = "_closeIcon_2k7ic_122", zs = "_basic_2k7ic_129", Ks = "_loading_2k7ic_130", Zs = "_snackbarExit_2k7ic_138", R = {
+  designContainer: Is,
+  snackbar: Ts,
+  snackbarEnter: Rs,
+  content: Ss,
+  leading: Ms,
+  iconSlot: js,
+  message: Ds,
+  heading: As,
+  description: Hs,
+  measureContent: Ws,
+  closeButton: Os,
+  trailing: Ps,
+  actionButton: qs,
+  closeIcon: Fs,
+  basic: zs,
+  loading: Ks,
+  snackbarExit: Zs
+}, Vs = 6e3, Us = 1e4, Ys = 180;
+let we = null, A = null, Xs = 0, xe = null, Ie = null, Re = null, ve = 0;
+function Ce(e) {
   return e != null && typeof e != "boolean" && (typeof e != "string" || e.trim() !== "");
 }
-function ae() {
-  fe !== null && (window.clearTimeout(fe), fe = null), Ie = null;
+function me() {
+  xe !== null && (window.clearTimeout(xe), xe = null), Re = null;
 }
-function Ce() {
-  Ne !== null && (window.clearTimeout(Ne), Ne = null);
+function ye() {
+  Ie !== null && (window.clearTimeout(Ie), Ie = null);
 }
-function Hs() {
+function Gs() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
-  if (pe)
+  if (we)
     return !0;
   const e = document.createElement("div");
-  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), pe = Ke.createRoot(e), !0;
+  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), we = Qe.createRoot(e), !0;
 }
-function qs() {
-  if (fe === null || Ie === null || !D || D.isExiting)
+function Js() {
+  if (xe === null || Re === null || !A || A.isExiting)
     return;
-  const e = Date.now() - Ie;
-  be = Math.max(0, be - e), ae();
+  const e = Date.now() - Re;
+  ve = Math.max(0, ve - e), me();
 }
-function De() {
-  if (!D || D.isExiting)
+function Fe() {
+  if (!A || A.isExiting)
     return;
-  ae(), Ce(), D = {
-    ...D,
+  me(), ye(), A = {
+    ...A,
     isExiting: !0
   };
-  const e = D.renderKey;
-  Re(), Ne = window.setTimeout(() => {
-    D?.renderKey === e && D.isExiting && (D = null, Re()), Ce();
-  }, Rs);
+  const e = A.renderKey;
+  ze(), Ie = window.setTimeout(() => {
+    A?.renderKey === e && A.isExiting && (A = null, ze()), ye();
+  }, Ys);
 }
-function Ze() {
-  if (!(!D || D.isExiting)) {
-    if (be <= 0) {
-      De();
+function tt() {
+  if (!(!A || A.isExiting)) {
+    if (ve <= 0) {
+      Fe();
       return;
     }
-    ae(), Ie = Date.now(), fe = window.setTimeout(() => {
-      De();
-    }, be);
+    me(), Re = Date.now(), xe = window.setTimeout(() => {
+      Fe();
+    }, ve);
   }
 }
-function Os(e) {
-  ae(), Ce(), be = e, Ze();
+function Qs(e) {
+  me(), ye(), ve = e, tt();
 }
-function Ws({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: s }) {
-  const l = G(null), [_, r] = Z(!1), a = he(e.heading), i = he(e.description);
-  ie(() => {
-    if (!a) {
-      r(!1);
+function er({ snackbar: e, onPauseAutoHide: n, onResumeAutoHide: o, onClose: s }) {
+  const r = W(null), [c, a] = O(!1), i = Ce(e.heading), l = Ce(e.description);
+  ce(() => {
+    if (!i) {
+      a(!1);
       return;
     }
-    const f = l.current;
-    if (!f)
+    const p = r.current;
+    if (!p)
       return;
-    let C = null;
-    const N = () => {
-      r(f.scrollHeight > f.clientHeight + 1);
-    }, $ = () => {
-      C !== null && window.cancelAnimationFrame(C), C = window.requestAnimationFrame(N);
+    let g = null;
+    const C = () => {
+      a(p.scrollHeight > p.clientHeight + 1);
+    }, v = () => {
+      g !== null && window.cancelAnimationFrame(g), g = window.requestAnimationFrame(C);
     };
-    $();
-    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", $);
+    v();
+    const N = typeof ResizeObserver < "u";
+    let d = null;
+    return N ? (d = new ResizeObserver(v), d.observe(p)) : window.addEventListener("resize", v), () => {
+      g !== null && window.cancelAnimationFrame(g), d?.disconnect(), N || window.removeEventListener("resize", v);
     };
-  }, [a, e.description, e.heading]);
-  const d = a && !_, p = a ? i ? /* @__PURE__ */ b(ge, { children: [
+  }, [i, e.description, e.heading]);
+  const _ = i && !c, f = i ? l ? /* @__PURE__ */ x(ue, { children: [
     e.heading,
     " ",
     e.description
-  ] }) : e.heading : e.description, u = e.icon ? /* @__PURE__ */ n("span", { className: E.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ n(xe, { size: 20, color: "currentColor" }) : null, x = he(e.actionLabel);
-  return /* @__PURE__ */ n("div", { className: E.designContainer, children: /* @__PURE__ */ n(
+  ] }) : e.heading : e.description, u = e.icon ? /* @__PURE__ */ t("span", { className: R.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ t($e, { size: 20, color: "currentColor" }) : null, w = Ce(e.actionLabel);
+  return /* @__PURE__ */ t("div", { className: R.designContainer, children: /* @__PURE__ */ t(
     "div",
     {
       "data-idb-component": !0,
       className: [
-        E.snackbar,
-        E[e.variant],
-        e.isExiting ? E.snackbarExit : ""
+        R.snackbar,
+        R[e.variant],
+        e.isExiting ? R.snackbarExit : ""
       ].filter(Boolean).join(" "),
       style: e.customStyle,
       role: "status",
       "aria-live": "polite",
-      onMouseEnter: t,
+      onMouseEnter: n,
       onMouseLeave: o,
-      children: /* @__PURE__ */ b("div", { className: E.content, children: [
-        u ? /* @__PURE__ */ n("span", { className: E.leading, children: u }) : null,
-        /* @__PURE__ */ b("div", { className: E.message, children: [
-          d ? /* @__PURE__ */ b(ge, { 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 ? (
+      children: /* @__PURE__ */ x("div", { className: R.content, children: [
+        u ? /* @__PURE__ */ t("span", { className: R.leading, children: u }) : null,
+        /* @__PURE__ */ x("div", { className: R.message, children: [
+          _ ? /* @__PURE__ */ x(ue, { children: [
+            /* @__PURE__ */ t("p", { className: R.heading, children: e.heading }),
+            l ? /* @__PURE__ */ t("p", { className: R.description, children: e.description }) : null
+          ] }) : /* @__PURE__ */ t("p", { className: R.description, children: f }),
+          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__ */ x("div", { ref: r, className: R.measureContent, "aria-hidden": "true", children: [
+              /* @__PURE__ */ t("p", { className: R.heading, children: e.heading }),
+              l ? /* @__PURE__ */ t("p", { className: R.description, children: e.description }) : null
             ] })
           ) : null
         ] }),
-        x || e.closeButton ? /* @__PURE__ */ b("span", { className: E.trailing, children: [
-          x ? /* @__PURE__ */ n(
-            Qn,
+        w || e.closeButton ? /* @__PURE__ */ x("span", { className: R.trailing, children: [
+          w ? /* @__PURE__ */ t(
+            un,
             {
               widthType: "flexible",
               variant: "primary",
-              className: E.actionButton,
+              className: R.actionButton,
               onClick: e.onActionClick,
               children: e.actionLabel
             }
           ) : null,
-          e.closeButton ? /* @__PURE__ */ n(
-            Te,
+          e.closeButton ? /* @__PURE__ */ t(
+            Oe,
             {
               size: "small",
-              className: E.closeButton,
+              className: R.closeButton,
               onClick: s,
-              children: /* @__PURE__ */ n("img", { src: hs, alt: "", "aria-hidden": "true", className: E.closeIcon })
+              children: /* @__PURE__ */ t("img", { src: Es, alt: "", "aria-hidden": "true", className: R.closeIcon })
             }
           ) : null
         ] }) : null
@@ -1235,386 +1235,605 @@ function Ws({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: s }
     e.renderKey
   ) });
 }
-function Re() {
-  if (pe) {
-    if (!D) {
-      ae(), Ce(), pe.render(null);
+function ze() {
+  if (we) {
+    if (!A) {
+      me(), ye(), we.render(null);
       return;
     }
-    pe.render(
-      /* @__PURE__ */ n(
-        Ws,
+    we.render(
+      /* @__PURE__ */ t(
+        er,
         {
-          snackbar: D,
-          onPauseAutoHide: qs,
-          onResumeAutoHide: Ze,
-          onClose: Ps
+          snackbar: A,
+          onPauseAutoHide: Js,
+          onResumeAutoHide: tt,
+          onClose: tr
         }
       )
     );
   }
 }
-function ci({
+function ql({
   variant: e = "basic",
-  heading: t,
+  heading: n,
   description: o,
   icon: s,
-  actionLabel: l,
-  onActionClick: _,
-  closeButton: r = !1,
-  customStyle: a
+  actionLabel: r,
+  onActionClick: c,
+  closeButton: a = !1,
+  customStyle: i
 }) {
-  if (!he(t) && !he(o) || !Hs())
+  if (!Ce(n) && !Ce(o) || !Gs())
     return;
-  ae(), Ce();
-  const i = r ? Ds : Ms;
-  D = {
+  me(), ye();
+  const l = a ? Us : Vs;
+  A = {
     variant: e,
-    heading: t,
+    heading: n,
     description: o,
     icon: s,
-    actionLabel: l,
-    onActionClick: _,
-    closeButton: r,
-    customStyle: a,
+    actionLabel: r,
+    onActionClick: c,
+    closeButton: a,
+    customStyle: i,
     isExiting: !1,
-    renderKey: As++
-  }, Re(), Os(i);
+    renderKey: Xs++
+  }, ze(), Qs(l);
 }
-function Ps() {
-  De();
+function tr() {
+  Fe();
 }
-const Fs = "_badge_1rfcr_1", zs = "_basic_1rfcr_13", Ks = "_primary_1rfcr_19", Vs = "_compact_1rfcr_31", Se = {
-  badge: Fs,
-  basic: zs,
-  primary: Ks,
+const nr = "_badge_1rfcr_1", or = "_basic_1rfcr_13", sr = "_primary_1rfcr_19", rr = "_compact_1rfcr_31", We = {
+  badge: nr,
+  basic: or,
+  primary: sr,
   default: "_default_1rfcr_26",
-  compact: Vs,
+  compact: rr,
   "compact-small": "_compact-small_1rfcr_36"
 };
-function di({
+function Fl({
   variant: e = "basic",
-  size: t = "default",
+  size: n = "default",
   contentColor: o,
   backgroundColor: s,
-  borderColor: l,
-  customStyle: _ = {},
-  className: r,
-  children: a
+  borderColor: r,
+  customStyle: c = {},
+  className: a,
+  children: i
 }) {
-  const i = [
-    Se.badge,
-    Se[e],
-    Se[t],
-    r ?? ""
-  ].filter(Boolean).join(" "), d = {
+  const l = [
+    We.badge,
+    We[e],
+    We[n],
+    a ?? ""
+  ].filter(Boolean).join(" "), _ = {
     ...o ? { color: o } : {},
     ...s ? { backgroundColor: s } : {},
-    ...l ? { borderColor: l } : {},
-    ..._
+    ...r ? { borderColor: r } : {},
+    ...c
   };
-  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: _, children: i });
 }
-const Zs = "_badge_pssu9_1", Us = "_basic_pssu9_13", Ys = "_error_pssu9_19", Xs = "_success_pssu9_25", Gs = "_info_pssu9_31", Js = "_warning_pssu9_37", Qs = "_compact_pssu9_49", el = "_dot_pssu9_55", ve = {
-  badge: Zs,
-  basic: Us,
-  error: Ys,
-  success: Xs,
-  info: Gs,
-  warning: Js,
+const lr = "_badge_pssu9_1", ir = "_basic_pssu9_13", ar = "_error_pssu9_19", cr = "_success_pssu9_25", dr = "_info_pssu9_31", _r = "_warning_pssu9_37", ur = "_compact_pssu9_49", pr = "_dot_pssu9_55", Ne = {
+  badge: lr,
+  basic: ir,
+  error: ar,
+  success: cr,
+  info: dr,
+  warning: _r,
   default: "_default_pssu9_44",
-  compact: Qs,
-  dot: el
+  compact: ur,
+  dot: pr
 };
-function _i({
+function zl({
   variant: e = "basic",
-  size: t = "default",
+  size: n = "default",
   stateIcon: o = !1,
   customStyle: s = {},
-  className: l,
-  children: _
+  className: r,
+  children: c
 }) {
-  const r = [
-    ve.badge,
-    ve[e],
-    ve[t],
-    l ?? ""
+  const a = [
+    Ne.badge,
+    Ne[e],
+    Ne[n],
+    r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("span", { "data-idb-component": !0, className: r, style: s, children: [
-    o ? /* @__PURE__ */ n("span", { className: ve.dot }) : null,
-    _
+  return /* @__PURE__ */ x("span", { "data-idb-component": !0, className: a, style: s, children: [
+    o ? /* @__PURE__ */ t("span", { className: Ne.dot }) : null,
+    c
   ] });
 }
-const nl = "_root_hbn36_3", tl = "_label_hbn36_13", ol = "_requiredMark_hbn36_21", sl = "_select_hbn36_29", ll = "_large_hbn36_46", il = "_medium_hbn36_49", rl = "_small_hbn36_52", al = "_disabled_hbn36_61", cl = "_choosing_hbn36_61", dl = "_error_hbn36_70", _l = "_selected_hbn36_74", ul = "_value_hbn36_85", ml = "_contentWrapper_hbn36_90", pl = "_leadingContent_hbn36_98", fl = "_placeholder_hbn36_124", hl = "_trailingIcon_hbn36_128", gl = "_helper_hbn36_140", bl = "_errorHelper_hbn36_148", Cl = "_helperDisabled_hbn36_152", M = {
-  root: nl,
-  label: tl,
-  requiredMark: ol,
-  select: sl,
-  large: ll,
-  medium: il,
-  small: rl,
-  default: "_default_hbn36_57",
-  disabled: al,
-  choosing: cl,
-  error: dl,
-  selected: _l,
-  value: ul,
-  contentWrapper: ml,
-  leadingContent: pl,
-  placeholder: fl,
-  trailingIcon: hl,
-  helper: gl,
-  errorHelper: bl,
-  helperDisabled: Cl
+const mr = "_root_1p9m1_3", fr = "_label_1p9m1_13", hr = "_requiredMark_1p9m1_21", gr = "_select_1p9m1_29", br = "_large_1p9m1_45", wr = "_medium_1p9m1_48", xr = "_small_1p9m1_51", Cr = "_disabled_1p9m1_60", vr = "_choosing_1p9m1_60", yr = "_error_1p9m1_69", $r = "_selected_1p9m1_73", kr = "_value_1p9m1_84", Nr = "_contentWrapper_1p9m1_89", Br = "_leadingContent_1p9m1_97", Lr = "_placeholder_1p9m1_123", Er = "_trailingIcon_1p9m1_127", Ir = "_helper_1p9m1_139", Tr = "_errorHelper_1p9m1_147", Rr = "_helperDisabled_1p9m1_151", D = {
+  root: mr,
+  label: fr,
+  requiredMark: hr,
+  select: gr,
+  large: br,
+  medium: wr,
+  small: xr,
+  default: "_default_1p9m1_56",
+  disabled: Cr,
+  choosing: vr,
+  error: yr,
+  selected: $r,
+  value: kr,
+  contentWrapper: Nr,
+  leadingContent: Br,
+  placeholder: Lr,
+  trailingIcon: Er,
+  helper: Ir,
+  errorHelper: Tr,
+  helperDisabled: Rr
 };
-function se(...e) {
+function ee(...e) {
   return e.filter(Boolean).join(" ");
 }
-const xl = "_dropdownList_aaflm_27", wl = "_dropdownEnter_aaflm_1", vl = "_closing_aaflm_42", yl = "_dropdownExit_aaflm_1", $l = "_searchWrapper_aaflm_48", Nl = "_searchInput_aaflm_60", kl = "_searchTrailing_aaflm_75", Il = "_searchIcon_aaflm_83", Bl = "_menu_aaflm_91", El = "_noScroll_aaflm_104", Ll = "_left_aaflm_127", Sl = "_optionContent_aaflm_127", Tl = "_center_aaflm_132", jl = "_optionIcon_aaflm_137", Ml = "_optionLabel_aaflm_141", Dl = "_optionItem_aaflm_148", Rl = "_selectedItem_aaflm_166", Al = "_emptyItem_aaflm_203", Hl = "_tooltipBox_aaflm_212", S = {
-  dropdownList: xl,
-  dropdownEnter: wl,
-  closing: vl,
-  dropdownExit: yl,
-  searchWrapper: $l,
-  searchInput: Nl,
-  searchTrailing: kl,
-  searchIcon: Il,
-  menu: Bl,
-  noScroll: El,
-  left: Ll,
-  optionContent: Sl,
-  center: Tl,
-  optionIcon: jl,
-  optionLabel: Ml,
-  optionItem: Dl,
-  selectedItem: Rl,
-  emptyItem: Al,
-  tooltipBox: Hl
+const Sr = "_dropdownList_1cfao_27", Mr = "_dropdownEnter_1cfao_1", jr = "_closing_1cfao_42", Dr = "_dropdownExit_1cfao_1", Ar = "_searchWrapper_1cfao_48", Hr = "_searchInput_1cfao_60", Wr = "_searchTrailing_1cfao_75", Or = "_searchIcon_1cfao_83", Pr = "_menu_1cfao_91", qr = "_noScroll_1cfao_104", Fr = "_left_1cfao_127", zr = "_optionContent_1cfao_127", Kr = "_center_1cfao_132", Zr = "_optionIcon_1cfao_137", Vr = "_optionLabel_1cfao_141", Ur = "_optionItem_1cfao_148", Yr = "_selectedItem_1cfao_166", Xr = "_emptyItem_1cfao_203", M = {
+  dropdownList: Sr,
+  dropdownEnter: Mr,
+  closing: jr,
+  dropdownExit: Dr,
+  searchWrapper: Ar,
+  searchInput: Hr,
+  searchTrailing: Wr,
+  searchIcon: Or,
+  menu: Pr,
+  noScroll: qr,
+  left: Fr,
+  optionContent: zr,
+  center: Kr,
+  optionIcon: Zr,
+  optionLabel: Vr,
+  optionItem: Ur,
+  selectedItem: Yr,
+  emptyItem: Xr
+}, Gr = "_tooltip_3x8xx_3", Jr = "_compact_3x8xx_22", Qr = "_body_3x8xx_28", el = "_content_3x8xx_34", tl = "_arrow_3x8xx_41", nl = "_arrowTop_3x8xx_52", ol = "_arrowTopLeft_3x8xx_53", sl = "_arrowTopRight_3x8xx_54", rl = "_arrowBottom_3x8xx_76", ll = "_arrowBottomLeft_3x8xx_77", il = "_arrowBottomRight_3x8xx_78", al = "_arrowLeft_3x8xx_100", cl = "_arrowLeftTop_3x8xx_101", dl = "_arrowLeftBottom_3x8xx_102", _l = "_arrowRight_3x8xx_124", ul = "_arrowRightTop_3x8xx_125", pl = "_arrowRightBottom_3x8xx_126", ml = "_trigger_3x8xx_149", I = {
+  tooltip: Gr,
+  default: "_default_3x8xx_18",
+  compact: Jr,
+  body: Qr,
+  content: el,
+  arrow: tl,
+  arrowTop: nl,
+  arrowTopLeft: ol,
+  arrowTopRight: sl,
+  arrowBottom: rl,
+  arrowBottomLeft: ll,
+  arrowBottomRight: il,
+  arrowLeft: al,
+  arrowLeftTop: cl,
+  arrowLeftBottom: dl,
+  arrowRight: _l,
+  arrowRightTop: ul,
+  arrowRightBottom: pl,
+  trigger: ml
+}, fl = 6, hl = 4, Z = fl + hl, Be = 20;
+function nt(e, n, o) {
+  const s = n.offsetWidth, r = n.offsetHeight, c = e.left + e.width / 2, a = e.top + e.height / 2;
+  let i = 0, l = 0;
+  switch (o) {
+    // ─── Top ──────────────────────────────────────────
+    case "top":
+      i = e.top - r - Z, l = c - s / 2;
+      break;
+    case "top-left":
+      i = e.top - r - Z, l = c - s + Be;
+      break;
+    case "top-right":
+      i = e.top - r - Z, l = c - Be;
+      break;
+    // ─── Bottom ───────────────────────────────────────
+    case "bottom":
+      i = e.bottom + Z, l = c - s / 2;
+      break;
+    case "bottom-left":
+      i = e.bottom + Z, l = c - s + Be;
+      break;
+    case "bottom-right":
+      i = e.bottom + Z, l = c - Be;
+      break;
+    // ─── Left ─────────────────────────────────────────
+    case "left":
+      i = a - r / 2, l = e.left - s - Z;
+      break;
+    case "left-top":
+      i = e.top, l = e.left - s - Z;
+      break;
+    case "left-bottom":
+      i = e.bottom - r, l = e.left - s - Z;
+      break;
+    // ─── Right ────────────────────────────────────────
+    case "right":
+      i = a - r / 2, l = e.right + Z;
+      break;
+    case "right-top":
+      i = e.top, l = e.right + Z;
+      break;
+    case "right-bottom":
+      i = e.bottom - r, l = e.right + Z;
+      break;
+  }
+  return { top: i, left: l };
+}
+function ot() {
+  const [e, n] = O(null), o = T(
+    (r, c, a) => {
+      const i = r.getBoundingClientRect();
+      n({ content: c, rect: i, position: a });
+    },
+    []
+  ), s = T(() => {
+    n(null);
+  }, []);
+  return { tooltip: e, showTooltip: o, hideTooltip: s };
+}
+const gl = {
+  top: I.arrowTop,
+  "top-left": I.arrowTopRight,
+  "top-right": I.arrowTopLeft,
+  bottom: I.arrowBottom,
+  "bottom-left": I.arrowBottomRight,
+  "bottom-right": I.arrowBottomLeft,
+  left: I.arrowLeft,
+  "left-top": I.arrowLeftTop,
+  "left-bottom": I.arrowLeftBottom,
+  right: I.arrowRight,
+  "right-top": I.arrowRightTop,
+  "right-bottom": I.arrowRightBottom
 };
-function Ue({
+function st({ tooltip: e, backgroundColor: n, contentColor: o }) {
+  const s = W(null), [r, c] = O(null);
+  if (Ke(() => {
+    e && s.current ? c(nt(e.rect, s.current, e.position)) : c(null);
+  }, [e]), !e) return null;
+  const a = n ? { backgroundColor: n, borderColor: n } : void 0;
+  return je(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: s,
+        className: ee(I.tooltip, I.compact),
+        "data-idb-component": "tooltip",
+        style: {
+          ...a,
+          color: o,
+          top: r?.top,
+          left: r?.left,
+          visibility: r ? "visible" : "hidden",
+          pointerEvents: "none"
+        },
+        children: /* @__PURE__ */ t("span", { className: I.content, children: e.content })
+      }
+    ),
+    document.body
+  );
+}
+function Kl({
+  content: e,
+  trigger: n = "hover",
+  variant: o = "default",
+  position: s = "top",
+  arrow: r = !0,
+  as: c,
+  visibleOnEllipsis: a = !1,
+  // 자식 엘리먼트에 말줄임(ellipsis)이 발생했을 때만 툴팁을 표시.
+  backgroundColor: i,
+  contentColor: l,
+  customStyle: _,
+  children: f
+}) {
+  const [u, w] = O(!1), p = W(null), g = W(null), [C, v] = O(null);
+  Ke(() => {
+    if (u && g.current && p.current) {
+      const h = p.current.getBoundingClientRect();
+      v(nt(h, g.current, s));
+    }
+  }, [u, s]);
+  const N = T(() => {
+    if (!a || !p.current) return !0;
+    const h = p.current.firstElementChild ?? p.current;
+    return h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;
+  }, [a]), d = T(() => {
+    N() && w(!0);
+  }, [N]), m = T(() => {
+    w(!1), v(null);
+  }, []), y = T(() => {
+    if (u)
+      m();
+    else {
+      if (!N()) return;
+      w(!0);
+    }
+  }, [u, m, N]);
+  ce(() => {
+    if (n !== "click" || !u) return;
+    const h = (E) => {
+      const H = E.target;
+      p.current?.contains(H) || g.current?.contains(H) || m();
+    };
+    return document.addEventListener("mousedown", h), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
+      document.removeEventListener("mousedown", h), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+    };
+  }, [n, u, m]);
+  const b = typeof e == "function" ? e(m) : e, B = i ? { backgroundColor: i } : void 0, $ = i ? (() => {
+    const h = s.split("-")[0];
+    return { [{
+      top: "borderTopColor",
+      bottom: "borderBottomColor",
+      left: "borderLeftColor",
+      right: "borderRightColor"
+    }[h]]: i };
+  })() : void 0, P = c ?? "span", z = ee(
+    I.tooltip,
+    I[o]
+  );
+  return /* @__PURE__ */ x(ue, { children: [
+    at(
+      P,
+      {
+        ref: p,
+        className: I.trigger,
+        ...n === "hover" ? { onMouseEnter: d, onMouseLeave: m } : { onClick: y }
+      },
+      f
+    ),
+    u && je(
+      /* @__PURE__ */ x(
+        "div",
+        {
+          ref: g,
+          className: z,
+          "data-idb-component": "tooltip",
+          style: {
+            ...B,
+            ..._,
+            color: l,
+            top: C?.top,
+            left: C?.left,
+            visibility: C ? "visible" : "hidden"
+          },
+          children: [
+            r && /* @__PURE__ */ t(
+              "span",
+              {
+                className: ee(I.arrow, gl[s]),
+                style: $
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: I.body, children: /* @__PURE__ */ t("span", { className: I.content, children: b }) })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function rt({
   listboxId: e,
-  type: t = "basic",
+  type: n = "basic",
   align: o = "left",
   content: s = !1,
-  options: l,
-  selectedValue: _,
-  onSelect: r,
-  textColor: a,
-  closing: i = !1
+  options: r,
+  selectedValue: c,
+  onSelect: a,
+  textColor: i,
+  closing: l = !1
 }) {
-  const [d, p] = Z(""), [u, x] = Z(null), f = G(null), [C, N] = Z(!1), $ = H((m, R) => {
-    const v = m.currentTarget.querySelector(`.${S.optionLabel}`);
-    if (v && v.scrollWidth > v.clientWidth) {
-      const k = m.currentTarget.getBoundingClientRect(), q = window.innerHeight - k.bottom > 80 ? "below" : "above";
-      x({ text: R, top: k.top, bottom: k.bottom, left: k.left, width: k.width, placement: q });
+  const [_, f] = O(""), { tooltip: u, showTooltip: w, hideTooltip: p } = ot(), g = W(null), [C, v] = O(!1), N = T((b, B) => {
+    const $ = b.currentTarget.querySelector(`.${M.optionLabel}`);
+    if ($ && $.scrollWidth > $.clientWidth) {
+      const P = window.innerHeight - b.currentTarget.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+      w(b.currentTarget, B, P);
     }
-  }, []), I = H(() => x(null), []), c = se(S.menu, S[o]), h = ne(
-    () => t === "search" ? l.filter((m) => m.label.toLowerCase().includes(d.toLowerCase())) : l,
-    [t, l, d]
+  }, [w]), d = T(() => p(), [p]), m = ee(M.menu, M[o]), y = ae(
+    () => n === "search" ? r.filter((b) => b.label.toLowerCase().includes(_.toLowerCase())) : r,
+    [n, r, _]
   );
-  return Ye(() => {
-    const m = f.current;
-    m && N(m.scrollHeight > m.clientHeight);
-  }, [h]), /* @__PURE__ */ b(ge, { children: [
-    /* @__PURE__ */ b("div", { className: se(S.dropdownList, i && S.closing), children: [
-      t === "search" && /* @__PURE__ */ b("div", { className: S.searchWrapper, children: [
-        /* @__PURE__ */ n(
+  return Ke(() => {
+    const b = g.current;
+    b && v(b.scrollHeight > b.clientHeight);
+  }, [y]), /* @__PURE__ */ x(ue, { children: [
+    /* @__PURE__ */ x("div", { className: ee(M.dropdownList, l && M.closing), children: [
+      n === "search" && /* @__PURE__ */ x("div", { className: M.searchWrapper, children: [
+        /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             "aria-label": "옵션 검색",
             title: "옵션 검색",
-            className: S.searchInput,
+            className: M.searchInput,
             placeholder: "검색어를 입력해주세요.",
-            value: d,
-            onChange: (m) => p(m.target.value),
-            onClick: (m) => m.stopPropagation(),
+            value: _,
+            onChange: (b) => f(b.target.value),
+            onClick: (b) => b.stopPropagation(),
             autoFocus: !0
           }
         ),
-        /* @__PURE__ */ n("span", { className: S.searchTrailing, children: /* @__PURE__ */ n("span", { className: S.searchIcon, children: /* @__PURE__ */ n("img", { src: ze, alt: "" }) }) })
+        /* @__PURE__ */ t("span", { className: M.searchTrailing, children: /* @__PURE__ */ t("span", { className: M.searchIcon, children: /* @__PURE__ */ t("img", { src: Je, alt: "" }) }) })
       ] }),
-      /* @__PURE__ */ n("ul", { ref: f, id: e, className: se(c, !C && S.noScroll), role: "listbox", "aria-label": "옵션 목록", children: h.map((m) => {
-        const R = m.value === _;
-        return /* @__PURE__ */ n(
+      /* @__PURE__ */ t("ul", { ref: g, id: e, className: ee(m, !C && M.noScroll), role: "listbox", "aria-label": "옵션 목록", children: y.map((b) => {
+        const B = b.value === c;
+        return /* @__PURE__ */ t(
           "li",
           {
-            className: se(S.optionItem, R && S.selectedItem),
-            onClick: (v) => {
-              v.stopPropagation(), r(m);
+            className: ee(M.optionItem, B && M.selectedItem),
+            onClick: ($) => {
+              $.stopPropagation(), a(b);
             },
-            onMouseEnter: (v) => $(v, m.label),
-            onMouseLeave: I,
+            onMouseEnter: ($) => N($, b.label),
+            onMouseLeave: d,
             role: "option",
-            "aria-selected": R,
-            children: /* @__PURE__ */ b("div", { className: S.optionContent, children: [
-              s && m.icon && /* @__PURE__ */ n("span", { className: S.optionIcon, children: m.icon }),
-              /* @__PURE__ */ n("span", { className: S.optionLabel, style: a ? { color: a } : void 0, children: m.label })
+            "aria-selected": B,
+            children: /* @__PURE__ */ x("div", { className: M.optionContent, children: [
+              s && b.icon && /* @__PURE__ */ t("span", { className: M.optionIcon, children: b.icon }),
+              /* @__PURE__ */ t("span", { className: M.optionLabel, style: i ? { color: i } : void 0, children: b.label })
             ] })
           },
-          m.value
+          b.value
         );
       }) }),
-      h.length === 0 && /* @__PURE__ */ n("div", { className: S.emptyItem, children: t === "search" && d ? "검색 결과가 없습니다." : "-" })
+      y.length === 0 && /* @__PURE__ */ t("div", { className: M.emptyItem, children: n === "search" && _ ? "검색 결과가 없습니다." : "-" })
     ] }),
-    u && Ae(
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: S.tooltipBox,
-          style: {
-            position: "fixed",
-            top: u.placement === "below" ? u.bottom + 4 : u.top,
-            left: u.left,
-            width: u.width,
-            zIndex: 1e4,
-            transform: u.placement === "above" ? "translateY(calc(-100% - 4px))" : void 0
-          },
-          children: u.text
-        }
-      ),
-      document.body
-    )
+    /* @__PURE__ */ t(st, { tooltip: u })
   ] });
 }
-const ql = "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", Ol = "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", Wl = "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", Pl = 150;
-function ui({
+const bl = "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", wl = "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", xl = "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", Cl = 150;
+function Zl({
   variant: e = "default",
-  size: t = "medium",
+  size: n = "medium",
   heading: o,
   required: s = !1,
-  leadingContent: l,
-  description: _,
-  disabled: r = !1,
-  placeholder: a = "선택해주세요.",
-  value: i,
-  onSelect: d,
-  options: p = [],
+  leadingContent: r,
+  description: c,
+  disabled: a = !1,
+  placeholder: i = "선택해주세요.",
+  selectedValue: l,
+  onSelect: _,
+  options: f = [],
+  // 아래는 드롭다운 관련 Props
   type: u = "basic",
-  align: x = "left",
-  content: f = !1,
-  buttonWidth: C,
-  descriptionWidth: N,
-  customStyle: $,
-  textColor: I
+  align: w = "left",
+  content: p = !1,
+  buttonWidth: g,
+  descriptionWidth: C,
+  customStyle: v,
+  textColor: N
 }) {
-  const c = Ee(), h = `${c}-listbox`, [m, R] = Z(!1), [v, k] = Z(!1), [q, U] = Z(null), w = G(null), B = G(null), A = G(null), O = G(), W = H(() => {
-    const L = B.current ?? w.current;
-    if (L) {
-      const g = L.getBoundingClientRect();
-      U({
-        top: g.bottom + window.scrollY + 4,
-        left: g.left + window.scrollX,
-        width: g.width
+  const d = Me(), m = `${d}-listbox`, [y, b] = O(!1), [B, $] = O(!1), [P, z] = O(null), { tooltip: h, showTooltip: E, hideTooltip: H } = ot(), q = W(null), se = W(null), K = W(null), V = W(null), de = W(), te = T(() => {
+    const S = se.current ?? q.current;
+    if (S) {
+      const le = S.getBoundingClientRect();
+      z({
+        top: le.bottom + window.scrollY + 4,
+        left: le.left + window.scrollX,
+        width: le.width
       });
     }
-  }, []), T = H(() => {
-    k(!0), O.current = setTimeout(() => {
-      R(!1), k(!1);
-    }, Pl);
-  }, []), Y = H(() => {
-    m && !v ? T() : m || (W(), R(!0));
-  }, [m, v, W, T]), ce = H((L) => {
-    d?.(L), T();
-  }, [d, T]);
-  ie(() => () => clearTimeout(O.current), []), ie(() => {
-    const L = (P) => {
-      const qe = P.target;
-      w.current && w.current.contains(qe) || A.current && A.current.contains(qe) || T();
-    }, g = (P) => {
-      A.current && A.current.contains(P.target) || T();
+  }, []), F = T(() => {
+    $(!0), de.current = setTimeout(() => {
+      b(!1), $(!1);
+    }, Cl);
+  }, []), fe = T(() => {
+    H(), y && !B ? F() : y || (te(), b(!0));
+  }, [y, B, te, F, H]), he = T((S) => {
+    _?.(S), F();
+  }, [_, F]);
+  ce(() => () => clearTimeout(de.current), []), ce(() => {
+    const S = (Ae) => {
+      const Ve = Ae.target;
+      q.current && q.current.contains(Ve) || K.current && K.current.contains(Ve) || F();
+    }, le = (Ae) => {
+      K.current && K.current.contains(Ae.target) || F();
     };
-    return m && (document.addEventListener("click", L), window.addEventListener("resize", W), window.addEventListener("scroll", g, !0)), () => {
-      document.removeEventListener("click", L), window.removeEventListener("resize", W), window.removeEventListener("scroll", g, !0);
+    return y && (document.addEventListener("click", S), window.addEventListener("resize", te), window.addEventListener("scroll", le, !0)), () => {
+      document.removeEventListener("click", S), window.removeEventListener("resize", te), window.removeEventListener("scroll", le, !0);
     };
-  }, [m, W, T]);
-  const de = H((L) => {
-    L.key === "Escape" && m && (L.preventDefault(), T());
-  }, [m, T]), te = e === "error";
-  let oe = e;
-  (m || v) && !te ? oe = "choosing" : i && !te && (oe = "selected");
-  const _e = se(
-    M.select,
-    M[t],
-    M[oe],
-    r && M.disabled
-  ), ue = se(
-    M.helper,
-    te && M.errorHelper,
-    r && M.helperDisabled
+  }, [y, te, F]);
+  const ge = T((S) => {
+    S.key === "Escape" && y && (S.preventDefault(), F());
+  }, [y, F]), re = T(() => {
+    const S = V.current;
+    if (S && S.scrollWidth > S.clientWidth && l?.label) {
+      const le = window.innerHeight - S.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+      E(S, l.label, le);
+    }
+  }, [l?.label, E]), L = T(() => H(), [H]), U = e === "error";
+  let De = e;
+  y && !B && !U ? De = "choosing" : l && !U && (De = "selected");
+  const lt = ee(
+    D.select,
+    D[n],
+    D[De],
+    a && D.disabled
+  ), it = ee(
+    D.helper,
+    U && D.errorHelper,
+    a && D.helperDisabled
   );
-  return /* @__PURE__ */ b(ge, { children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ x(ue, { children: [
+    /* @__PURE__ */ x(
       "div",
       {
-        ref: w,
-        className: M.root,
+        ref: q,
+        className: D.root,
         "data-idb-component": "select",
-        style: $,
+        style: v,
         children: [
-          o && /* @__PURE__ */ b("label", { className: M.label, children: [
-            /* @__PURE__ */ n("span", { children: o }),
-            s && /* @__PURE__ */ n("span", { className: M.requiredMark, children: "*" })
+          o && /* @__PURE__ */ x("label", { className: D.label, children: [
+            /* @__PURE__ */ t("span", { children: o }),
+            s && /* @__PURE__ */ t("span", { className: D.requiredMark, children: "*" })
           ] }),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ x(
             "button",
             {
-              ref: B,
+              ref: se,
               type: "button",
-              id: c,
-              className: _e,
-              disabled: r,
-              "aria-expanded": m,
+              id: d,
+              className: lt,
+              disabled: a,
+              "aria-expanded": y,
               "aria-haspopup": "listbox",
-              "aria-controls": m ? h : void 0,
-              onClick: Y,
-              onKeyDown: de,
-              style: C != null ? { width: `${C}px` } : void 0,
+              "aria-controls": y ? m : void 0,
+              onClick: fe,
+              onKeyDown: ge,
+              style: g != null ? { width: `${g}px` } : void 0,
               children: [
-                /* @__PURE__ */ b("div", { className: M.contentWrapper, children: [
-                  l && /* @__PURE__ */ n("span", { className: M.leadingContent, children: l }),
-                  /* @__PURE__ */ n("span", { className: se(M.value, !i?.label && M.placeholder), children: i?.label ?? a })
+                /* @__PURE__ */ x("div", { className: D.contentWrapper, children: [
+                  r && /* @__PURE__ */ t("span", { className: D.leadingContent, children: r }),
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      ref: V,
+                      className: ee(D.value, !l?.label && D.placeholder),
+                      onMouseEnter: re,
+                      onMouseLeave: L,
+                      children: l?.label ?? i
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ n("span", { className: M.trailingIcon, children: /* @__PURE__ */ n("img", { src: r ? Ol : m ? Wl : ql, alt: "" }) })
+                /* @__PURE__ */ t("span", { className: D.trailingIcon, children: /* @__PURE__ */ t("img", { src: a ? wl : y ? xl : bl, alt: "" }) })
               ]
             }
           ),
-          _ && /* @__PURE__ */ n(
-            "p",
+          c && /* @__PURE__ */ t(
+            "div",
             {
-              className: ue,
-              style: N != null ? { width: `${N}px` } : void 0,
-              children: _
+              className: it,
+              style: C != null ? { width: `${C}px` } : void 0,
+              children: c
             }
           )
         ]
       }
     ),
-    m && Ae(
-      /* @__PURE__ */ n(
+    /* @__PURE__ */ t(st, { tooltip: h }),
+    y && je(
+      /* @__PURE__ */ t(
         "div",
         {
-          ref: A,
+          ref: K,
           "data-idb-component": "select-dropdown",
           style: {
             position: "absolute",
-            top: q?.top,
-            left: q?.left,
-            width: q?.width,
+            top: P?.top,
+            left: P?.left,
+            width: P?.width,
             zIndex: 9999
           },
-          children: /* @__PURE__ */ n(
-            Ue,
+          children: /* @__PURE__ */ t(
+            rt,
             {
-              listboxId: h,
+              listboxId: m,
               type: u,
-              align: x,
-              content: f,
-              options: p,
-              selectedValue: i?.value,
-              onSelect: ce,
-              textColor: I,
-              closing: v
+              align: w,
+              content: p,
+              options: f,
+              selectedValue: l?.value,
+              onSelect: he,
+              textColor: N,
+              closing: B
             }
           )
         }
@@ -1623,90 +1842,90 @@ function ui({
     )
   ] });
 }
-const Fl = "_root_vt7k4_3", zl = {
-  root: Fl
-}, Kl = 150;
-function mi({
+const vl = "_root_vt7k4_3", yl = {
+  root: vl
+}, $l = 150;
+function Vl({
   children: e,
-  type: t = "basic",
+  type: n = "basic",
   align: o = "left",
   content: s = !1,
-  options: l = [],
-  onSelect: _,
-  selectedValue: r,
-  textColor: a,
-  customStyle: i,
-  disabled: d = !1,
-  width: p
+  options: r = [],
+  onSelect: c,
+  selectedValue: a,
+  textColor: i,
+  customStyle: l,
+  disabled: _ = !1,
+  width: f
 }) {
-  const x = `${Ee()}-listbox`, [f, C] = Z(!1), [N, $] = Z(!1), [I, c] = Z(null), h = G(null), m = G(null), R = G(), v = H(() => {
-    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 w = `${Me()}-listbox`, [p, g] = O(!1), [C, v] = O(!1), [N, d] = O(null), m = W(null), y = W(null), b = W(), B = T(() => {
+    if (m.current) {
+      const E = m.current.getBoundingClientRect();
+      d({
+        top: E.bottom + window.scrollY + 4,
+        left: E.left + window.scrollX,
+        width: f ?? E.width
       });
     }
-  }, [p]), k = H(() => {
-    $(!0), R.current = setTimeout(() => {
-      C(!1), $(!1);
-    }, Kl);
-  }, []), q = H(() => {
-    d || (f && !N ? k() : f || (v(), C(!0)));
-  }, [d, f, N, v, k]), U = H((B) => {
-    _(B), k();
-  }, [_, k]);
-  ie(() => () => clearTimeout(R.current), []), ie(() => {
-    const B = (A) => {
-      const O = A.target;
-      h.current && h.current.contains(O) || m.current && m.current.contains(O) || k();
+  }, [f]), $ = T(() => {
+    v(!0), b.current = setTimeout(() => {
+      g(!1), v(!1);
+    }, $l);
+  }, []), P = T(() => {
+    _ || (p && !C ? $() : p || (B(), g(!0)));
+  }, [_, p, C, B, $]), z = T((E) => {
+    c(E), $();
+  }, [c, $]);
+  ce(() => () => clearTimeout(b.current), []), ce(() => {
+    const E = (H) => {
+      const q = H.target;
+      m.current && m.current.contains(q) || y.current && y.current.contains(q) || $();
     };
-    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 p && (document.addEventListener("click", E), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0)), () => {
+      document.removeEventListener("click", E), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
     };
-  }, [f, v, k]);
-  const w = H((B) => {
-    B.key === "Escape" && f && (B.preventDefault(), k());
-  }, [f, k]);
-  return /* @__PURE__ */ b(ge, { children: [
-    /* @__PURE__ */ n(
+  }, [p, B, $]);
+  const h = T((E) => {
+    E.key === "Escape" && p && (E.preventDefault(), $());
+  }, [p, $]);
+  return /* @__PURE__ */ x(ue, { children: [
+    /* @__PURE__ */ t(
       "div",
       {
-        ref: h,
-        className: zl.root,
+        ref: m,
+        className: yl.root,
         "data-idb-component": "dropdown",
-        style: i,
-        onClick: q,
-        onKeyDown: w,
+        style: l,
+        onClick: P,
+        onKeyDown: h,
         children: e
       }
     ),
-    f && Ae(
-      /* @__PURE__ */ n(
+    p && je(
+      /* @__PURE__ */ t(
         "div",
         {
-          ref: m,
+          ref: y,
           "data-idb-component": "dropdown-list",
           style: {
             position: "absolute",
-            top: I?.top,
-            left: I?.left,
-            width: I?.width,
+            top: N?.top,
+            left: N?.left,
+            width: N?.width,
             zIndex: 9999
           },
-          children: /* @__PURE__ */ n(
-            Ue,
+          children: /* @__PURE__ */ t(
+            rt,
             {
-              listboxId: x,
-              type: t,
+              listboxId: w,
+              type: n,
               align: o,
               content: s,
-              options: l,
-              selectedValue: r,
-              onSelect: U,
-              textColor: a,
-              closing: N
+              options: r,
+              selectedValue: a,
+              onSelect: z,
+              textColor: i,
+              closing: C
             }
           )
         }
@@ -1716,29 +1935,30 @@ function mi({
   ] });
 }
 export {
-  Te as BasicIconButton,
-  oi as CheckBox,
-  xe as Clip,
-  di as ContentBadge,
-  on as CustomSpinner,
-  mi as Dropdown,
-  Xl as FadeSpinner,
-  Gl as FillButton,
-  ei as FillIconButton,
-  io as Input,
-  Jl as OutlineButton,
-  ni as OutlineIconButton,
-  ii as PushBadge,
-  si as Radio,
-  ti as SearchBar,
-  ui as Select,
-  Yl as Spinner,
-  _i as StateBadge,
-  Qn as TextButton,
-  li as ToggleSwitch,
-  Ql as WeakButton,
-  Ps as dismissSnackbar,
-  ai as dismissToast,
-  ci as showSnackbar,
-  ri as showToast
+  Oe as BasicIconButton,
+  Dl as CheckBox,
+  $e as Clip,
+  Fl as ContentBadge,
+  ht as CustomSpinner,
+  Vl as Dropdown,
+  El as FadeSpinner,
+  Il as FillButton,
+  Sl as FillIconButton,
+  xo as Input,
+  Tl as OutlineButton,
+  Ml as OutlineIconButton,
+  Wl as PushBadge,
+  Al as Radio,
+  jl as SearchBar,
+  Zl as Select,
+  Ll as Spinner,
+  zl as StateBadge,
+  un as TextButton,
+  Hl as ToggleSwitch,
+  Kl as Tooltip,
+  Rl as WeakButton,
+  tr as dismissSnackbar,
+  Pl as dismissToast,
+  ql as showSnackbar,
+  Ol as showToast
 };