@idbrnd/design-system 1.0.1 → 1.1.1

package/dist/index.js

@@ -1,644 +1,644 @@
-import { jsx as n, jsxs as k, Fragment as we } from "react/jsx-runtime";
-import { Children as ie, useMemo as A, useId as Se, useState as je, useRef as Le, useEffect as Ae } from "react";
-import Re from "react-dom";
-import './style.css';const De = "_button_r7m14_1", qe = "_large_r7m14_37", He = "_small_r7m14_49", Ne = {
-  button: De,
-  large: qe,
-  small: He
+import { jsx as n, jsxs as v, Fragment as Be } from "react/jsx-runtime";
+import { Children as ae, useMemo as q, useId as Te, useState as Me, useRef as Le, useEffect as Re } from "react";
+import He from "react-dom";
+import './style.css';const Fe = "_button_r7m14_1", We = "_large_r7m14_37", Oe = "_small_r7m14_49", Ee = {
+  button: Fe,
+  large: We,
+  small: Oe
 };
-function xe({
+function ye({
   size: e = "large",
-  disabled: o = !1,
-  keepFocusOnClick: t = !1,
-  customStyle: s = {},
-  onClick: l,
-  className: _,
+  disabled: t = !1,
+  keepFocusOnClick: s = !1,
+  customStyle: o = {},
+  onClick: i,
+  className: u,
   children: c,
   type: a = "button",
-  ...r
+  ...l
 }) {
-  const u = [
-    Ne.button,
-    Ne[e],
-    _ ?? ""
+  const _ = [
+    Ee.button,
+    Ee[e],
+    u ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
       type: a,
-      className: u,
+      className: _,
       onClick: (d) => {
-        l?.(d), !t && !d.defaultPrevented && d.currentTarget.blur();
+        i?.(d), !s && !d.defaultPrevented && d.currentTarget.blur();
       },
-      disabled: o,
-      style: s,
-      ...r,
+      disabled: t,
+      style: o,
+      ...l,
       children: c
     }
   );
 }
-const Fe = "_clipWrapper_3mxht_1", We = "_clip_3mxht_1", Oe = "_sync_3mxht_59", Pe = "_syncDot_3mxht_65", Ve = "_fade_3mxht_72", Ke = "_fadeBar_3mxht_77", F = {
-  clipWrapper: Fe,
-  clip: We,
-  sync: Oe,
-  syncDot: Pe,
-  fade: Ve,
-  fadeBar: Ke
-}, $e = "var(--semantic-before-main)";
-function Jo() {
-  return /* @__PURE__ */ n(Ze, {});
+const Pe = "_clipWrapper_3mxht_1", ze = "_clip_3mxht_1", Ve = "_sync_3mxht_59", Ke = "_syncDot_3mxht_65", Ze = "_fade_3mxht_72", Ue = "_fadeBar_3mxht_77", P = {
+  clipWrapper: Pe,
+  clip: ze,
+  sync: Ve,
+  syncDot: Ke,
+  fade: Ze,
+  fadeBar: Ue
+}, Ne = "var(--semantic-before-main)";
+function Ao() {
+  return /* @__PURE__ */ n(Ye, {});
 }
-function Ze({ color: e = $e, size: o = 10 }) {
-  const t = Math.max(2, Math.round(o)), s = Math.max(2, Math.round(o * 0.5));
+function Ye({ color: e = Ne, size: t = 10 }) {
+  const s = Math.max(2, Math.round(t)), o = Math.max(2, Math.round(t * 0.5));
   return (
     // 점 3개를 가로로 배치하는 컨테이너
-    /* @__PURE__ */ n("span", { className: F.sync, style: { color: e, gap: s }, children: Array.from({ length: 3 }).map((l, _) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n("span", { className: P.sync, style: { color: e, gap: o }, children: Array.from({ length: 3 }).map((i, u) => /* @__PURE__ */ n(
       "span",
       {
-        className: F.syncDot,
+        className: P.syncDot,
         style: {
-          width: t,
-          height: t,
-          animationDelay: `${_ * 0.12}s`
+          width: s,
+          height: s,
+          animationDelay: `${u * 0.12}s`
         }
       },
-      _
+      u
     )) })
   );
 }
-function X({ color: e = $e, size: o = 10, text: t = "" }) {
-  const s = Math.max(2, Math.round(o / 12)), l = {
-    width: o,
-    height: o,
-    "--clip-size": `${o}px`,
-    "--clip-stroke": `${s}px`
+function Q({ color: e = Ne, size: t = 10, text: s = "" }) {
+  const o = Math.max(2, Math.round(t / 12)), i = {
+    width: t,
+    height: t,
+    "--clip-size": `${t}px`,
+    "--clip-stroke": `${o}px`
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ v(
     "span",
     {
-      className: F.clipWrapper,
+      className: P.clipWrapper,
       style: {
         color: e
       },
       children: [
-        /* @__PURE__ */ n("span", { className: F.clip, style: l }),
-        t ? /* @__PURE__ */ n("span", { style: { color: "var(--semantic-bg-default)", fontSize: "1rem", marginTop: "10px" }, children: t }) : null
+        /* @__PURE__ */ n("span", { className: P.clip, style: i }),
+        s ? /* @__PURE__ */ n("span", { style: { color: "var(--semantic-bg-default)", fontSize: "1rem", marginTop: "10px" }, children: s }) : null
       ]
     }
   );
 }
-function Qo({ color: e = $e, width: o = 4, height: t = 12, radius: s = 2, margin: l = 2 }) {
-  const c = Math.max(6, Math.round(t + l + 1)), a = c * 2 + t, r = 1, u = r / 8;
+function Do({ color: e = Ne, width: t = 4, height: s = 12, radius: o = 2, margin: i = 2 }) {
+  const c = Math.max(6, Math.round(s + i + 1)), a = c * 2 + s, l = 1, _ = l / 8;
   return (
     // 원형 막대 스피너의 기준 좌표가 되는 컨테이너(막대 위치는 고정)
-    /* @__PURE__ */ n("span", { className: F.fade, style: { color: e, width: a, height: a }, children: Array.from({ length: 8 }).map((p, d) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n("span", { className: P.fade, style: { color: e, width: a, height: a }, children: Array.from({ length: 8 }).map((m, d) => /* @__PURE__ */ n(
       "span",
       {
-        className: F.fadeBar,
+        className: P.fadeBar,
         style: {
-          width: o,
-          height: t,
-          borderRadius: s,
+          width: t,
+          height: s,
+          borderRadius: o,
           transform: `translate(-50%, -50%) rotate(${360 / 8 * d}deg) translateY(-${c}px)`,
-          animationDelay: `${-(7 - d) * u}s`,
-          animationDuration: `${r}s`
+          animationDelay: `${-(7 - d) * _}s`,
+          animationDuration: `${l}s`
         }
       },
       d
     )) })
   );
 }
-const ze = "_button_1h0bn_1", Ue = "_content_1h0bn_12", Ye = "_fixed_1h0bn_33", Xe = "_fixedContent_1h0bn_39", Ge = "_node_1h0bn_48", Je = "_text_1h0bn_54", Qe = "_large_1h0bn_64", en = "_medium_1h0bn_65", nn = "_small_1h0bn_66", tn = "_xsmall_1h0bn_70", on = "_flexible_1h0bn_74", sn = "_primary_1h0bn_90", ln = "_loading_1h0bn_90", rn = "_assistive_1h0bn_91", an = "_error_1h0bn_92", cn = "_spinnerWrapper_1h0bn_151", B = {
-  button: ze,
-  content: Ue,
-  fixed: Ye,
-  fixedContent: Xe,
-  node: Ge,
-  text: Je,
-  large: Qe,
-  medium: en,
-  small: nn,
-  xsmall: tn,
-  flexible: on,
-  primary: sn,
-  loading: ln,
-  assistive: rn,
-  error: an,
-  spinnerWrapper: cn,
+const Xe = "_button_1h0bn_1", Ge = "_content_1h0bn_12", Je = "_fixed_1h0bn_33", Qe = "_fixedContent_1h0bn_39", en = "_node_1h0bn_48", nn = "_text_1h0bn_54", tn = "_large_1h0bn_64", sn = "_medium_1h0bn_65", on = "_small_1h0bn_66", ln = "_xsmall_1h0bn_70", rn = "_flexible_1h0bn_74", an = "_primary_1h0bn_90", cn = "_loading_1h0bn_90", _n = "_assistive_1h0bn_91", un = "_error_1h0bn_92", dn = "_spinnerWrapper_1h0bn_151", B = {
+  button: Xe,
+  content: Ge,
+  fixed: Je,
+  fixedContent: Qe,
+  node: en,
+  text: nn,
+  large: tn,
+  medium: sn,
+  small: on,
+  xsmall: ln,
+  flexible: rn,
+  primary: an,
+  loading: cn,
+  assistive: _n,
+  error: un,
+  spinnerWrapper: dn,
   "spinner-primary": "_spinner-primary_1h0bn_157",
   "spinner-error": "_spinner-error_1h0bn_158",
   "spinner-assistive": "_spinner-assistive_1h0bn_162"
 };
-function es({
+function qo({
   widthType: e = "flexible",
-  variant: o = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
+  variant: t = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: i = !1,
+  keepFocusOnClick: u = !1,
   customStyle: c = {},
   onClick: a,
-  className: r,
-  children: u,
-  type: p = "button",
+  className: l,
+  children: _,
+  type: m = "button",
   ...d
 }) {
-  const b = [
+  const g = [
     B.button,
     B[e],
-    B[o],
     B[t],
-    l ? B.loading : "",
-    r ?? ""
-  ].filter(Boolean).join(" "), h = [B.spinnerWrapper, B[`spinner-${o}`]].filter(Boolean).join(" "), y = [B.content, e === "fixed" ? B.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ie.map(u, (i) => {
-    const g = typeof i == "string" || typeof i == "number" ? B.text : B.node;
-    return /* @__PURE__ */ n("span", { className: g, children: i });
-  }) : u, v = A(() => ({
+    B[s],
+    i ? B.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), h = [B.spinnerWrapper, B[`spinner-${t}`]].filter(Boolean).join(" "), C = [B.content, e === "fixed" ? B.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ae.map(_, (r) => {
+    const x = typeof r == "string" || typeof r == "number" ? B.text : B.node;
+    return /* @__PURE__ */ n("span", { className: x, children: r });
+  }) : _, w = q(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[t], [t]);
+  })[s], [s]);
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: b,
-      onClick: l ? void 0 : (i) => {
-        a?.(i), !_ && !i.defaultPrevented && i.currentTarget.blur();
+      type: m,
+      className: g,
+      onClick: i ? void 0 : (r) => {
+        a?.(r), !u && !r.defaultPrevented && r.currentTarget.blur();
       },
-      disabled: s,
+      disabled: o,
       style: c,
       ...d,
-      children: l ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(X, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: y, children: N })
+      children: i ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(Q, { size: w, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
     }
   );
 }
-const un = "_button_1mqol_1", _n = "_basic_1mqol_27", dn = "_overlay_1mqol_45", mn = "_primary_1mqol_63", pn = "_large_1mqol_83", fn = "_medium_1mqol_95", ge = {
-  button: un,
-  basic: _n,
-  overlay: dn,
-  primary: mn,
-  large: pn,
-  medium: fn
+const mn = "_button_1mqol_1", pn = "_basic_1mqol_27", fn = "_overlay_1mqol_45", hn = "_primary_1mqol_63", gn = "_large_1mqol_83", Cn = "_medium_1mqol_95", be = {
+  button: mn,
+  basic: pn,
+  overlay: fn,
+  primary: hn,
+  large: gn,
+  medium: Cn
 };
-function ns({
+function Ho({
   variant: e = "basic",
-  size: o = "medium",
-  disabled: t = !1,
-  keepFocusOnClick: s = !1,
-  customStyle: l = {},
-  onClick: _,
+  size: t = "medium",
+  disabled: s = !1,
+  keepFocusOnClick: o = !1,
+  customStyle: i = {},
+  onClick: u,
   children: c,
   type: a = "button",
-  ...r
+  ...l
 }) {
-  const u = [ge.button, ge[e], ge[o]].filter(Boolean).join(" ");
+  const _ = [be.button, be[e], be[t]].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
       type: a,
-      className: u,
+      className: _,
       onClick: (d) => {
-        _?.(d), !s && !d.defaultPrevented && d.currentTarget.blur();
+        u?.(d), !o && !d.defaultPrevented && d.currentTarget.blur();
       },
-      disabled: t,
-      style: l,
-      ...r,
+      disabled: s,
+      style: i,
+      ...l,
       children: c
     }
   );
 }
-const hn = "_root_ir5jh_1", gn = "_label_ir5jh_8", xn = "_labelDisabled_ir5jh_16", Cn = "_requiredMark_ir5jh_20", bn = "_controlRow_ir5jh_24", yn = "_control_ir5jh_24", vn = "_small_ir5jh_48", $n = "_outline_ir5jh_53", wn = "_fill_ir5jh_57", Nn = "_basic_ir5jh_61", kn = "_success_ir5jh_65", Bn = "_error_ir5jh_70", En = "_focused_ir5jh_82", Sn = "_disabled_ir5jh_87", jn = "_leadingIcon_ir5jh_102", Tn = "_trailingIcon_ir5jh_103", In = "_trailingText_ir5jh_104", Mn = "_inputField_ir5jh_126", Ln = "_trailingButton_ir5jh_173", An = "_trailingIconButton_ir5jh_174", Rn = "_trailingSlot_ir5jh_178", Dn = "_trailingSlotDisabled_ir5jh_185", qn = "_trailingBasicIconButton_ir5jh_189", Hn = "_helper_ir5jh_270", Fn = "_helperFixed_ir5jh_276", Wn = "_helperPlaceholder_ir5jh_280", On = "_errorHelper_ir5jh_284", Pn = "_errorHelperBounce_ir5jh_288", Vn = "_errorMessageBounceY_ir5jh_1", Kn = "_helperDisabled_ir5jh_292", m = {
-  root: hn,
-  label: gn,
-  labelDisabled: xn,
-  requiredMark: Cn,
-  controlRow: bn,
-  control: yn,
+const xn = "_root_ir5jh_1", bn = "_label_ir5jh_8", yn = "_labelDisabled_ir5jh_16", vn = "_requiredMark_ir5jh_20", wn = "_controlRow_ir5jh_24", $n = "_control_ir5jh_24", kn = "_small_ir5jh_48", Nn = "_outline_ir5jh_53", Bn = "_fill_ir5jh_57", En = "_basic_ir5jh_61", Sn = "_success_ir5jh_65", In = "_error_ir5jh_70", jn = "_focused_ir5jh_82", Tn = "_disabled_ir5jh_87", Mn = "_leadingIcon_ir5jh_102", Ln = "_trailingIcon_ir5jh_103", Rn = "_trailingText_ir5jh_104", An = "_inputField_ir5jh_126", Dn = "_trailingButton_ir5jh_173", qn = "_trailingIconButton_ir5jh_174", Hn = "_trailingSlot_ir5jh_178", Fn = "_trailingSlotDisabled_ir5jh_185", Wn = "_trailingBasicIconButton_ir5jh_189", On = "_helper_ir5jh_270", Pn = "_helperFixed_ir5jh_276", zn = "_helperPlaceholder_ir5jh_280", Vn = "_errorHelper_ir5jh_284", Kn = "_errorHelperBounce_ir5jh_288", Zn = "_errorMessageBounceY_ir5jh_1", Un = "_helperDisabled_ir5jh_292", p = {
+  root: xn,
+  label: bn,
+  labelDisabled: yn,
+  requiredMark: vn,
+  controlRow: wn,
+  control: $n,
   default: "_default_ir5jh_43",
-  small: vn,
-  outline: $n,
-  fill: wn,
-  basic: Nn,
-  success: kn,
-  error: Bn,
-  focused: En,
-  disabled: Sn,
-  leadingIcon: jn,
-  trailingIcon: Tn,
-  trailingText: In,
-  inputField: Mn,
+  small: kn,
+  outline: Nn,
+  fill: Bn,
+  basic: En,
+  success: Sn,
+  error: In,
+  focused: jn,
+  disabled: Tn,
+  leadingIcon: Mn,
+  trailingIcon: Ln,
+  trailingText: Rn,
+  inputField: An,
   "input-default": "_input-default_ir5jh_137",
   "input-small": "_input-small_ir5jh_141",
-  trailingButton: Ln,
-  trailingIconButton: An,
-  trailingSlot: Rn,
-  trailingSlotDisabled: Dn,
-  trailingBasicIconButton: qn,
-  helper: Hn,
-  helperFixed: Fn,
-  helperPlaceholder: Wn,
-  errorHelper: On,
-  errorHelperBounce: Pn,
-  errorMessageBounceY: Vn,
-  helperDisabled: Kn
+  trailingButton: Dn,
+  trailingIconButton: qn,
+  trailingSlot: Hn,
+  trailingSlotDisabled: Fn,
+  trailingBasicIconButton: Wn,
+  helper: On,
+  helperFixed: Pn,
+  helperPlaceholder: zn,
+  errorHelper: Vn,
+  errorHelperBounce: Kn,
+  errorMessageBounceY: Zn,
+  helperDisabled: Un
 };
-function Zn({
+function Yn({
   content: e,
-  disabled: o = !1
+  disabled: t = !1
 }) {
   if (e == null)
     return null;
-  const t = (s) => {
-    s.preventDefault();
+  const s = (o) => {
+    o.preventDefault();
   };
   return /* @__PURE__ */ n(
     "span",
     {
-      className: [m.trailingSlot, o ? m.trailingSlotDisabled : ""].filter(Boolean).join(" "),
-      onMouseDownCapture: t,
+      className: [p.trailingSlot, t ? p.trailingSlotDisabled : ""].filter(Boolean).join(" "),
+      onMouseDownCapture: s,
       children: e
     }
   );
 }
-function zn({
+function Xn({
   value: e,
-  onFocus: o,
-  onBlur: t,
-  onChange: s
+  onFocus: t,
+  onBlur: s,
+  onChange: o
 }) {
   return {
     currentValue: e,
-    handleFocus: (r) => {
-      o?.(r);
+    handleFocus: (l) => {
+      t?.(l);
     },
-    handleBlur: (r) => {
-      t?.(r);
+    handleBlur: (l) => {
+      s?.(l);
     },
-    handleChange: (r) => {
-      s?.(r);
+    handleChange: (l) => {
+      o?.(l);
     }
   };
 }
-function Un({
+function Gn({
   type: e = "text",
   // input HTML 타입
-  designType: o = "outline",
+  designType: t = "outline",
   // 인풋 외형 타입
-  size: t = "default",
+  size: s = "default",
   // 인풋 높이 크기
-  variant: s,
+  variant: o,
   // 상태 variant
-  width: l,
+  width: i,
   // 루트 너비
-  heading: _ = !0,
+  heading: u = !0,
   // 라벨 표시 여부
   headingContent: c = "Label",
   // 라벨 내용
   required: a = !1,
   // 라벨 우측 *
-  description: r = !1,
+  description: l = !1,
   // 하단 안내 문구
-  fixedDescriptionHeight: u = !0,
+  fixedDescriptionHeight: _ = !0,
   // 하단 문구 영역 높이 고정 여부
-  errorMessage: p,
+  errorMessage: m,
   // 에러 상태 문구
   leadingIcon: d,
   // 좌측 아이콘 슬롯
-  trailingContent: b,
+  trailingContent: g,
   // 우측 trailing 슬롯 콘텐츠
   customStyle: h = {},
   // 루트 커스텀 스타일
-  id: y,
+  id: C,
   // input id
   onFocus: N,
   // 포커스 진입 핸들러
-  onBlur: v,
+  onBlur: w,
   // 포커스 이탈 핸들러
-  onChange: T,
+  onChange: j,
   // 값 변경 핸들러
-  value: i,
+  value: r,
   // 현재 값
-  disabled: g = !1,
+  disabled: x = !1,
   // 전체 비활성화 여부
-  readOnly: le = !1,
+  readOnly: ce = !1,
   // 읽기 전용 여부
-  ...re
+  ..._e
 }) {
-  const ae = Se(), G = y ?? ae, ce = _, R = c, { currentValue: x, handleFocus: ue, handleBlur: J, handleChange: O } = zn({
-    value: i,
+  const ue = Te(), ee = C ?? ue, de = u, H = c, { currentValue: b, handleFocus: me, handleBlur: ne, handleChange: V } = Xn({
+    value: r,
     onFocus: N,
-    onBlur: v,
-    onChange: T
-  }), P = A(() => x == null ? !1 : Array.isArray(x) ? x.length > 0 : typeof x == "number" ? !0 : String(x).length > 0, [x]), D = A(() => s !== void 0 ? s : P ? "typed" : "basic", [s, P]), M = D === "error", _e = D === "success", de = D === "onFocus" || D === "onTyping", me = [
-    m.control,
-    m[o],
-    M ? m.error : _e ? m.success : m.basic,
-    m[t],
-    !g && de ? m.focused : "",
-    g ? m.disabled : ""
-  ].filter(Boolean).join(" "), pe = [m.inputField, m[`input-${t}`]].join(" "), fe = m.root, he = [m.label, g ? m.labelDisabled : ""].filter(Boolean).join(" "), q = A(() => M ? p ?? "에러 메시지가 표시됩니다." : r === !1 || r === void 0 || r === null ? null : r === !0 ? "2~19자 이내로 입력해 주세요." : r, [r, p, M]), f = [
-    m.helper,
-    u ? m.helperFixed : "",
-    M ? m.errorHelper : "",
-    M && q !== null ? m.errorHelperBounce : "",
-    g ? m.helperDisabled : "",
-    u && q === null ? m.helperPlaceholder : ""
+    onBlur: w,
+    onChange: j
+  }), K = q(() => b == null ? !1 : Array.isArray(b) ? b.length > 0 : typeof b == "number" ? !0 : String(b).length > 0, [b]), F = q(() => o !== void 0 ? o : K ? "typed" : "basic", [o, K]), R = F === "error", pe = F === "success", fe = F === "onFocus" || F === "onTyping", he = [
+    p.control,
+    p[t],
+    R ? p.error : pe ? p.success : p.basic,
+    p[s],
+    !x && fe ? p.focused : "",
+    x ? p.disabled : ""
+  ].filter(Boolean).join(" "), ge = [p.inputField, p[`input-${s}`]].join(" "), Ce = p.root, xe = [p.label, x ? p.labelDisabled : ""].filter(Boolean).join(" "), W = q(() => R ? m ?? "에러 메시지가 표시됩니다." : l === !1 || l === void 0 || l === null ? null : l === !0 ? "2~19자 이내로 입력해 주세요." : l, [l, m, R]), f = [
+    p.helper,
+    _ ? p.helperFixed : "",
+    R ? p.errorHelper : "",
+    R && W !== null ? p.errorHelperBounce : "",
+    x ? p.helperDisabled : "",
+    _ && W === null ? p.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ v(
     "div",
     {
       "data-idb-component": !0,
-      className: fe,
+      className: Ce,
       style: {
-        width: l ?? "100%",
+        width: i ?? "100%",
         ...h
       },
       children: [
-        ce ? /* @__PURE__ */ k("label", { htmlFor: G, className: he, children: [
-          /* @__PURE__ */ n("span", { children: R }),
-          a ? /* @__PURE__ */ n("span", { className: m.requiredMark, children: "*" }) : null
+        de ? /* @__PURE__ */ v("label", { htmlFor: ee, className: xe, children: [
+          /* @__PURE__ */ n("span", { children: H }),
+          a ? /* @__PURE__ */ n("span", { className: p.requiredMark, children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ n("div", { className: m.controlRow, children: /* @__PURE__ */ k("div", { className: me, children: [
-          d ? /* @__PURE__ */ n("span", { className: m.leadingIcon, children: d }) : null,
+        /* @__PURE__ */ n("div", { className: p.controlRow, children: /* @__PURE__ */ v("div", { className: he, children: [
+          d ? /* @__PURE__ */ n("span", { className: p.leadingIcon, children: d }) : null,
           /* @__PURE__ */ n(
             "input",
             {
-              id: G,
+              id: ee,
               type: e,
-              value: x,
-              className: pe,
-              onFocus: ue,
-              onBlur: J,
-              onChange: O,
-              disabled: g,
-              readOnly: le,
+              value: b,
+              className: ge,
+              onFocus: me,
+              onBlur: ne,
+              onChange: V,
+              disabled: x,
+              readOnly: ce,
               required: a,
-              ...re
+              ..._e
             }
           ),
           /* @__PURE__ */ n(
-            Zn,
+            Yn,
             {
-              content: b,
-              disabled: g
+              content: g,
+              disabled: x
             }
           )
         ] }) }),
-        u || q !== null ? /* @__PURE__ */ n("p", { className: f, children: q }) : null
+        _ || W !== null ? /* @__PURE__ */ n("p", { className: f, children: W }) : null
       ]
     }
   );
 }
-const Yn = "_button_1wh5k_1", Xn = "_content_1wh5k_19", Gn = "_fixed_1wh5k_37", Jn = "_fixedContent_1wh5k_43", Qn = "_node_1wh5k_53", et = "_text_1wh5k_59", nt = "_large_1wh5k_69", tt = "_medium_1wh5k_70", ot = "_small_1wh5k_71", st = "_xsmall_1wh5k_75", it = "_flexible_1wh5k_80", lt = "_primary_1wh5k_98", rt = "_secondary_1wh5k_99", at = "_assistive_1wh5k_100", ct = "_loading_1wh5k_101", ut = "_spinnerWrapper_1wh5k_172", E = {
-  button: Yn,
-  content: Xn,
-  fixed: Gn,
-  fixedContent: Jn,
-  node: Qn,
-  text: et,
-  large: nt,
-  medium: tt,
-  small: ot,
-  xsmall: st,
-  flexible: it,
-  primary: lt,
-  secondary: rt,
-  assistive: at,
-  loading: ct,
-  spinnerWrapper: ut,
+const Jn = "_button_1wh5k_1", Qn = "_content_1wh5k_19", et = "_fixed_1wh5k_37", nt = "_fixedContent_1wh5k_43", tt = "_node_1wh5k_53", st = "_text_1wh5k_59", ot = "_large_1wh5k_69", it = "_medium_1wh5k_70", lt = "_small_1wh5k_71", rt = "_xsmall_1wh5k_75", at = "_flexible_1wh5k_80", ct = "_primary_1wh5k_98", _t = "_secondary_1wh5k_99", ut = "_assistive_1wh5k_100", dt = "_loading_1wh5k_101", mt = "_spinnerWrapper_1wh5k_172", E = {
+  button: Jn,
+  content: Qn,
+  fixed: et,
+  fixedContent: nt,
+  node: tt,
+  text: st,
+  large: ot,
+  medium: it,
+  small: lt,
+  xsmall: rt,
+  flexible: at,
+  primary: ct,
+  secondary: _t,
+  assistive: ut,
+  loading: dt,
+  spinnerWrapper: mt,
   "spinner-primary": "_spinner-primary_1wh5k_179",
   "spinner-assistive": "_spinner-assistive_1wh5k_180",
   "spinner-secondary": "_spinner-secondary_1wh5k_184"
 };
-function ts({
+function Fo({
   widthType: e = "flexible",
-  variant: o = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
+  variant: t = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: i = !1,
+  keepFocusOnClick: u = !1,
   customStyle: c = {},
   onClick: a,
-  className: r,
-  children: u,
-  type: p = "button",
+  className: l,
+  children: _,
+  type: m = "button",
   ...d
 }) {
-  const b = [
+  const g = [
     E.button,
     E[e],
-    E[o],
     E[t],
-    l ? E.loading : "",
-    r ?? ""
-  ].filter(Boolean).join(" "), h = [E.spinnerWrapper, E[`spinner-${o}`]].filter(Boolean).join(" "), y = [E.content, e === "fixed" ? E.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ie.map(u, (i) => {
-    const g = typeof i == "string" || typeof i == "number" ? E.text : E.node;
-    return /* @__PURE__ */ n("span", { className: g, children: i });
-  }) : u, v = A(() => ({
+    E[s],
+    i ? E.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), h = [E.spinnerWrapper, E[`spinner-${t}`]].filter(Boolean).join(" "), C = [E.content, e === "fixed" ? E.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ae.map(_, (r) => {
+    const x = typeof r == "string" || typeof r == "number" ? E.text : E.node;
+    return /* @__PURE__ */ n("span", { className: x, children: r });
+  }) : _, w = q(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[t], [t]);
+  })[s], [s]);
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: b,
-      onClick: l ? void 0 : (i) => {
-        a?.(i), !_ && !i.defaultPrevented && i.currentTarget.blur();
+      type: m,
+      className: g,
+      onClick: i ? void 0 : (r) => {
+        a?.(r), !u && !r.defaultPrevented && r.currentTarget.blur();
       },
-      disabled: s,
+      disabled: o,
       style: c,
       ...d,
-      children: l ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(X, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: y, children: N })
+      children: i ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(Q, { size: w, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
     }
   );
 }
-const _t = "_button_1ur9u_1", dt = "_large_1ur9u_40", mt = "_medium_1ur9u_52", ke = {
-  button: _t,
-  large: dt,
-  medium: mt
+const pt = "_button_1ur9u_1", ft = "_large_1ur9u_40", ht = "_medium_1ur9u_52", Se = {
+  button: pt,
+  large: ft,
+  medium: ht
 };
-function os({
+function Wo({
   size: e = "medium",
-  disabled: o = !1,
-  keepFocusOnClick: t = !1,
-  customStyle: s = {},
-  onClick: l,
-  children: _,
+  disabled: t = !1,
+  keepFocusOnClick: s = !1,
+  customStyle: o = {},
+  onClick: i,
+  children: u,
   type: c = "button",
   ...a
 }) {
-  const r = [ke.button, ke[e]].filter(Boolean).join(" ");
+  const l = [Se.button, Se[e]].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
       type: c,
-      className: r,
-      onClick: (p) => {
-        l?.(p), !t && !p.defaultPrevented && p.currentTarget.blur();
+      className: l,
+      onClick: (m) => {
+        i?.(m), !s && !m.defaultPrevented && m.currentTarget.blur();
       },
-      disabled: o,
-      style: s,
+      disabled: t,
+      style: o,
       ...a,
-      children: _
+      children: u
     }
   );
 }
-const pt = "_badge_iiym7_1", ft = "_dot_iiym7_16", ht = "_number_iiym7_23", gt = "_info_iiym7_36", Be = {
-  badge: pt,
-  dot: ft,
-  number: ht,
-  info: gt
+const gt = "_badge_iiym7_1", Ct = "_dot_iiym7_16", xt = "_number_iiym7_23", bt = "_info_iiym7_36", Ie = {
+  badge: gt,
+  dot: Ct,
+  number: xt,
+  info: bt
 };
-function ss({
+function Oo({
   variant: e = "number",
-  count: o = 1,
-  bgColor: t,
-  color: s,
-  disabled: l = !1,
-  customStyle: _ = {},
+  count: t = 1,
+  bgColor: s,
+  color: o,
+  disabled: i = !1,
+  customStyle: u = {},
   className: c
 }) {
-  if (l)
+  if (i)
     return null;
-  const a = o > 999 ? "999+" : o, r = {
-    ...t ? { backgroundColor: t } : {},
-    ...s ? { color: s } : {},
-    ..._
-  }, u = [Be.badge, Be[e], c ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k("span", { "data-idb-component": !0, className: u, style: r, children: [
+  const a = t > 999 ? "999+" : t, l = {
+    ...s ? { backgroundColor: s } : {},
+    ...o ? { color: o } : {},
+    ...u
+  }, _ = [Ie.badge, Ie[e], c ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v("span", { "data-idb-component": !0, className: _, style: l, children: [
     e === "number" ? a : null,
     e === "info" ? "?" : null
   ] });
 }
-const xt = "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", Ct = "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", bt = "_actionButtons_1ngrw_1", yt = {
-  actionButtons: bt
-}, vt = {
+const yt = "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", vt = "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", wt = "_actionButtons_1ngrw_1", $t = {
+  actionButtons: wt
+}, kt = {
   default: "basic",
   onTyping: "onTyping",
   typed: "typed",
   error: "error"
 };
-function is({
+function Po({
   value: e,
   // 검색어 값
-  onChange: o,
+  onChange: t,
   // 입력 변경 핸들러
-  onSearch: t,
+  onSearch: s,
   // 검색 실행 핸들러
-  onClear: s,
+  onClear: o,
   // 입력내용 전체 삭제 핸들러(미전달 시 기본 삭제 동작)
-  size: l = "default",
+  size: i = "default",
   // 인풋 크기
-  width: _,
+  width: u,
   // 컴포넌트 너비
   designType: c = "outline",
   // 인풋 외형 타입
   heading: a = !1,
   // 라벨 표시 여부
-  headingContent: r,
+  headingContent: l,
   // 라벨 내용
-  variant: u,
+  variant: _,
   // SearchBar 상태 variant
-  description: p = !1,
+  description: m = !1,
   // 하단 안내 문구
   fixedDescriptionHeight: d = !0,
   // 하단 문구 영역 높이 고정 여부
-  disabled: b = !1,
+  disabled: g = !1,
   // 전체 비활성화 여부
   readOnly: h = !1,
   // 읽기 전용 여부
-  id: y,
+  id: C,
   // input id
   name: N,
   // input name
-  placeholder: v,
+  placeholder: w,
   // placeholder 텍스트
-  leadingIcon: T,
+  leadingIcon: j,
   // 좌측 아이콘 슬롯
-  trailingContent: i,
+  trailingContent: r,
   // 우측 trailing 콘텐츠(미지정 시 검색 버튼 사용)
-  maxLength: g = 20,
+  maxLength: x = 20,
   // 최대 입력 길이
-  required: le = !1,
+  required: ce = !1,
   // 필수 입력 여부
-  errorMessage: re,
+  errorMessage: _e,
   // 에러 상태 문구
-  onBlur: ae,
+  onBlur: ue,
   // 포커스 이탈 핸들러
-  onKeyDown: G,
+  onKeyDown: ee,
   // 키다운 핸들러
-  ...ce
+  ...de
 }) {
-  const [R, x] = je(null), ue = Se(), J = y ?? ue, O = (f) => f.length >= g, P = (f) => f.length === 1, D = (f) => {
-    const L = f.target.value;
-    O(L) ? x("max") : R !== null && x(null), o(f);
-  }, M = () => {
-    if (O(e)) {
-      x("max");
+  const [H, b] = Me(null), me = Te(), ne = C ?? me, V = (f) => f.length >= x, K = (f) => f.length === 1, F = (f) => {
+    const D = f.target.value;
+    V(D) ? b("max") : H !== null && b(null), t(f);
+  }, R = () => {
+    if (V(e)) {
+      b("max");
       return;
     }
-    if (P(e)) {
-      x("min");
+    if (K(e)) {
+      b("min");
       return;
     }
-    x(null), t(e);
-  }, _e = () => {
-    const f = document.getElementById(J);
+    b(null), s(e);
+  }, pe = () => {
+    const f = document.getElementById(ne);
     if (!(f instanceof HTMLInputElement))
       return;
-    const L = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-    L !== void 0 && (L.call(f, ""), f.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, de = () => {
-    if (!(b || h || e.length === 0)) {
-      if (x(null), s !== void 0) {
-        s();
+    const D = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+    D !== void 0 && (D.call(f, ""), f.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, fe = () => {
+    if (!(g || h || e.length === 0)) {
+      if (b(null), o !== void 0) {
+        o();
         return;
       }
-      _e();
+      pe();
     }
-  }, me = (f) => {
-    const L = f.currentTarget.value;
-    O(L) ? x("max") : P(L) ? x("min") : x(null), ae?.(f);
-  }, pe = (f) => {
-    G?.(f), !f.defaultPrevented && (f.key !== "Enter" || f.nativeEvent.isComposing || (f.preventDefault(), M()));
-  }, fe = R !== null ? "error" : u === void 0 ? void 0 : vt[u], he = R === "max" ? `최대 ${Math.max(0, g - 1)}자 까지 가능합니다.` : R === "min" ? "최소 2자 이상 입력해 주세요." : re, q = i ?? /* @__PURE__ */ k("span", { className: yt.actionButtons, children: [
+  }, he = (f) => {
+    const D = f.currentTarget.value;
+    V(D) ? b("max") : K(D) ? b("min") : b(null), ue?.(f);
+  }, ge = (f) => {
+    ee?.(f), !f.defaultPrevented && (f.key !== "Enter" || f.nativeEvent.isComposing || (f.preventDefault(), R()));
+  }, Ce = H !== null ? "error" : _ === void 0 ? void 0 : kt[_], xe = H === "max" ? `최대 ${Math.max(0, x - 1)}자 까지 가능합니다.` : H === "min" ? "최소 2자 이상 입력해 주세요." : _e, W = r ?? /* @__PURE__ */ v("span", { className: $t.actionButtons, children: [
     e.length > 0 ? /* @__PURE__ */ n(
-      xe,
+      ye,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: de,
-        disabled: b || h,
+        onClick: fe,
+        disabled: g || h,
         children: /* @__PURE__ */ n(
           "img",
           {
-            src: xt,
+            src: yt,
             alt: ""
           }
         )
       }
     ) : null,
     /* @__PURE__ */ n(
-      xe,
+      ye,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: M,
-        disabled: b,
+        onClick: R,
+        disabled: g,
         children: /* @__PURE__ */ n(
           "img",
           {
-            src: Ct,
+            src: vt,
             alt: ""
           }
         )
@@ -646,274 +646,274 @@ function is({
     )
   ] });
   return /* @__PURE__ */ n(
-    Un,
+    Gn,
     {
-      ...ce,
-      id: J,
+      ...de,
+      id: ne,
       name: N,
       value: e,
-      placeholder: v,
-      onChange: D,
-      onBlur: me,
-      onKeyDown: pe,
+      placeholder: w,
+      onChange: F,
+      onBlur: he,
+      onKeyDown: ge,
       type: "text",
-      width: _,
+      width: u,
       designType: c,
-      size: l,
+      size: i,
       heading: a,
-      headingContent: r,
-      required: le,
-      description: p,
+      headingContent: l,
+      required: ce,
+      description: m,
       fixedDescriptionHeight: d,
-      variant: fe,
-      errorMessage: he,
-      leadingIcon: T,
-      trailingContent: q,
-      maxLength: g,
-      disabled: b,
+      variant: Ce,
+      errorMessage: xe,
+      leadingIcon: j,
+      trailingContent: W,
+      maxLength: x,
+      disabled: g,
       readOnly: h
     }
   );
 }
-var H = {}, Ee;
-function $t() {
-  if (Ee) return H;
-  Ee = 1;
-  var e = Re;
+var O = {}, je;
+function Nt() {
+  if (je) return O;
+  je = 1;
+  var e = He;
   if (process.env.NODE_ENV === "production")
-    H.createRoot = e.createRoot, H.hydrateRoot = e.hydrateRoot;
+    O.createRoot = e.createRoot, O.hydrateRoot = e.hydrateRoot;
   else {
-    var o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    H.createRoot = function(t, s) {
-      o.usingClientEntryPoint = !0;
+    var t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    O.createRoot = function(s, o) {
+      t.usingClientEntryPoint = !0;
       try {
-        return e.createRoot(t, s);
+        return e.createRoot(s, o);
       } finally {
-        o.usingClientEntryPoint = !1;
+        t.usingClientEntryPoint = !1;
       }
-    }, H.hydrateRoot = function(t, s, l) {
-      o.usingClientEntryPoint = !0;
+    }, O.hydrateRoot = function(s, o, i) {
+      t.usingClientEntryPoint = !0;
       try {
-        return e.hydrateRoot(t, s, l);
+        return e.hydrateRoot(s, o, i);
       } finally {
-        o.usingClientEntryPoint = !1;
+        t.usingClientEntryPoint = !1;
       }
     };
   }
-  return H;
+  return O;
 }
-var Te = $t();
-const wt = "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", Nt = "_button_xqfx2_1", kt = "_content_xqfx2_18", Bt = "_fixed_xqfx2_36", Et = "_fixedContent_xqfx2_42", St = "_node_xqfx2_52", jt = "_text_xqfx2_58", Tt = "_large_xqfx2_68", It = "_medium_xqfx2_69", Mt = "_small_xqfx2_70", Lt = "_xsmall_xqfx2_74", At = "_flexible_xqfx2_79", Rt = "_primary_xqfx2_109", Dt = "_secondary_xqfx2_110", qt = "_assistive_xqfx2_111", Ht = "_loading_xqfx2_112", Ft = "_spinnerWrapper_xqfx2_180", S = {
-  button: Nt,
-  content: kt,
-  fixed: Bt,
-  fixedContent: Et,
-  node: St,
-  text: jt,
-  large: Tt,
-  medium: It,
-  small: Mt,
-  xsmall: Lt,
-  flexible: At,
-  primary: Rt,
-  secondary: Dt,
-  assistive: qt,
-  loading: Ht,
-  spinnerWrapper: Ft,
+var Ae = Nt();
+const Bt = "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", Et = "_button_xqfx2_1", St = "_content_xqfx2_18", It = "_fixed_xqfx2_36", jt = "_fixedContent_xqfx2_42", Tt = "_node_xqfx2_52", Mt = "_text_xqfx2_58", Lt = "_large_xqfx2_68", Rt = "_medium_xqfx2_69", At = "_small_xqfx2_70", Dt = "_xsmall_xqfx2_74", qt = "_flexible_xqfx2_79", Ht = "_primary_xqfx2_109", Ft = "_secondary_xqfx2_110", Wt = "_assistive_xqfx2_111", Ot = "_loading_xqfx2_112", Pt = "_spinnerWrapper_xqfx2_180", S = {
+  button: Et,
+  content: St,
+  fixed: It,
+  fixedContent: jt,
+  node: Tt,
+  text: Mt,
+  large: Lt,
+  medium: Rt,
+  small: At,
+  xsmall: Dt,
+  flexible: qt,
+  primary: Ht,
+  secondary: Ft,
+  assistive: Wt,
+  loading: Ot,
+  spinnerWrapper: Pt,
   "spinner-primary": "_spinner-primary_xqfx2_187",
   "spinner-secondary": "_spinner-secondary_xqfx2_191",
   "spinner-assistive": "_spinner-assistive_xqfx2_192"
 };
-function Wt({
+function zt({
   widthType: e = "flexible",
-  variant: o = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
+  variant: t = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: i = !1,
+  keepFocusOnClick: u = !1,
   customStyle: c = {},
   onClick: a,
-  className: r,
-  children: u,
-  type: p = "button",
+  className: l,
+  children: _,
+  type: m = "button",
   ...d
 }) {
-  const b = [
+  const g = [
     S.button,
     S[e],
-    S[o],
     S[t],
-    l ? S.loading : "",
-    r ?? ""
-  ].filter(Boolean).join(" "), h = [S.spinnerWrapper, S[`spinner-${o}`]].filter(Boolean).join(" "), y = [S.content, e === "fixed" ? S.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ie.map(u, (i) => {
-    const g = typeof i == "string" || typeof i == "number" ? S.text : S.node;
-    return /* @__PURE__ */ n("span", { className: g, children: i });
-  }) : u, v = A(() => ({
+    S[s],
+    i ? S.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), h = [S.spinnerWrapper, S[`spinner-${t}`]].filter(Boolean).join(" "), C = [S.content, e === "fixed" ? S.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ae.map(_, (r) => {
+    const x = typeof r == "string" || typeof r == "number" ? S.text : S.node;
+    return /* @__PURE__ */ n("span", { className: x, children: r });
+  }) : _, w = q(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[t], [t]);
+  })[s], [s]);
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: b,
-      onClick: l ? void 0 : (i) => {
-        a?.(i), !_ && !i.defaultPrevented && i.currentTarget.blur();
+      type: m,
+      className: g,
+      onClick: i ? void 0 : (r) => {
+        a?.(r), !u && !r.defaultPrevented && r.currentTarget.blur();
       },
-      disabled: s,
+      disabled: o,
       style: c,
       ...d,
-      children: l ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(X, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: y, children: N })
+      children: i ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(Q, { size: w, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
     }
   );
 }
-const Ot = "_designContainer_2k7ic_1", Pt = "_snackbar_2k7ic_12", Vt = "_snackbarEnter_2k7ic_1", Kt = "_content_2k7ic_32", Zt = "_leading_2k7ic_41", zt = "_iconSlot_2k7ic_51", Ut = "_message_2k7ic_67", Yt = "_heading_2k7ic_77", Xt = "_description_2k7ic_78", Gt = "_measureContent_2k7ic_93", Jt = "_closeButton_2k7ic_107", Qt = "_trailing_2k7ic_111", eo = "_actionButton_2k7ic_118", no = "_closeIcon_2k7ic_122", to = "_basic_2k7ic_129", oo = "_loading_2k7ic_130", so = "_snackbarExit_2k7ic_138", C = {
-  designContainer: Ot,
-  snackbar: Pt,
-  snackbarEnter: Vt,
-  content: Kt,
-  leading: Zt,
-  iconSlot: zt,
-  message: Ut,
-  heading: Yt,
-  description: Xt,
-  measureContent: Gt,
-  closeButton: Jt,
-  trailing: Qt,
-  actionButton: eo,
-  closeIcon: no,
-  basic: to,
-  loading: oo,
-  snackbarExit: so
-}, io = 6e3, lo = 1e4, ro = 180;
-let V = null, w = null, ao = 0, K = null, ee = null, oe = null, U = 0;
-function Z(e) {
+const Vt = "_designContainer_2k7ic_1", Kt = "_snackbar_2k7ic_12", Zt = "_snackbarEnter_2k7ic_1", Ut = "_content_2k7ic_32", Yt = "_leading_2k7ic_41", Xt = "_iconSlot_2k7ic_51", Gt = "_message_2k7ic_67", Jt = "_heading_2k7ic_77", Qt = "_description_2k7ic_78", es = "_measureContent_2k7ic_93", ns = "_closeButton_2k7ic_107", ts = "_trailing_2k7ic_111", ss = "_actionButton_2k7ic_118", os = "_closeIcon_2k7ic_122", is = "_basic_2k7ic_129", ls = "_loading_2k7ic_130", rs = "_snackbarExit_2k7ic_138", y = {
+  designContainer: Vt,
+  snackbar: Kt,
+  snackbarEnter: Zt,
+  content: Ut,
+  leading: Yt,
+  iconSlot: Xt,
+  message: Gt,
+  heading: Jt,
+  description: Qt,
+  measureContent: es,
+  closeButton: ns,
+  trailing: ts,
+  actionButton: ss,
+  closeIcon: os,
+  basic: is,
+  loading: ls,
+  snackbarExit: rs
+}, as = 6e3, cs = 1e4, _s = 180;
+let Z = null, k = null, us = 0, U = null, se = null, le = null, G = 0;
+function Y(e) {
   return e != null && typeof e != "boolean" && (typeof e != "string" || e.trim() !== "");
 }
-function W() {
-  K !== null && (window.clearTimeout(K), K = null), oe = null;
+function z() {
+  U !== null && (window.clearTimeout(U), U = null), le = null;
 }
-function Y() {
-  ee !== null && (window.clearTimeout(ee), ee = null);
+function J() {
+  se !== null && (window.clearTimeout(se), se = null);
 }
-function co() {
+function ds() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
-  if (V)
+  if (Z)
     return !0;
   const e = document.createElement("div");
-  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), V = Te.createRoot(e), !0;
+  return e.setAttribute("data-idb-snackbar-root", "true"), document.body.appendChild(e), Z = Ae.createRoot(e), !0;
 }
-function uo() {
-  if (K === null || oe === null || !w || w.isExiting)
+function ms() {
+  if (U === null || le === null || !k || k.isExiting)
     return;
-  const e = Date.now() - oe;
-  U = Math.max(0, U - e), W();
+  const e = Date.now() - le;
+  G = Math.max(0, G - e), z();
 }
-function Ce() {
-  if (!w || w.isExiting)
+function ve() {
+  if (!k || k.isExiting)
     return;
-  W(), Y(), w = {
-    ...w,
+  z(), J(), k = {
+    ...k,
     isExiting: !0
   };
-  const e = w.renderKey;
-  be(), ee = window.setTimeout(() => {
-    w?.renderKey === e && w.isExiting && (w = null, be()), Y();
-  }, ro);
+  const e = k.renderKey;
+  we(), se = window.setTimeout(() => {
+    k?.renderKey === e && k.isExiting && (k = null, we()), J();
+  }, _s);
 }
-function Ie() {
-  if (!(!w || w.isExiting)) {
-    if (U <= 0) {
-      Ce();
+function De() {
+  if (!(!k || k.isExiting)) {
+    if (G <= 0) {
+      ve();
       return;
     }
-    W(), oe = Date.now(), K = window.setTimeout(() => {
-      Ce();
-    }, U);
+    z(), le = Date.now(), U = window.setTimeout(() => {
+      ve();
+    }, G);
   }
 }
-function _o(e) {
-  W(), Y(), U = e, Ie();
+function ps(e) {
+  z(), J(), G = e, De();
 }
-function mo({ snackbar: e, onPauseAutoHide: o, onResumeAutoHide: t, onClose: s }) {
-  const l = Le(null), [_, c] = je(!1), a = Z(e.heading), r = Z(e.description);
-  Ae(() => {
+function fs({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: s, onClose: o }) {
+  const i = Le(null), [u, c] = Me(!1), a = Y(e.heading), l = Y(e.description);
+  Re(() => {
     if (!a) {
       c(!1);
       return;
     }
-    const h = l.current;
+    const h = i.current;
     if (!h)
       return;
-    let y = null;
+    let C = null;
     const N = () => {
       c(h.scrollHeight > h.clientHeight + 1);
-    }, v = () => {
-      y !== null && window.cancelAnimationFrame(y), y = window.requestAnimationFrame(N);
+    }, w = () => {
+      C !== null && window.cancelAnimationFrame(C), C = window.requestAnimationFrame(N);
     };
-    v();
-    const T = typeof ResizeObserver < "u";
-    let i = null;
-    return T ? (i = new ResizeObserver(v), i.observe(h)) : window.addEventListener("resize", v), () => {
-      y !== null && window.cancelAnimationFrame(y), i?.disconnect(), T || window.removeEventListener("resize", v);
+    w();
+    const j = typeof ResizeObserver < "u";
+    let r = null;
+    return j ? (r = new ResizeObserver(w), r.observe(h)) : window.addEventListener("resize", w), () => {
+      C !== null && window.cancelAnimationFrame(C), r?.disconnect(), j || window.removeEventListener("resize", w);
     };
   }, [a, e.description, e.heading]);
-  const u = a && !_, p = a ? r ? /* @__PURE__ */ k(we, { children: [
+  const _ = a && !u, m = a ? l ? /* @__PURE__ */ v(Be, { children: [
     e.heading,
     " ",
     e.description
-  ] }) : e.heading : e.description, d = e.icon ? /* @__PURE__ */ n("span", { className: C.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ n(X, { size: 20, color: "currentColor" }) : null, b = Z(e.actionLabel);
-  return /* @__PURE__ */ n("div", { className: C.designContainer, children: /* @__PURE__ */ n(
+  ] }) : e.heading : e.description, d = e.icon ? /* @__PURE__ */ n("span", { className: y.iconSlot, children: e.icon }) : e.variant === "loading" ? /* @__PURE__ */ n(Q, { size: 20, color: "currentColor" }) : null, g = Y(e.actionLabel);
+  return /* @__PURE__ */ n("div", { className: y.designContainer, children: /* @__PURE__ */ n(
     "div",
     {
       "data-idb-component": !0,
       className: [
-        C.snackbar,
-        C[e.variant],
-        e.isExiting ? C.snackbarExit : ""
+        y.snackbar,
+        y[e.variant],
+        e.isExiting ? y.snackbarExit : ""
       ].filter(Boolean).join(" "),
       style: e.customStyle,
       role: "status",
       "aria-live": "polite",
-      onMouseEnter: o,
-      onMouseLeave: t,
-      children: /* @__PURE__ */ k("div", { className: C.content, children: [
-        d ? /* @__PURE__ */ n("span", { className: C.leading, children: d }) : null,
-        /* @__PURE__ */ k("div", { className: C.message, children: [
-          u ? /* @__PURE__ */ k(we, { children: [
-            /* @__PURE__ */ n("p", { className: C.heading, children: e.heading }),
-            r ? /* @__PURE__ */ n("p", { className: C.description, children: e.description }) : null
-          ] }) : /* @__PURE__ */ n("p", { className: C.description, children: p }),
+      onMouseEnter: t,
+      onMouseLeave: s,
+      children: /* @__PURE__ */ v("div", { className: y.content, children: [
+        d ? /* @__PURE__ */ n("span", { className: y.leading, children: d }) : null,
+        /* @__PURE__ */ v("div", { className: y.message, children: [
+          _ ? /* @__PURE__ */ v(Be, { children: [
+            /* @__PURE__ */ n("p", { className: y.heading, children: e.heading }),
+            l ? /* @__PURE__ */ n("p", { className: y.description, children: e.description }) : null
+          ] }) : /* @__PURE__ */ n("p", { className: y.description, children: m }),
           a ? (
             // 실제 화면에는 보이지 않지만 heading 2줄 초과 여부를 안정적으로 측정하기 위한 숨김 영역
-            /* @__PURE__ */ k("div", { ref: l, className: C.measureContent, "aria-hidden": "true", children: [
-              /* @__PURE__ */ n("p", { className: C.heading, children: e.heading }),
-              r ? /* @__PURE__ */ n("p", { className: C.description, children: e.description }) : null
+            /* @__PURE__ */ v("div", { ref: i, className: y.measureContent, "aria-hidden": "true", children: [
+              /* @__PURE__ */ n("p", { className: y.heading, children: e.heading }),
+              l ? /* @__PURE__ */ n("p", { className: y.description, children: e.description }) : null
             ] })
           ) : null
         ] }),
-        b || e.closeButton ? /* @__PURE__ */ k("span", { className: C.trailing, children: [
-          b ? /* @__PURE__ */ n(
-            Wt,
+        g || e.closeButton ? /* @__PURE__ */ v("span", { className: y.trailing, children: [
+          g ? /* @__PURE__ */ n(
+            zt,
             {
               widthType: "flexible",
               variant: "primary",
-              className: C.actionButton,
+              className: y.actionButton,
               onClick: e.onActionClick,
               children: e.actionLabel
             }
           ) : null,
           e.closeButton ? /* @__PURE__ */ n(
-            xe,
+            ye,
             {
               size: "small",
-              className: C.closeButton,
-              onClick: s,
-              children: /* @__PURE__ */ n("img", { src: wt, alt: "", "aria-hidden": "true", className: C.closeIcon })
+              className: y.closeButton,
+              onClick: o,
+              children: /* @__PURE__ */ n("img", { src: Bt, alt: "", "aria-hidden": "true", className: y.closeIcon })
             }
           ) : null
         ] }) : null
@@ -922,215 +922,388 @@ function mo({ snackbar: e, onPauseAutoHide: o, onResumeAutoHide: t, onClose: s }
     e.renderKey
   ) });
 }
-function be() {
-  if (V) {
-    if (!w) {
-      W(), Y(), V.render(null);
+function we() {
+  if (Z) {
+    if (!k) {
+      z(), J(), Z.render(null);
       return;
     }
-    V.render(
+    Z.render(
       /* @__PURE__ */ n(
-        mo,
+        fs,
         {
-          snackbar: w,
-          onPauseAutoHide: uo,
-          onResumeAutoHide: Ie,
-          onClose: po
+          snackbar: k,
+          onPauseAutoHide: ms,
+          onResumeAutoHide: De,
+          onClose: hs
         }
       )
     );
   }
 }
-function ls({
+function zo({
   variant: e = "basic",
-  heading: o,
-  description: t,
-  icon: s,
-  actionLabel: l,
-  onActionClick: _,
+  heading: t,
+  description: s,
+  icon: o,
+  actionLabel: i,
+  onActionClick: u,
   closeButton: c = !1,
   customStyle: a
 }) {
-  if (!Z(o) && !Z(t) || !co())
+  if (!Y(t) && !Y(s) || !ds())
     return;
-  W(), Y();
-  const r = c ? lo : io;
-  w = {
+  z(), J();
+  const l = c ? cs : as;
+  k = {
     variant: e,
-    heading: o,
-    description: t,
-    icon: s,
-    actionLabel: l,
-    onActionClick: _,
+    heading: t,
+    description: s,
+    icon: o,
+    actionLabel: i,
+    onActionClick: u,
     closeButton: c,
     customStyle: a,
     isExiting: !1,
-    renderKey: ao++
-  }, be(), _o(r);
+    renderKey: us++
+  }, we(), ps(l);
 }
-function po() {
-  Ce();
+function hs() {
+  ve();
 }
-const fo = "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", ho = "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", go = "_designContainer_1kal7_1", xo = "_toast_1kal7_11", Co = "_toastEnter_1kal7_1", bo = "_basic_1kal7_32", yo = "_positive_1kal7_36", vo = "_negative_1kal7_40", $o = "_content_1kal7_44", wo = "_iconSlot_1kal7_55", No = "_message_1kal7_64", ko = "_icon_1kal7_55", Bo = "_toastExit_1kal7_89", I = {
-  designContainer: go,
-  toast: xo,
-  toastEnter: Co,
-  basic: bo,
-  positive: yo,
-  negative: vo,
-  content: $o,
-  iconSlot: wo,
-  message: No,
-  icon: ko,
-  toastExit: Bo
-}, Eo = 3e3, So = 180;
-let z = null, Q = null, $ = null, jo = 0, ne = null, te = null;
-function ye() {
-  ne !== null && (window.clearTimeout(ne), ne = null);
+const gs = "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", Cs = "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", xs = "_designContainer_1kal7_1", bs = "_toast_1kal7_11", ys = "_toastEnter_1kal7_1", vs = "_basic_1kal7_32", ws = "_positive_1kal7_36", $s = "_negative_1kal7_40", ks = "_content_1kal7_44", Ns = "_iconSlot_1kal7_55", Bs = "_message_1kal7_64", Es = "_icon_1kal7_55", Ss = "_toastExit_1kal7_89", M = {
+  designContainer: xs,
+  toast: bs,
+  toastEnter: ys,
+  basic: vs,
+  positive: ws,
+  negative: $s,
+  content: ks,
+  iconSlot: Ns,
+  message: Bs,
+  icon: Es,
+  toastExit: Ss
+}, Is = 3e3, js = 180;
+let X = null, te = null, $ = null, Ts = 0, oe = null, ie = null;
+function $e() {
+  oe !== null && (window.clearTimeout(oe), oe = null);
 }
-function ve() {
-  te !== null && (window.clearTimeout(te), te = null);
+function ke() {
+  ie !== null && (window.clearTimeout(ie), ie = null);
 }
-function se() {
-  if (!z)
+function re() {
+  if (!X)
     return;
   if (!$) {
-    z.render(null);
+    X.render(null);
     return;
   }
-  const e = $.variant === "positive" ? /* @__PURE__ */ n("img", { src: fo, className: I.icon, alt: "", "aria-hidden": "true" }) : $.variant === "negative" ? /* @__PURE__ */ n("img", { src: ho, className: I.icon, alt: "", "aria-hidden": "true" }) : null, o = $.icon !== void 0 ? $.icon : e;
-  z.render(
-    /* @__PURE__ */ n("div", { className: I.designContainer, children: /* @__PURE__ */ n(
+  const e = $.variant === "positive" ? /* @__PURE__ */ n("img", { src: gs, className: M.icon, alt: "", "aria-hidden": "true" }) : $.variant === "negative" ? /* @__PURE__ */ n("img", { src: Cs, className: M.icon, alt: "", "aria-hidden": "true" }) : null, t = $.icon !== void 0 ? $.icon : e;
+  X.render(
+    /* @__PURE__ */ n("div", { className: M.designContainer, children: /* @__PURE__ */ n(
       "div",
       {
         className: [
-          I.toast,
-          I[$.variant],
-          $.isExiting ? I.toastExit : ""
+          M.toast,
+          M[$.variant],
+          $.isExiting ? M.toastExit : ""
         ].filter(Boolean).join(" "),
         style: $.customStyle,
-        children: /* @__PURE__ */ k("span", { className: I.content, children: [
-          o ? /* @__PURE__ */ n("span", { className: I.iconSlot, children: o }) : null,
-          /* @__PURE__ */ n("span", { className: I.message, children: $.message })
+        children: /* @__PURE__ */ v("span", { className: M.content, children: [
+          t ? /* @__PURE__ */ n("span", { className: M.iconSlot, children: t }) : null,
+          /* @__PURE__ */ n("span", { className: M.message, children: $.message })
         ] })
       },
       $.renderKey
     ) })
   );
 }
-function Me() {
-  !$ || $.isExiting || (ye(), ve(), $ = {
+function qe() {
+  !$ || $.isExiting || ($e(), ke(), $ = {
     ...$,
     isExiting: !0
-  }, se(), te = window.setTimeout(() => {
-    $ = null, se(), ve();
-  }, So));
+  }, re(), ie = window.setTimeout(() => {
+    $ = null, re(), ke();
+  }, js));
 }
-function To() {
-  ye(), ve(), ne = window.setTimeout(() => {
-    Me(), ye();
-  }, Eo);
+function Ms() {
+  $e(), ke(), oe = window.setTimeout(() => {
+    qe(), $e();
+  }, Is);
 }
-function Io() {
-  return typeof window > "u" || typeof document > "u" ? !1 : (z || (Q = document.createElement("div"), Q.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(Q), z = Te.createRoot(Q), se()), !0);
+function Ls() {
+  return typeof window > "u" || typeof document > "u" ? !1 : (X || (te = document.createElement("div"), te.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(te), X = Ae.createRoot(te), re()), !0);
 }
-function rs({ message: e, variant: o = "basic", customStyle: t, icon: s }) {
-  e != null && Io() && ($ = {
+function Vo({ message: e, variant: t = "basic", customStyle: s, icon: o }) {
+  e != null && Ls() && ($ = {
     message: e,
-    variant: o,
-    customStyle: t,
-    icon: s,
+    variant: t,
+    customStyle: s,
+    icon: o,
     isExiting: !1,
-    renderKey: jo++
-  }, se(), To());
+    renderKey: Ts++
+  }, re(), Ms());
 }
-function as() {
-  Me();
+function Ko() {
+  qe();
 }
-const Mo = "_button_16957_1", Lo = "_content_16957_18", Ao = "_fixed_16957_36", Ro = "_fixedContent_16957_42", Do = "_node_16957_52", qo = "_text_16957_58", Ho = "_large_16957_68", Fo = "_medium_16957_69", Wo = "_small_16957_70", Oo = "_xsmall_16957_74", Po = "_flexible_16957_79", Vo = "_primary_16957_97", Ko = "_assistive_16957_98", Zo = "_error_16957_99", zo = "_loading_16957_100", Uo = "_spinnerWrapper_16957_171", j = {
-  button: Mo,
-  content: Lo,
-  fixed: Ao,
-  fixedContent: Ro,
-  node: Do,
-  text: qo,
-  large: Ho,
-  medium: Fo,
-  small: Wo,
-  xsmall: Oo,
-  flexible: Po,
-  primary: Vo,
-  assistive: Ko,
-  error: Zo,
-  loading: zo,
-  spinnerWrapper: Uo,
+const Rs = "_button_16957_1", As = "_content_16957_18", Ds = "_fixed_16957_36", qs = "_fixedContent_16957_42", Hs = "_node_16957_52", Fs = "_text_16957_58", Ws = "_large_16957_68", Os = "_medium_16957_69", Ps = "_small_16957_70", zs = "_xsmall_16957_74", Vs = "_flexible_16957_79", Ks = "_primary_16957_97", Zs = "_assistive_16957_98", Us = "_error_16957_99", Ys = "_loading_16957_100", Xs = "_spinnerWrapper_16957_171", I = {
+  button: Rs,
+  content: As,
+  fixed: Ds,
+  fixedContent: qs,
+  node: Hs,
+  text: Fs,
+  large: Ws,
+  medium: Os,
+  small: Ps,
+  xsmall: zs,
+  flexible: Vs,
+  primary: Ks,
+  assistive: Zs,
+  error: Us,
+  loading: Ys,
+  spinnerWrapper: Xs,
   "spinner-primary": "_spinner-primary_16957_178",
   "spinner-error": "_spinner-error_16957_182",
   "spinner-assistive": "_spinner-assistive_16957_183"
 };
-function cs({
+function Zo({
   widthType: e = "flexible",
-  variant: o = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: l = !1,
-  keepFocusOnClick: _ = !1,
+  variant: t = "primary",
+  size: s = "medium",
+  disabled: o = !1,
+  loading: i = !1,
+  keepFocusOnClick: u = !1,
   customStyle: c = {},
   onClick: a,
-  className: r,
-  children: u,
-  type: p = "button",
+  className: l,
+  children: _,
+  type: m = "button",
   ...d
 }) {
-  const b = [
-    j.button,
-    j[e],
-    j[o],
-    j[t],
-    l ? j.loading : "",
-    r ?? ""
-  ].filter(Boolean).join(" "), h = [j.spinnerWrapper, j[`spinner-${o}`]].filter(Boolean).join(" "), y = [j.content, e === "fixed" ? j.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ie.map(u, (i) => {
-    const g = typeof i == "string" || typeof i == "number" ? j.text : j.node;
-    return /* @__PURE__ */ n("span", { className: g, children: i });
-  }) : u, v = A(() => ({
+  const g = [
+    I.button,
+    I[e],
+    I[t],
+    I[s],
+    i ? I.loading : "",
+    l ?? ""
+  ].filter(Boolean).join(" "), h = [I.spinnerWrapper, I[`spinner-${t}`]].filter(Boolean).join(" "), C = [I.content, e === "fixed" ? I.fixedContent : ""].filter(Boolean).join(" "), N = e === "fixed" ? ae.map(_, (r) => {
+    const x = typeof r == "string" || typeof r == "number" ? I.text : I.node;
+    return /* @__PURE__ */ n("span", { className: x, children: r });
+  }) : _, w = q(() => ({
     large: 24,
     medium: 24,
     small: 24,
     xsmall: 16
-  })[t], [t]);
+  })[s], [s]);
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
-      type: p,
-      className: b,
-      onClick: l ? void 0 : (i) => {
-        a?.(i), !_ && !i.defaultPrevented && i.currentTarget.blur();
+      type: m,
+      className: g,
+      onClick: i ? void 0 : (r) => {
+        a?.(r), !u && !r.defaultPrevented && r.currentTarget.blur();
       },
-      disabled: s,
+      disabled: o,
       style: c,
       ...d,
-      children: l ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(X, { size: v, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: y, children: N })
+      children: i ? /* @__PURE__ */ n("span", { className: h, children: /* @__PURE__ */ n(Q, { size: w, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: C, children: N })
     }
   );
 }
+const Gs = "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", Js = "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", Qs = "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", eo = "_wrapper_zleo7_1", no = "_disabled_zleo7_9", to = "_input_zleo7_13", so = "_box_zleo7_22", oo = "_checkIcon_zleo7_36", io = "_dashIcon_zleo7_41", lo = "_medium_zleo7_48", ro = "_small_zleo7_53", ao = "_compact_zleo7_68", co = "_active_zleo7_80", _o = "_primary_zleo7_87", uo = "_assistive_zleo7_92", T = {
+  wrapper: eo,
+  disabled: no,
+  input: to,
+  box: so,
+  checkIcon: oo,
+  dashIcon: io,
+  medium: lo,
+  small: ro,
+  compact: ao,
+  active: co,
+  primary: _o,
+  assistive: uo
+};
+function Uo({
+  variant: e = "primary",
+  size: t = "medium",
+  density: s = "default",
+  disabled: o = !1,
+  customStyle: i = {},
+  className: u,
+  checked: c = !1,
+  indeterminate: a = !1,
+  onChange: l,
+  ..._
+}) {
+  const m = Le(null);
+  Re(() => {
+    m.current && (m.current.indeterminate = a);
+  }, [a]);
+  const d = (C) => {
+    l?.(C.target.checked);
+  }, g = t === "small" ? Js : Gs, h = [
+    T.wrapper,
+    T[e],
+    T[t],
+    T[s],
+    c ? T.active : "",
+    o ? T.disabled : "",
+    u ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v("label", { "data-idb-component": !0, className: h, style: i, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: m,
+        type: "checkbox",
+        className: T.input,
+        checked: c,
+        disabled: o,
+        onChange: d,
+        ..._
+      }
+    ),
+    /* @__PURE__ */ v("span", { className: T.box, children: [
+      c && a && /* @__PURE__ */ n(
+        "img",
+        {
+          src: Qs,
+          className: T.dashIcon,
+          alt: "",
+          "aria-hidden": "true"
+        }
+      ),
+      c && !a && /* @__PURE__ */ n(
+        "img",
+        {
+          src: g,
+          className: T.checkIcon,
+          alt: "",
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+}
+const mo = "_wrapper_kav3p_1", po = "_disabled_kav3p_9", fo = "_input_kav3p_14", ho = "_circle_kav3p_23", go = "_medium_kav3p_40", Co = "_small_kav3p_45", xo = "_compact_kav3p_60", bo = "_checked_kav3p_82", yo = "_primary_kav3p_82", vo = "_assistive_kav3p_87", L = {
+  wrapper: mo,
+  disabled: po,
+  input: fo,
+  circle: ho,
+  medium: go,
+  small: Co,
+  compact: xo,
+  checked: bo,
+  primary: yo,
+  assistive: vo
+};
+function Yo({
+  variant: e = "primary",
+  size: t = "medium",
+  density: s = "default",
+  disabled: o = !1,
+  checked: i = !1,
+  customStyle: u = {},
+  className: c,
+  onChange: a,
+  ...l
+}) {
+  const _ = (d) => {
+    a?.(d.target.checked);
+  }, m = [
+    L.wrapper,
+    L[e],
+    L[t],
+    L[s],
+    i ? L.checked : L.unchecked,
+    o ? L.disabled : "",
+    c ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v("label", { "data-idb-component": !0, className: m, style: u, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        type: "radio",
+        className: L.input,
+        checked: i,
+        disabled: o,
+        onChange: _,
+        ...l
+      }
+    ),
+    /* @__PURE__ */ n("span", { className: L.circle })
+  ] });
+}
+const wo = "_wrapper_tycam_1", $o = "_disabled_tycam_8", ko = "_input_tycam_13", No = "_track_tycam_22", Bo = "_thumb_tycam_31", Eo = "_small_tycam_41", So = "_medium_tycam_52", Io = "_large_tycam_63", jo = "_off_tycam_76", To = "_on_tycam_82", A = {
+  wrapper: wo,
+  disabled: $o,
+  input: ko,
+  track: No,
+  thumb: Bo,
+  small: Eo,
+  medium: So,
+  large: Io,
+  off: jo,
+  on: To
+};
+function Xo({
+  size: e = "medium",
+  active: t = !1,
+  disabled: s = !1,
+  customStyle: o = {},
+  className: i,
+  onChange: u,
+  ...c
+}) {
+  const a = (_) => {
+    u?.(_.target.checked);
+  }, l = [
+    A.wrapper,
+    A[e],
+    t ? A.on : A.off,
+    s ? A.disabled : "",
+    i ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v("label", { "data-idb-component": !0, className: l, style: o, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        type: "checkbox",
+        className: A.input,
+        checked: t,
+        disabled: s,
+        onChange: a,
+        ...c
+      }
+    ),
+    /* @__PURE__ */ n("span", { className: A.track, children: /* @__PURE__ */ n("span", { className: A.thumb }) })
+  ] });
+}
 export {
-  xe as BasicIconButton,
-  X as Clip,
-  Ze as CustomSpinner,
-  Qo as FadeSpinner,
-  es as FillButton,
-  ns as FillIconButton,
-  Un as Input,
-  ts as OutlineButton,
-  os as OutlineIconButton,
-  ss as PushBadge,
-  is as SearchBar,
-  Jo as Spinner,
-  Wt as TextButton,
-  cs as WeakButton,
-  po as dismissSnackbar,
-  as as dismissToast,
-  ls as showSnackbar,
-  rs as showToast
+  ye as BasicIconButton,
+  Uo as CheckBox,
+  Q as Clip,
+  Ye as CustomSpinner,
+  Do as FadeSpinner,
+  qo as FillButton,
+  Ho as FillIconButton,
+  Gn as Input,
+  Fo as OutlineButton,
+  Wo as OutlineIconButton,
+  Oo as PushBadge,
+  Yo as Radio,
+  Po as SearchBar,
+  Ao as Spinner,
+  zt as TextButton,
+  Xo as ToggleSwitch,
+  Zo as WeakButton,
+  hs as dismissSnackbar,
+  Ko as dismissToast,
+  zo as showSnackbar,
+  Vo as showToast
 };