@krds.ui/vue 0.0.21 → 0.0.22

package/dist/krds-vue.es.js

@@ -1,4 +1,4 @@
-import { Comment as Je, Fragment as Ze, Teleport as Ce, Text as et, computed as C, defineComponent as _, getCurrentInstance as xe, h as t, inject as tt, mergeProps as Ee, nextTick as pe, onActivated as at, onBeforeUnmount as oe, onMounted as ee, onUnmounted as ue, onUpdated as lt, provide as nt, ref as E, shallowRef as st, useId as de, vShow as Se, watch as se, withDirectives as ge, withModifiers as Ke } from "vue";
+import { Comment as Je, Fragment as Ze, Teleport as Ce, Text as et, computed as C, defineComponent as M, getCurrentInstance as xe, h as t, inject as tt, mergeProps as Ee, nextTick as pe, onActivated as at, onBeforeUnmount as ie, onMounted as te, onUnmounted as ue, onUpdated as lt, provide as nt, ref as B, shallowRef as st, useId as de, vShow as Se, watch as se, withDirectives as ge, withModifiers as Ke } from "vue";
 var De = Object.defineProperty, rt = (e, a) => {
   let r = {};
   for (var l in e)
@@ -7,7 +7,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       enumerable: !0
     });
   return a || De(r, Symbol.toStringTag, { value: "Module" }), r;
-}, Fe = /* @__PURE__ */ _({
+}, Fe = /* @__PURE__ */ M({
   name: "KrdsButton",
   props: {
     type: {
@@ -48,6 +48,7 @@ var De = Object.defineProperty, rt = (e, a) => {
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const s = ["krds-btn"];
@@ -62,13 +63,14 @@ var De = Object.defineProperty, rt = (e, a) => {
       onClick: n
     }, r.default?.());
   }
-}), it = Fe, ot = /* @__PURE__ */ _({
+}), ot = Fe, it = /* @__PURE__ */ M({
   name: "KrdsButtonGroup",
   props: {},
+  slots: Object,
   setup(e, { slots: a }) {
     return () => t("div", { class: "btn-group" }, a.default?.());
   }
-}), ut = /* @__PURE__ */ _({
+}), ut = /* @__PURE__ */ M({
   name: "KrdsIcon",
   props: {
     name: {
@@ -87,7 +89,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       e.class
     ].filter(Boolean).join(" ") });
   }
-}), dt = /* @__PURE__ */ _({
+}), dt = /* @__PURE__ */ M({
   name: "KrdsFloatingButton",
   inheritAttrs: !1,
   props: {
@@ -121,16 +123,16 @@ var De = Object.defineProperty, rt = (e, a) => {
     select: (e, a, r) => !0
   },
   setup(e, { emit: a, attrs: r }) {
-    const l = E(null), n = E(null), s = `floating-list-${de()}`, u = E(!1), g = (S = !1) => {
+    const l = B(null), n = B(null), s = `floating-list-${de()}`, u = B(!1), g = (S = !1) => {
       u.value = !1, S && n.value?.focus();
     }, h = (S) => {
       S.key === "Escape" && u.value && g(!0);
     };
-    ee(() => document.addEventListener("keydown", h)), ue(() => document.removeEventListener("keydown", h));
+    te(() => document.addEventListener("keydown", h)), ue(() => document.removeEventListener("keydown", h));
     const y = (S) => {
       const k = S.relatedTarget;
       k && !l.value?.contains(k) && g();
-    }, d = (S, k, K = !1, m = {}) => t(S.href ? "a" : "button", Ee({
+    }, c = (S, k, K = !1, m = {}) => t(S.href ? "a" : "button", Ee({
       class: "floating-action",
       ...S.href ? {
         href: S.href,
@@ -152,7 +154,7 @@ var De = Object.defineProperty, rt = (e, a) => {
         return t("div", {
           class: ["krds-floating-button", k],
           style: K
-        }, [d({
+        }, [c({
           label: e.label,
           icon: e.icon,
           href: e.href,
@@ -187,7 +189,7 @@ var De = Object.defineProperty, rt = (e, a) => {
         ge(t("ul", {
           id: s,
           class: "floating-list"
-        }, S.map((k, K) => t("li", { key: K }, [d(k, (m) => {
+        }, S.map((k, K) => t("li", { key: K }, [c(k, (m) => {
           g(!0), a("select", k, K, m);
           const v = k.href?.startsWith("#") ? decodeURIComponent(k.href.slice(1)) : "";
           v && !m.defaultPrevented && document.getElementById(v) && document.activeElement === n.value && n.value?.blur();
@@ -195,7 +197,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       ]);
     };
   }
-}), ct = dt, ft = /* @__PURE__ */ _({
+}), ct = dt, ft = /* @__PURE__ */ M({
   name: "KrdsLink",
   props: {
     href: {
@@ -232,6 +234,7 @@ var De = Object.defineProperty, rt = (e, a) => {
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const u = ["krds-btn"];
@@ -250,7 +253,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       onClick: s
     }, r.default?.());
   }
-}), Pe = /* @__PURE__ */ _({
+}), Pe = /* @__PURE__ */ M({
   name: "KrdsSpinner",
   props: { label: {
     type: String,
@@ -263,7 +266,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       role: "status"
     }, e);
   }
-}), vt = /* @__PURE__ */ _({
+}), vt = /* @__PURE__ */ M({
   name: "KrdsInput",
   props: {
     modelValue: {
@@ -356,6 +359,7 @@ var De = Object.defineProperty, rt = (e, a) => {
     keydown: (e) => !0,
     keyup: (e) => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const k = ["krds-input"];
@@ -373,7 +377,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       a("keydown", k);
     }, y = (k) => {
       a("keyup", k);
-    }, d = C(() => {
+    }, c = C(() => {
       const k = {
         type: e.type,
         class: l.value,
@@ -399,11 +403,11 @@ var De = Object.defineProperty, rt = (e, a) => {
       return e.state !== "default" && k.push(`is-${e.state}`), e.icon && k.push("btn-ico-wrap"), k;
     });
     return () => {
-      const k = [t("input", d.value)];
+      const k = [t("input", c.value)];
       return e.loading ? t("div", { class: S.value }, [t("div", { class: "form-spinner" }, [...k, t(Pe)])]) : (r.default && k.push(...r.default()), t("div", { class: S.value }, k));
     };
   }
-}), pt = vt, ht = /* @__PURE__ */ _({
+}), pt = vt, ht = /* @__PURE__ */ M({
   name: "KrdsFormLabel",
   props: {
     for: {
@@ -424,6 +428,7 @@ var De = Object.defineProperty, rt = (e, a) => {
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = (n) => {
       a("click", n);
@@ -436,7 +441,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       onClick: l
     }, r.default?.())]);
   }
-}), gt = ht, yt = /* @__PURE__ */ _({
+}), gt = ht, yt = /* @__PURE__ */ M({
   name: "KrdsFormHint",
   props: {
     type: {
@@ -457,6 +462,7 @@ var De = Object.defineProperty, rt = (e, a) => {
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = (s) => {
       a("click", s);
@@ -484,7 +490,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       onClick: l
     }, r.default?.());
   }
-}), mt = yt, bt = /* @__PURE__ */ _({
+}), mt = yt, bt = /* @__PURE__ */ M({
   name: "KrdsFormGroup",
   props: {
     class: {
@@ -500,6 +506,7 @@ var De = Object.defineProperty, rt = (e, a) => {
       default: void 0
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     const r = C(() => {
       const l = ["form-group"];
@@ -513,24 +520,24 @@ var De = Object.defineProperty, rt = (e, a) => {
   }
 }), kt = bt;
 function St(e, a) {
-  const r = /* @__PURE__ */ new Date(), l = E(e || r.getFullYear()), n = E(a || r.getMonth() + 1), s = E(null), u = E(null), g = E(null), h = C(() => {
-    const o = r.getFullYear(), i = [];
-    for (let p = o - 10; p <= o + 10; p++) i.push(p);
-    return i;
-  }), y = C(() => Array.from({ length: 12 }, (o, i) => i + 1)), d = () => {
+  const r = /* @__PURE__ */ new Date(), l = B(e || r.getFullYear()), n = B(a || r.getMonth() + 1), s = B(null), u = B(null), g = B(null), h = C(() => {
+    const i = r.getFullYear(), o = [];
+    for (let p = i - 10; p <= i + 10; p++) o.push(p);
+    return o;
+  }), y = C(() => Array.from({ length: 12 }, (i, o) => o + 1)), c = () => {
     s.value = null, u.value = null;
   }, S = () => {
     n.value === 1 ? (n.value = 12, l.value -= 1) : n.value -= 1;
   }, k = () => {
     n.value === 12 ? (n.value = 1, l.value += 1) : n.value += 1;
-  }, K = (o, i = !1) => {
-    if (i)
-      s.value = o, u.value = o;
+  }, K = (i, o = !1) => {
+    if (o)
+      s.value = i, u.value = i;
     else if (!s.value || s.value && u.value)
-      s.value = o, u.value = null;
+      s.value = i, u.value = null;
     else {
       const p = new Date(s.value.replace(/\./g, "-"));
-      new Date(o.replace(/\./g, "-")) < p ? (s.value = o, u.value = null) : u.value = o;
+      new Date(i.replace(/\./g, "-")) < p ? (s.value = i, u.value = null) : u.value = i;
     }
   };
   return {
@@ -541,31 +548,31 @@ function St(e, a) {
     activeDateSelector: g,
     yearOptions: h,
     monthOptions: y,
-    clearDateSelection: d,
+    clearDateSelection: c,
     prevMonth: S,
     nextMonth: k,
     handleDateSelection: K,
     selectToday: () => {
-      const o = `${r.getFullYear()}.${String(r.getMonth() + 1).padStart(2, "0")}.${String(r.getDate()).padStart(2, "0")}`;
-      K(o, !0);
+      const i = `${r.getFullYear()}.${String(r.getMonth() + 1).padStart(2, "0")}.${String(r.getDate()).padStart(2, "0")}`;
+      K(i, !0);
     },
-    isDateInSelectedRange: (o) => {
+    isDateInSelectedRange: (i) => {
       if (!s.value) return {
         isInRange: !1,
         isStart: !1,
         isEnd: !1
       };
-      const i = o === s.value;
+      const o = i === s.value;
       if (!u.value) return {
-        isInRange: i,
-        isStart: i,
+        isInRange: o,
+        isStart: o,
         isEnd: !1
       };
-      const p = new Date(o.replace(/\./g, "-")), M = new Date(s.value.replace(/\./g, "-")), A = new Date(u.value.replace(/\./g, "-")), D = o === u.value;
+      const p = new Date(i.replace(/\./g, "-")), V = new Date(s.value.replace(/\./g, "-")), A = new Date(u.value.replace(/\./g, "-")), E = i === u.value;
       return {
-        isInRange: p >= M && p <= A,
-        isStart: i,
-        isEnd: D
+        isInRange: p >= V && p <= A,
+        isStart: o,
+        isEnd: E
       };
     }
   };
@@ -583,9 +590,9 @@ function wt(e, a, r = {}) {
       document.removeEventListener(h, l), l = null;
     }
   };
-  return ee(() => {
+  return te(() => {
     u();
-  }), oe(() => {
+  }), ie(() => {
     g();
   }), {
     setupGlobalListeners: u,
@@ -600,7 +607,7 @@ var Kt = [
   "목",
   "금",
   "토"
-], ke = /* @__PURE__ */ new Set(), Ct = /* @__PURE__ */ _({
+], ke = /* @__PURE__ */ new Set(), Ct = /* @__PURE__ */ M({
   name: "KrdsDateInput",
   props: {
     modelValue: {
@@ -672,8 +679,8 @@ var Kt = [
     blur: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = E(), l = E(), n = E(!1), s = E(null), u = E(!0), g = E(), h = E(!1);
-    ee(() => h.value = !0);
+    const r = B(), l = B(), n = B(!1), s = B(null), u = B(!0), g = B(), h = B(!1);
+    te(() => h.value = !0);
     const y = () => {
       const w = l.value?.parentElement?.getBoundingClientRect();
       w && (g.value = {
@@ -682,22 +689,22 @@ var Kt = [
         left: `${w.left + window.scrollX}px`,
         width: `${w.width}px`
       });
-    }, d = () => {
-      const w = l.value?.parentElement?.getBoundingClientRect(), V = r.value?.querySelector(".calendar-wrap");
-      if (!w || !V) return;
-      const I = w.top, J = window.innerHeight - w.bottom;
-      u.value = I >= V.offsetHeight || I >= J, e.teleport && y();
+    }, c = () => {
+      const w = l.value?.parentElement?.getBoundingClientRect(), F = r.value?.querySelector(".calendar-wrap");
+      if (!w || !F) return;
+      const R = w.top, ee = window.innerHeight - w.bottom;
+      u.value = R >= F.offsetHeight || R >= ee, e.teleport && y();
     }, S = (w) => {
-      const V = w ? "addEventListener" : "removeEventListener";
-      window[V]("scroll", y, { capture: !0 }), window[V]("resize", y);
+      const F = w ? "addEventListener" : "removeEventListener";
+      window[F]("scroll", y, { capture: !0 }), window[F]("resize", y);
     };
     se(n, async (w) => {
-      e.teleport && S(w), w && (await pe(), d());
-    }), oe(() => S(!1));
-    const { currentYear: k, currentMonth: K, selectedStartDate: m, selectedEndDate: v, yearOptions: o, monthOptions: i, prevMonth: p, nextMonth: M, handleDateSelection: A, selectToday: D, isDateInSelectedRange: L } = St(e.initialYear, e.initialMonth), $ = () => {
-      n.value && l.value?.focus(), n.value = !1, s.value = null, ke.delete($);
+      e.teleport && S(w), w && (await pe(), c());
+    }), ie(() => S(!1));
+    const { currentYear: k, currentMonth: K, selectedStartDate: m, selectedEndDate: v, yearOptions: i, monthOptions: o, prevMonth: p, nextMonth: V, handleDateSelection: A, selectToday: E, isDateInSelectedRange: $ } = St(e.initialYear, e.initialMonth), x = () => {
+      n.value && l.value?.focus(), n.value = !1, s.value = null, ke.delete(x);
     };
-    oe(() => ke.delete($)), wt(r, $, ".calendar-conts");
+    ie(() => ke.delete(x)), wt(r, x, ".calendar-conts");
     const f = C(() => {
       const w = [
         "krds-input",
@@ -705,46 +712,46 @@ var Kt = [
         "cal"
       ];
       return e.size && w.push(e.size), e.class && w.push(e.class), w;
-    }), T = C(() => ["form-conts", "calendar-conts"]), R = C(() => ({
+    }), D = C(() => ["form-conts", "calendar-conts"]), z = C(() => ({
       "krds-calendar-area": !0,
       active: n.value
-    })), H = C(() => {
-      const w = k.value, V = K.value, I = new Date(w, V - 1, 1), J = new Date(I);
-      J.setDate(J.getDate() - I.getDay());
-      const ie = [], X = new Date(J);
-      for (let ae = 0; ae < 6; ae++) {
+    })), I = C(() => {
+      const w = k.value, F = K.value, R = new Date(w, F - 1, 1), ee = new Date(R);
+      ee.setDate(ee.getDate() - R.getDay());
+      const oe = [], X = new Date(ee);
+      for (let le = 0; le < 6; le++) {
         const ye = [];
         for (let me = 0; me < 7; me++) {
           const we = `${X.getFullYear()}.${String(X.getMonth() + 1).padStart(2, "0")}.${String(X.getDate()).padStart(2, "0")}`, be = X.getDay();
           ye.push({
             day: X.getDate(),
             dateString: we,
-            isCurrentMonth: X.getMonth() === V - 1,
+            isCurrentMonth: X.getMonth() === F - 1,
             isToday: X.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
-            isPrevMonth: X < I,
-            isNextMonth: X.getMonth() !== V - 1 && X > I,
+            isPrevMonth: X < R,
+            isNextMonth: X.getMonth() !== F - 1 && X > R,
             isSunday: be === 0,
             isSaturday: be === 6
           }), X.setDate(X.getDate() + 1);
         }
-        ie.push(ye);
+        oe.push(ye);
       }
-      return ie;
-    }), O = (w) => {
-      const V = [];
-      if (w.isPrevMonth && V.push("old"), w.isNextMonth && V.push("new"), w.isToday && V.push("today"), w.isSunday && V.push("day-off"), e.holidays?.includes(w.dateString) && V.push("day-off"), e.eventDates?.includes(w.dateString) && V.push("day-event"), w.isCurrentMonth) {
-        const I = L(w.dateString);
-        I.isInRange && (V.push("period"), I.isStart && V.push("start"), I.isEnd && V.push("end"));
+      return oe;
+    }), H = (w) => {
+      const F = [];
+      if (w.isPrevMonth && F.push("old"), w.isNextMonth && F.push("new"), w.isToday && F.push("today"), w.isSunday && F.push("day-off"), e.holidays?.includes(w.dateString) && F.push("day-off"), e.eventDates?.includes(w.dateString) && F.push("day-event"), w.isCurrentMonth) {
+        const R = $(w.dateString);
+        R.isInRange && (F.push("period"), R.isStart && F.push("start"), R.isEnd && F.push("end"));
       }
-      return V;
-    }, N = C(() => [
+      return F;
+    }, j = C(() => [
       {
         id: "get-today",
         label: "오늘",
         class: "text",
         variant: void 0,
         size: "small",
-        handler: D
+        handler: E
       },
       {
         id: "cancel-btn",
@@ -752,7 +759,7 @@ var Kt = [
         class: void 0,
         variant: "tertiary",
         size: "small",
-        handler: $
+        handler: x
       },
       {
         id: "confirm-btn",
@@ -762,7 +769,7 @@ var Kt = [
         size: "small",
         handler: re
       }
-    ]), j = (w) => {
+    ]), W = (w) => {
       r.value?.querySelector(`.btn-cal-switch.${w}`)?.focus();
     }, U = (w) => {
       s.value === w ? s.value = null : s.value = w;
@@ -771,58 +778,58 @@ var Kt = [
     }, he = (w) => {
       K.value = w, s.value = null;
     }, re = () => {
-      m.value && (v.value && m.value !== v.value ? a("update:modelValue", `${m.value} ~ ${v.value}`) : a("update:modelValue", m.value), $());
-    }, Q = () => {
-      ke.forEach((w) => w()), ke.add($), n.value = !0, s.value = null, setTimeout(() => {
+      m.value && (v.value && m.value !== v.value ? a("update:modelValue", `${m.value} ~ ${v.value}`) : a("update:modelValue", m.value), x());
+    }, Z = () => {
+      ke.forEach((w) => w()), ke.add(x), n.value = !0, s.value = null, setTimeout(() => {
         r.value?.querySelector(".calendar-wrap")?.focus();
       }, 50);
     }, fe = () => {
-      n.value ? $() : Q();
-    }, te = (w) => {
-      w.code === "Escape" && (s.value ? s.value = null : n.value && $());
+      n.value ? x() : Z();
+    }, ae = (w) => {
+      w.code === "Escape" && (s.value ? s.value = null : n.value && x());
     }, ve = (w) => {
-      const V = w.target;
-      a("update:modelValue", V.value), a("input", w);
+      const F = w.target;
+      a("update:modelValue", F.value), a("input", w);
     }, ne = (w) => {
       a("change", w);
     }, P = (w) => {
       a("focus", w);
-    }, z = (w) => {
+    }, O = (w) => {
       a("blur", w);
-    }, G = (w) => {
-      const V = w === "year", I = V ? o.value : i.value, J = V ? k.value : K.value, ie = (ae) => V ? `${ae}년` : `${ae.toString().padStart(2, "0")}월`, X = s.value === w;
+    }, Y = (w) => {
+      const F = w === "year", R = F ? i.value : o.value, ee = F ? k.value : K.value, oe = (le) => F ? `${le}년` : `${le.toString().padStart(2, "0")}월`, X = s.value === w;
       return t("div", { class: "calendar-drop-down" }, [t("button", {
         type: "button",
         class: `btn-cal-switch ${w}`,
-        "aria-label": V ? "연도 선택" : "월 선택",
+        "aria-label": F ? "연도 선택" : "월 선택",
         "aria-expanded": X,
         onClick: () => U(w)
-      }, ie(J)), ge(t("div", { class: [
+      }, oe(ee)), ge(t("div", { class: [
         "calendar-select",
-        V ? "calendar-year-wrap" : "calendar-mon-wrap",
+        F ? "calendar-year-wrap" : "calendar-mon-wrap",
         { active: X }
-      ] }, [t("ul", { class: `sel ${w}` }, I.map((ae) => t("li", { key: ae }, [t("button", {
+      ] }, [t("ul", { class: `sel ${w}` }, R.map((le) => t("li", { key: le }, [t("button", {
         type: "button",
-        class: { active: ae === J },
+        class: { active: le === ee },
         onClick: () => {
-          V ? ce(ae) : he(ae), j(w);
+          F ? ce(le) : he(le), W(w);
         }
-      }, ie(ae))])))]), [[Se, X]])]);
+      }, oe(le))])))]), [[Se, X]])]);
     }, q = () => t("table", { class: "calendar-tbl" }, [
       t("caption", null, `${k.value}년 ${K.value.toString().padStart(2, "0")}월`),
       t("thead", null, [t("tr", null, Kt.map((w) => t("th", null, w)))]),
-      t("tbody", null, H.value.map((w, V) => t("tr", { key: V }, w.map((I, J) => t("td", {
-        key: J,
-        class: O(I),
-        "data-date": I.dateString
+      t("tbody", null, I.value.map((w, F) => t("tr", { key: F }, w.map((R, ee) => t("td", {
+        key: ee,
+        class: H(R),
+        "data-date": R.dateString
       }, [t("button", {
         type: "button",
         class: "btn-set-date",
-        "aria-pressed": L(I.dateString).isInRange ? "true" : "false",
-        onClick: () => A(I.dateString)
-      }, [t("span", null, String(I.day))])])))))
+        "aria-pressed": $(R.dateString).isInRange ? "true" : "false",
+        onClick: () => A(R.dateString)
+      }, [t("span", null, String(R.day))])])))))
     ]);
-    return () => t("div", { class: "form-conts" }, [t("div", { class: T.value }, [t("div", { class: "calendar-input" }, [t("input", {
+    return () => t("div", { class: "form-conts" }, [t("div", { class: D.value }, [t("div", { class: "calendar-input" }, [t("input", {
       id: e.id,
       name: e.name,
       class: f.value,
@@ -836,7 +843,7 @@ var Kt = [
       onInput: ve,
       onChange: ne,
       onFocus: P,
-      onBlur: z
+      onBlur: O
     }), t("button", {
       ref: l,
       class: `krds-btn ${e.size || "medium"} icon form-btn-datepicker`,
@@ -849,13 +856,13 @@ var Kt = [
       disabled: !(e.teleport && h.value)
     }, [t("div", {
       ref: r,
-      class: R.value,
+      class: z.value,
       style: e.teleport ? g.value : void 0
     }, [ge(t("div", {
       class: ["calendar-wrap", { bottom: u.value }],
       "aria-label": "달력",
       tabindex: "0",
-      onKeydown: te
+      onKeydown: ae
     }, [
       t("div", { class: "calendar-head" }, [
         t("button", {
@@ -863,15 +870,15 @@ var Kt = [
           class: "btn-cal-move prev",
           onClick: p
         }, [t("span", { class: "sr-only" }, "이전 달")]),
-        t("div", { class: "calendar-switch-wrap" }, [G("year"), G("month")]),
+        t("div", { class: "calendar-switch-wrap" }, [Y("year"), Y("month")]),
         t("button", {
           type: "button",
           class: "btn-cal-move next",
-          onClick: M
+          onClick: V
         }, [t("span", { class: "sr-only" }, "다음 달")])
       ]),
       t("div", { class: "calendar-body" }, [t("div", { class: "calendar-table-wrap" }, [q()])]),
-      t("div", { class: "calendar-footer" }, [t("div", { class: "calendar-btn-wrap" }, N.value.map((w) => t(Fe, {
+      t("div", { class: "calendar-footer" }, [t("div", { class: "calendar-btn-wrap" }, j.value.map((w) => t(Fe, {
         id: w.id,
         key: w.id,
         class: w.class,
@@ -881,7 +888,7 @@ var Kt = [
       }, { default: () => w.label })))])
     ]), [[Se, n.value]])])])])]);
   }
-}), xt = Ct, $t = /* @__PURE__ */ _({
+}), xt = Ct, $t = /* @__PURE__ */ M({
   name: "KrdsTextarea",
   props: {
     modelValue: {
@@ -959,7 +966,7 @@ var Kt = [
     keyup: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = E(0);
+    const r = B(0);
     se(() => e.modelValue, (v) => {
       r.value = (v || "").length;
     }, { immediate: !0 });
@@ -970,8 +977,8 @@ var Kt = [
       const v = {};
       return e.resize && (v.resize = e.resize), v;
     }), s = (v) => {
-      const o = v.target.value;
-      r.value = o.length, a("update:modelValue", o), a("input", v);
+      const i = v.target.value;
+      r.value = i.length, a("update:modelValue", i), a("input", v);
     }, u = (v) => {
       a("change", v);
     }, g = (v) => {
@@ -980,7 +987,7 @@ var Kt = [
       a("blur", v);
     }, y = (v) => {
       a("keydown", v);
-    }, d = (v) => {
+    }, c = (v) => {
       a("keyup", v);
     }, S = C(() => {
       const v = {
@@ -1001,7 +1008,7 @@ var Kt = [
         onFocus: g,
         onBlur: h,
         onKeydown: y,
-        onKeyup: d
+        onKeyup: c
       };
       return e.maxlength !== void 0 && (v.maxlength = e.maxlength), e.minlength !== void 0 && (v.minlength = e.minlength), v;
     }), k = C(() => ["form-conts"]), K = C(() => ["textarea-wrap"]), m = C(() => e.showCount ? {
@@ -1013,7 +1020,7 @@ var Kt = [
       return m.value && v.push(t("p", { class: "textarea-count" }, [t("span", { class: "count-now" }, m.value.current), t("span", { class: "count-total" }, m.value.max ? `/${m.value.max}` : "")])), t("div", { class: k.value }, [t("div", { class: K.value }, v)]);
     };
   }
-}), Lt = $t, Bt = /* @__PURE__ */ _({
+}), Lt = $t, Bt = /* @__PURE__ */ M({
   name: "KrdsSelect",
   props: {
     modelValue: {
@@ -1074,17 +1081,18 @@ var Kt = [
     focus: (e) => !0,
     blur: (e) => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
-      const d = [];
-      return e.sort ? d.push("krds-form-select-sort") : d.push("krds-form-select"), e.size && d.push(e.size), e.class && d.push(e.class), d;
-    }), n = (d) => {
-      const S = d.target;
+      const c = [];
+      return e.sort ? c.push("krds-form-select-sort") : c.push("krds-form-select"), e.size && c.push(e.size), e.class && c.push(e.class), c;
+    }), n = (c) => {
+      const S = c.target;
       a("update:modelValue", S.value === "" ? null : S.value);
-    }, s = (d) => {
-      a("focus", d);
-    }, u = (d) => {
-      a("blur", d);
+    }, s = (c) => {
+      a("focus", c);
+    }, u = (c) => {
+      a("blur", c);
     }, g = C(() => ({
       class: l.value,
       value: e.modelValue ?? "",
@@ -1096,28 +1104,28 @@ var Kt = [
       onFocus: s,
       onBlur: u
     })), h = C(() => {
-      const d = ["form-conts"];
-      return e.state !== "default" && d.push(`is-${e.state}`), d;
+      const c = ["form-conts"];
+      return e.state !== "default" && c.push(`is-${e.state}`), c;
     }), y = () => {
-      const d = [];
-      return e.placeholder && !e.modelValue && d.push(t("option", {
+      const c = [];
+      return e.placeholder && !e.modelValue && c.push(t("option", {
         value: "",
         disabled: !0,
         selected: !0
       }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((S) => {
-        d.push(t("option", {
+        c.push(t("option", {
           value: S.value,
           disabled: S.disabled,
           selected: S.value === e.modelValue
         }, S.label));
-      }), r.default && d.push(...r.default()), d;
+      }), r.default && c.push(...r.default()), c;
     };
     return () => {
-      const d = t("select", g.value, y());
-      return e.sort ? d : t("div", { class: h.value }, [d]);
+      const c = t("select", g.value, y());
+      return e.sort ? c : t("div", { class: h.value }, [c]);
     };
   }
-}), Et = Bt, Dt = 0, Tt = /* @__PURE__ */ _({
+}), Et = Bt, Dt = 0, Tt = /* @__PURE__ */ M({
   name: "KrdsFileUpload",
   props: {
     modelValue: {
@@ -1219,62 +1227,62 @@ var Kt = [
     preview: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = E(!1), l = E(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++Dt}`, s = (f) => f < 1024 ? `${f}B` : f < 1048576 ? `${Math.round(f / 1024)}KB` : `${Number((f / 1048576).toFixed(1))}MB`, u = (f) => {
-      const T = f.split(".");
-      return T.length > 1 ? T.pop().toLowerCase() : "";
+    const r = B(!1), l = B(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++Dt}`, s = (f) => f < 1024 ? `${f}B` : f < 1048576 ? `${Math.round(f / 1024)}KB` : `${Number((f / 1048576).toFixed(1))}MB`, u = (f) => {
+      const D = f.split(".");
+      return D.length > 1 ? D.pop().toLowerCase() : "";
     }, g = (f) => {
-      const T = u(f.name), R = T ? f.name.slice(0, -(T.length + 1)) : f.name;
-      return T ? `${R} [${T}, ${s(f.size)}]` : `${f.name} [${s(f.size)}]`;
+      const D = u(f.name), z = D ? f.name.slice(0, -(D.length + 1)) : f.name;
+      return D ? `${z} [${D}, ${s(f.size)}]` : `${f.name} [${s(f.size)}]`;
     }, h = () => `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`, y = (f) => {
       if (e.maxFileSize && f.size >= e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
 ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       if (e.accept) {
-        const T = e.accept.split(",").map((O) => O.trim().toLowerCase()), R = `.${u(f.name)}`, H = f.type;
-        if (!T.some((O) => O.startsWith(".") ? R === O : O.endsWith("/*") ? H.startsWith(O.replace("/*", "/")) : H === O)) return "허용되지 않는 파일 형식입니다.";
+        const D = e.accept.split(",").map((H) => H.trim().toLowerCase()), z = `.${u(f.name)}`, I = f.type;
+        if (!D.some((H) => H.startsWith(".") ? z === H : H.endsWith("/*") ? I.startsWith(H.replace("/*", "/")) : I === H)) return "허용되지 않는 파일 형식입니다.";
       }
       return null;
-    }, d = (f) => {
+    }, c = (f) => {
       if (e.disabled || e.readonly) return;
-      let T = [...e.modelValue || []];
-      !e.multiple && T.length > 0 && (T = []);
-      const R = [];
-      let H = T.filter((N) => N.status !== "error").length;
-      const O = e.multiple ? Array.from(f) : Array.from(f).slice(0, 1);
-      for (const N of O) {
-        if (H >= e.maxFiles) break;
-        const j = y(N);
-        j || H++;
+      let D = [...e.modelValue || []];
+      !e.multiple && D.length > 0 && (D = []);
+      const z = [];
+      let I = D.filter((j) => j.status !== "error").length;
+      const H = e.multiple ? Array.from(f) : Array.from(f).slice(0, 1);
+      for (const j of H) {
+        if (I >= e.maxFiles) break;
+        const W = y(j);
+        W || I++;
         const U = {
           id: h(),
-          file: N,
-          name: N.name,
-          size: N.size,
-          type: N.type,
-          status: j ? "error" : "pending",
-          errorMessage: j || void 0
+          file: j,
+          name: j.name,
+          size: j.size,
+          type: j.type,
+          status: W ? "error" : "pending",
+          errorMessage: W || void 0
         };
-        R.push(U), j ? a("file-error", U, j) : a("file-added", U);
+        z.push(U), W ? a("file-error", U, W) : a("file-added", U);
       }
-      R.length > 0 && a("update:modelValue", [...T, ...R]);
+      z.length > 0 && a("update:modelValue", [...D, ...z]);
     }, S = (f) => {
-      const T = f.target;
-      T.files?.length && (d(T.files), T.value = "");
+      const D = f.target;
+      D.files?.length && (c(D.files), D.value = "");
     }, k = (f) => {
       e.disabled || e.readonly || !e.dragAndDrop || (f.preventDefault(), r.value = !0);
     }, K = () => {
       r.value = !1;
     }, m = (f) => {
-      f.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && f.dataTransfer?.files && d(f.dataTransfer.files);
+      f.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && f.dataTransfer?.files && c(f.dataTransfer.files);
     }, v = () => {
       e.disabled || e.readonly || l.value?.click();
-    }, o = (f) => {
-      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((T) => T.id !== f)), a("file-removed", f));
-    }, i = () => {
+    }, i = (f) => {
+      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((D) => D.id !== f)), a("file-removed", f));
+    }, o = () => {
       e.disabled || e.readonly || (a("update:modelValue", []), a("clear-all"));
     }, p = C(() => {
       const f = ["krds-file-upload", "line"];
       return e.class && f.push(e.class), f;
-    }), M = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), A = () => t("div", {
+    }), V = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), A = () => t("div", {
       class: ["file-upload", { active: r.value }],
       onDragover: k,
       onDragleave: K,
@@ -1293,58 +1301,58 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       class: ["krds-btn", e.size],
       disabled: e.disabled || void 0,
       onClick: v
-    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), D = (f) => {
-      const T = [];
-      return f.status === "uploading" ? T.push(t("span", {
+    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), E = (f) => {
+      const D = [];
+      return f.status === "uploading" ? D.push(t("span", {
         class: "krds-spinner",
         role: "status"
-      }, [t("span", { class: "sr-only" }, "업로드 중")])) : f.downloadUrl ? (e.showDownload && T.push(t("button", {
+      }, [t("span", { class: "sr-only" }, "업로드 중")])) : f.downloadUrl ? (e.showDownload && D.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
         onClick: () => a("download", f)
-      }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && T.push(t("button", {
+      }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && D.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
         onClick: () => a("preview", f)
-      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : f.status === "completed" ? T.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || T.push(t("button", {
+      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : f.status === "completed" ? D.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || D.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
         disabled: e.disabled || void 0,
-        onClick: () => o(f.id)
-      }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), T;
-    }, L = (f) => {
-      const T = [t("div", { class: f.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, g(f)), t("div", { class: "btn-wrap" }, D(f))])];
+        onClick: () => i(f.id)
+      }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), D;
+    }, $ = (f) => {
+      const D = [t("div", { class: f.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, g(f)), t("div", { class: "btn-wrap" }, E(f))])];
       if (f.status === "error" && f.errorMessage) {
-        const R = f.errorMessage.split(`
-`), H = [];
-        R.forEach((O, N) => {
-          N > 0 && H.push(t("br")), H.push(O);
-        }), T.push(t("p", { class: "file-hint-invalid" }, H));
+        const z = f.errorMessage.split(`
+`), I = [];
+        z.forEach((H, j) => {
+          j > 0 && I.push(t("br")), I.push(H);
+        }), D.push(t("p", { class: "file-hint-invalid" }, I));
       }
       return t("li", {
         key: f.id,
         class: f.status === "error" ? "is-error" : void 0
-      }, T);
-    }, $ = (f) => {
-      const T = f.filter((H) => H.status !== "error").length, R = [t("div", { class: "total" }, [t("span", { class: "current" }, `${T}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, f.map(L))];
-      return e.showClearAll && !e.readonly && R.push(t("div", { class: "upload-delete-btn" }, [t("button", {
+      }, D);
+    }, x = (f) => {
+      const D = f.filter((I) => I.status !== "error").length, z = [t("div", { class: "total" }, [t("span", { class: "current" }, `${D}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, f.map($))];
+      return e.showClearAll && !e.readonly && z.push(t("div", { class: "upload-delete-btn" }, [t("button", {
         type: "button",
         class: "krds-btn xsmall tertiary",
         disabled: e.disabled || void 0,
-        onClick: i
-      }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, R);
+        onClick: o
+      }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, z);
     };
     return () => {
-      const f = [M()];
+      const f = [V()];
       e.readonly || f.push(A());
-      const T = e.modelValue || [];
-      return T.length > 0 && f.push($(T)), t("div", {
+      const D = e.modelValue || [];
+      return D.length > 0 && f.push(x(D)), t("div", {
         class: p.value,
         style: e.style || void 0
       }, f);
     };
   }
-}), At = Tt, _t = /* @__PURE__ */ _({
+}), At = Tt, _t = /* @__PURE__ */ M({
   name: "KrdsBadge",
   props: {
     type: {
@@ -1369,6 +1377,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const s = ["krds-badge"];
@@ -1385,7 +1394,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       onClick: n
     }, r.default?.());
   }
-}), Mt = _t, Vt = /* @__PURE__ */ _({
+}), Mt = _t, Vt = /* @__PURE__ */ M({
   name: "KrdsTag",
   props: {
     link: {
@@ -1410,6 +1419,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }
   },
   emits: { remove: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const u = ["krds-btn-tag"];
@@ -1433,7 +1443,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       return t("span", { class: l.value }, u);
     };
   }
-}), Ft = Vt, Pt = /* @__PURE__ */ _({
+}), Ft = Vt, Pt = /* @__PURE__ */ M({
   name: "KrdsTagGroup",
   props: {
     size: {
@@ -1445,6 +1455,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       default: void 0
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     const r = C(() => {
       const l = ["krds-tag-wrap"];
@@ -1452,13 +1463,14 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     });
     return () => t("div", { class: r.value }, a.default?.());
   }
-}), zt = Pt, Rt = /* @__PURE__ */ _({
+}), Ot = Pt, zt = /* @__PURE__ */ M({
   name: "KrdsMasthead",
   props: { class: {
     type: String,
     default: void 0
   } },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const s = [""];
@@ -1472,9 +1484,9 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       onClick: n
     }, [t("div", { class: "toggle-wrap" }, [t("div", { class: "toggle-head" }, [t("div", { class: "inner" }, [t("span", { class: "nuri-txt" }, r.default?.())])])])]);
   }
-}), It = Rt, Ht = 0;
+}), Rt = zt, It = 0;
 function cl(e = "krds") {
-  return `${e}-${++Ht}`;
+  return `${e}-${++It}`;
 }
 function fl() {
   return `${Date.now().toString(36).slice(-4)}${Math.random().toString(36).substring(2, 5)}`;
@@ -1482,7 +1494,7 @@ function fl() {
 function $e(...e) {
   return e.filter(Boolean).join(" ");
 }
-var Ot = /* @__PURE__ */ _({
+var Ht = /* @__PURE__ */ M({
   name: "KrdsToggleSwitch",
   props: {
     modelValue: {
@@ -1543,7 +1555,7 @@ var Ot = /* @__PURE__ */ _({
       ...r
     }), t("label", { for: g.value }, [t("span", { class: "switch-toggle" }, [t("i")]), e.label || ""])]);
   }
-}), qt = Ot, Nt = /* @__PURE__ */ _({
+}), qt = Ht, Nt = /* @__PURE__ */ M({
   name: "KrdsCheckArea",
   props: {
     class: {
@@ -1555,13 +1567,14 @@ var Ot = /* @__PURE__ */ _({
       default: !1
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     return () => {
       const r = ["krds-check-area"];
       return e.column && r.push("chk-column"), e.class && r.push(e.class), t("div", { class: r }, a.default?.());
     };
   }
-}), Wt = Nt, Yt = /* @__PURE__ */ _({
+}), jt = Nt, Wt = /* @__PURE__ */ M({
   name: "KrdsCheckbox",
   props: {
     modelValue: {
@@ -1598,8 +1611,8 @@ var Ot = /* @__PURE__ */ _({
       return $e(y, e.size, e.class);
     }), g = (y) => {
       if (e.disabled) return;
-      const d = y.target.checked;
-      a("update:modelValue", d);
+      const c = y.target.checked;
+      a("update:modelValue", c);
     }, h = C(() => e.id || n);
     return () => {
       const y = [t("input", {
@@ -1613,7 +1626,7 @@ var Ot = /* @__PURE__ */ _({
       return l.description && !e.chip && y.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: u.value }, y);
     };
   }
-}), jt = Yt, Gt = /* @__PURE__ */ _({
+}), Yt = Wt, Gt = /* @__PURE__ */ M({
   name: "KrdsRadio",
   props: {
     modelValue: {
@@ -1662,13 +1675,13 @@ var Ot = /* @__PURE__ */ _({
   slots: Object,
   setup(e, { emit: a, attrs: r, slots: l }) {
     const n = `radio-${de()}`, s = C(() => e.modelValue === e.value), u = C(() => {
-      const d = e.chip ? "krds-form-chip" : "krds-form-check";
-      return $e(d, e.size, e.class);
-    }), g = (d) => {
-      e.disabled || d.target.checked && a("update:modelValue", e.value);
+      const c = e.chip ? "krds-form-chip" : "krds-form-check";
+      return $e(c, e.size, e.class);
+    }), g = (c) => {
+      e.disabled || c.target.checked && a("update:modelValue", e.value);
     }, h = C(() => e.id || n), y = C(() => e.name);
     return () => {
-      const d = [t("input", {
+      const c = [t("input", {
         type: "radio",
         id: h.value,
         name: y.value,
@@ -1678,10 +1691,10 @@ var Ot = /* @__PURE__ */ _({
         onChange: g,
         ...r
       }), t("label", { for: h.value }, l.default?.())];
-      return l.description && !e.chip && d.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: u.value }, d);
+      return l.description && !e.chip && c.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: u.value }, c);
     };
   }
-}), Ut = Gt, Xt = Pe, Qt = /* @__PURE__ */ _({
+}), Ut = Gt, Xt = Pe, Qt = /* @__PURE__ */ M({
   name: "KrdsStepIndicator",
   props: {
     modelValue: {
@@ -1694,22 +1707,23 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { "update:modelValue": (e) => !0 },
+  slots: Object,
   setup(e, { slots: a }) {
-    const r = E(null), l = C(() => e.modelValue || 0), n = st(null), s = /* @__PURE__ */ new WeakSet(), u = () => {
+    const r = B(null), l = C(() => e.modelValue || 0), n = st(null), s = /* @__PURE__ */ new WeakSet(), u = () => {
       n.value = r.value ? Array.from(r.value.children).filter((y) => s.has(y)) : null;
     };
     let g = 0, h;
-    return ee(() => {
+    return te(() => {
       u(), h = new MutationObserver(u), h.observe(r.value, { childList: !0 });
-    }), lt(u), oe(() => h?.disconnect()), nt("stepIndicator", {
+    }), lt(u), ie(() => h?.disconnect()), nt("stepIndicator", {
       register: () => g++,
       track: (y) => s.add(y),
       untrack: (y) => {
         s.delete(y), u();
       },
-      indexOf: (y, d) => {
+      indexOf: (y, c) => {
         const S = y && n.value ? n.value.indexOf(y) : -1;
-        return S >= 0 ? S : d;
+        return S >= 0 ? S : c;
       },
       statusAt: (y) => y < l.value ? "done" : y === l.value ? "active" : "pending"
     }), () => (g = 0, t("ol", {
@@ -1717,7 +1731,7 @@ var Ot = /* @__PURE__ */ _({
       class: ["krds-step-wrap", e.class]
     }, a.default?.()));
   }
-}), Jt = Qt, Zt = /* @__PURE__ */ _({
+}), Jt = Qt, Zt = /* @__PURE__ */ M({
   name: "KrdsStep",
   props: {
     step: {
@@ -1738,9 +1752,10 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { click: (e, a) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = tt("stepIndicator", null), n = l ? l.register() : -1, s = E(null);
-    ee(() => s.value && l?.track(s.value)), oe(() => s.value && l?.untrack(s.value));
+    const l = tt("stepIndicator", null), n = l ? l.register() : -1, s = B(null);
+    te(() => s.value && l?.track(s.value)), ie(() => s.value && l?.untrack(s.value));
     const u = C(() => e.status || (l ? l.statusAt(l.indexOf(s.value, n)) : "pending")), g = C(() => {
       const y = [u.value];
       return e.class && y.push(e.class), y;
@@ -1761,7 +1776,7 @@ var Ot = /* @__PURE__ */ _({
       ])]);
     };
   }
-}), ea = Zt, ta = /* @__PURE__ */ _({
+}), ea = Zt, ta = /* @__PURE__ */ M({
   name: "KrdsSkipLink",
   props: {
     href: {
@@ -1787,13 +1802,14 @@ var Ot = /* @__PURE__ */ _({
       default: "krds-skip-link"
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     return () => t("div", {
       id: e.id,
       class: e.class
     }, e.links ? e.links.map((r) => t("a", { href: r.href }, r.label)) : [t("a", { href: e.href }, a.default?.())]);
   }
-}), aa = ta, la = /* @__PURE__ */ _({
+}), aa = ta, la = /* @__PURE__ */ M({
   name: "KrdsBreadcrumb",
   props: {
     items: {
@@ -1835,7 +1851,7 @@ var Ot = /* @__PURE__ */ _({
       }, [t("span", null, n.text)])]);
     }))]);
   }
-}), na = la, sa = /* @__PURE__ */ _({
+}), na = la, sa = /* @__PURE__ */ M({
   name: "KrdsInPageNavigation",
   props: {
     title: {
@@ -1870,7 +1886,7 @@ var Ot = /* @__PURE__ */ _({
   emits: { itemClick: (e, a) => !0 },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = E(""), n = E(/* @__PURE__ */ new Map()), s = C(() => {
+    const l = B(""), n = B(/* @__PURE__ */ new Map()), s = C(() => {
       const m = ["krds-in-page-navigation-type"];
       return e.class && m.push(e.class), m;
     }), u = () => {
@@ -1879,15 +1895,15 @@ var Ot = /* @__PURE__ */ _({
     }, g = (m, v) => {
       if (a("itemClick", m, v), m.href.startsWith("#")) {
         v.preventDefault();
-        const o = document.querySelector(m.href);
-        if (o) {
-          const i = u();
+        const i = document.querySelector(m.href);
+        if (i) {
+          const o = u();
           if (window.scrollTo({
             left: 0,
-            top: o.getBoundingClientRect().top + window.scrollY - i,
+            top: i.getBoundingClientRect().top + window.scrollY - o,
             behavior: "smooth"
           }), l.value = m.href, v instanceof KeyboardEvent) {
-            const p = o.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
+            const p = i.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
             p && p instanceof HTMLElement && (p.setAttribute("tabindex", "-1"), p.focus({ preventScroll: !0 }));
           }
         }
@@ -1899,31 +1915,31 @@ var Ot = /* @__PURE__ */ _({
       });
     }, y = () => {
       if (!e.autoActive || !e.items || n.value.size === 0) return;
-      const m = window.innerHeight, v = Math.ceil(m / 5), o = window.scrollY + m, i = document.body.scrollHeight, p = e.items.filter(($) => $.href.startsWith("#") && n.value.has($.href)).map(($) => ({
-        href: $.href,
-        element: n.value.get($.href),
-        item: $
+      const m = window.innerHeight, v = Math.ceil(m / 5), i = window.scrollY + m, o = document.body.scrollHeight, p = e.items.filter((x) => x.href.startsWith("#") && n.value.has(x.href)).map((x) => ({
+        href: x.href,
+        element: n.value.get(x.href),
+        item: x
       }));
       if (p.length === 0) return;
-      const M = p[0], A = p[p.length - 1], D = M.element.offsetTop;
-      let L = "";
-      if (o >= i) L = A.href;
-      else if (window.scrollY <= D) L = M.href;
-      else for (const $ of p) {
-        const f = $.element.offsetHeight, T = $.element.offsetTop - v;
-        if (window.scrollY > T && window.scrollY <= T + f) {
-          L = $.href;
+      const V = p[0], A = p[p.length - 1], E = V.element.offsetTop;
+      let $ = "";
+      if (i >= o) $ = A.href;
+      else if (window.scrollY <= E) $ = V.href;
+      else for (const x of p) {
+        const f = x.element.offsetHeight, D = x.element.offsetTop - v;
+        if (window.scrollY > D && window.scrollY <= D + f) {
+          $ = x.href;
           break;
         }
       }
-      L && L !== l.value && (l.value = L);
-    }, d = () => {
+      $ && $ !== l.value && (l.value = $);
+    }, c = () => {
       if (!e.items) return;
       const m = e.items.find((v) => v.active);
       m ? l.value = m.href : e.items.length > 0 && (l.value = e.items[0].href);
     };
-    ee(() => {
-      if (d(), e.autoActive) {
+    te(() => {
+      if (c(), e.autoActive) {
         h(), y(), window.addEventListener("scroll", y, { passive: !0 });
         const m = new MutationObserver(() => {
           h();
@@ -1941,13 +1957,13 @@ var Ot = /* @__PURE__ */ _({
     const S = () => !e.caption && !e.title ? null : t("div", { class: "in-page-navigation-header" }, [e.caption && t("p", { class: "quick-caption" }, e.caption), e.title && t("p", { class: "quick-title" }, e.title)]), k = () => {
       if (!e.items) return null;
       const m = e.items.map((v) => {
-        const o = l.value === v.href || !e.autoActive && v.active;
+        const i = l.value === v.href || !e.autoActive && v.active;
         return t("li", { key: v.href }, [t("a", {
           href: v.href,
-          class: o ? "active" : "",
-          onClick: (i) => g(v, i),
-          onKeydown: (i) => {
-            (i.key === "Enter" || i.key === " ") && (i.preventDefault(), g(v, i));
+          class: i ? "active" : "",
+          onClick: (o) => g(v, o),
+          onKeydown: (o) => {
+            (o.key === "Enter" || o.key === " ") && (o.preventDefault(), g(v, o));
           }
         }, v.text)]);
       });
@@ -1959,7 +1975,7 @@ var Ot = /* @__PURE__ */ _({
       K()
     ].filter(Boolean))]);
   }
-}), ra = sa, ze = {
+}), ra = sa, Oe = {
   mounted(e, a) {
     a.value !== !1 && e.classList.add("sr-only");
   },
@@ -1969,9 +1985,9 @@ var Ot = /* @__PURE__ */ _({
   unmounted(e) {
     e.classList.remove("sr-only");
   }
-}, ia = (e) => {
-  e.directive("sr-only", ze);
-}, Te = 1, Ae = 8, oa = /* @__PURE__ */ _({
+}, oa = (e) => {
+  e.directive("sr-only", Oe);
+}, Te = 1, Ae = 8, ia = /* @__PURE__ */ M({
   name: "KrdsPagination",
   props: {
     modelValue: {
@@ -2008,51 +2024,51 @@ var Ot = /* @__PURE__ */ _({
       if (!s.value)
         return "#";
     }), h = C(() => {
-      const { max: K } = e, m = e.pageRange ?? Ae, v = 1, o = [];
-      if (K <= m + 2) for (let i = r.value; i <= K; i++) o.push({
+      const { max: K } = e, m = e.pageRange ?? Ae, v = 1, i = [];
+      if (K <= m + 2) for (let o = r.value; o <= K; o++) i.push({
         type: "page",
-        key: `page-${i}`,
-        page: i,
+        key: `page-${o}`,
+        page: o,
         href: "#"
       });
       else {
-        const i = Math.min(v, K), p = Math.max(K - v + 1, 1), M = Math.max(r.value, l.value - Math.floor(m / 2)), A = Math.min(K, M + m - 1), D = Math.max(r.value, A - m + 1);
-        for (let f = r.value; f <= i; f++) o.push({
+        const o = Math.min(v, K), p = Math.max(K - v + 1, 1), V = Math.max(r.value, l.value - Math.floor(m / 2)), A = Math.min(K, V + m - 1), E = Math.max(r.value, A - m + 1);
+        for (let f = r.value; f <= o; f++) i.push({
           type: "page",
           key: `page-${f}`,
           page: f,
           href: "#"
         });
-        D > i + 1 && o.push({
+        E > o + 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-left"
         });
-        const L = Math.max(D, i + 1), $ = Math.min(A, p - 1);
-        for (let f = L; f <= $; f++) o.push({
+        const $ = Math.max(E, o + 1), x = Math.min(A, p - 1);
+        for (let f = $; f <= x; f++) i.push({
           type: "page",
           key: `page-${f}`,
           page: f,
           href: "#"
         });
-        A < p - 1 && o.push({
+        A < p - 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-right"
         });
-        for (let f = p; f <= K; f++) o.push({
+        for (let f = p; f <= K; f++) i.push({
           type: "page",
           key: `page-${f}`,
           page: f,
           href: "#"
         });
       }
-      return o;
+      return i;
     }), y = (K, m) => {
       if (K === l.value) {
         m.preventDefault();
         return;
       }
       a("update:modelValue", K);
-    }, d = (K) => {
+    }, c = (K) => {
       if (n.value) {
         K.preventDefault();
         return;
@@ -2073,7 +2089,7 @@ var Ot = /* @__PURE__ */ _({
           class: ["page-link", { active: m }],
           "aria-current": m ? "page" : void 0,
           onClick: (v) => y(K.page, v)
-        }, [m ? ge(t("span", null, "현재페이지"), [[ze]]) : null, ` ${K.page} `]);
+        }, [m ? ge(t("span", null, "현재페이지"), [[Oe]]) : null, ` ${K.page} `]);
       }
       return t("span", {
         key: K.key,
@@ -2091,7 +2107,7 @@ var Ot = /* @__PURE__ */ _({
           "prev",
           { disabled: n.value }
         ],
-        onClick: d
+        onClick: c
       }, "이전"),
       t("div", { class: "page-links" }, h.value.map(k)),
       t(s.value ? "span" : "a", {
@@ -2105,7 +2121,7 @@ var Ot = /* @__PURE__ */ _({
       }, "다음")
     ]);
   }
-}), ua = oa, _e = null, da = /* @__PURE__ */ _({
+}), ua = ia, _e = null, da = /* @__PURE__ */ M({
   name: "KrdsPanel",
   props: {
     modelValue: {
@@ -2122,6 +2138,7 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { "update:modelValue": (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C({
       get: () => e.modelValue,
@@ -2130,22 +2147,22 @@ var Ot = /* @__PURE__ */ _({
       l.value = !0;
     }, s = () => {
       l.value = !1;
-    }, u = E(0), g = E(null), h = /* @__PURE__ */ Symbol("KrdsPanel");
+    }, u = B(0), g = B(null), h = /* @__PURE__ */ Symbol("KrdsPanel");
     let y = 0;
-    const d = () => {
+    const c = () => {
       cancelAnimationFrame(y), y = requestAnimationFrame(() => {
         const S = document.querySelector(e.headerTopSelector), k = document.querySelector(e.headerInnerSelector), K = !!S && S.getBoundingClientRect().bottom > 0, m = !!document.querySelector(".g-wrap.scroll-down");
         u.value = k ? K ? S.offsetHeight + k.offsetHeight : m ? 0 : k.offsetHeight : 0;
         const v = g.value;
         if (!v?.isConnected) return;
-        const o = parseFloat(getComputedStyle(v).top) + u.value + v.offsetHeight;
-        Number.isFinite(o) && (document.documentElement.style.setProperty("--krds-help-panel--button-bottom", `${o}px`), _e = h);
+        const i = parseFloat(getComputedStyle(v).top) + u.value + v.offsetHeight;
+        Number.isFinite(i) && (document.documentElement.style.setProperty("--krds-help-panel--button-bottom", `${i}px`), _e = h);
       });
     };
-    return ee(() => {
-      d(), window.addEventListener("scroll", d, { passive: !0 }), window.addEventListener("resize", d);
-    }), at(d), ue(() => {
-      cancelAnimationFrame(y), _e === h && document.documentElement.style.removeProperty("--krds-help-panel--button-bottom"), window.removeEventListener("scroll", d), window.removeEventListener("resize", d);
+    return te(() => {
+      c(), window.addEventListener("scroll", c, { passive: !0 }), window.addEventListener("resize", c);
+    }), at(c), ue(() => {
+      cancelAnimationFrame(y), _e === h && document.documentElement.style.removeProperty("--krds-help-panel--button-bottom"), window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
     }), () => t("div", {
       class: "inner help-panel-flexible",
       style: { "--krds-help-panel--header-offset": `${u.value}px` }
@@ -2153,7 +2170,7 @@ var Ot = /* @__PURE__ */ _({
       ref: g,
       type: "button",
       class: "krds-btn small tertiary btn-help-panel expand btn-help-exec",
-      onTransitionend: d,
+      onTransitionend: c,
       onClick: n
     }, [t("i", { class: "svg-icon ico-fold" }), " 도움말"]), t("div", { class: ["krds-help-panel", { expand: l.value }] }, [t("div", { class: "help-panel-wrap" }, [t("div", { class: "help-conts-area" }, [r.default?.(), t("button", {
       type: "button",
@@ -2165,7 +2182,7 @@ var Ot = /* @__PURE__ */ _({
       t("i", { class: "svg-icon ico-angle right" })
     ])])])])]);
   }
-}), ca = da, fa = /* @__PURE__ */ _({
+}), ca = da, fa = /* @__PURE__ */ M({
   name: "KrdsContextualHelp",
   props: {
     tooltipTitle: {
@@ -2181,37 +2198,38 @@ var Ot = /* @__PURE__ */ _({
       default: "top left"
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
-    const r = E(), l = E(), n = E(), s = E(), u = E(!1), g = () => {
+    const r = B(), l = B(), n = B(), s = B(), u = B(!1), g = () => {
       const v = u.value;
-      d(), v || h();
+      c(), v || h();
     }, h = () => {
       !n.value || !l.value || (u.value = !0, n.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), S());
     }, y = () => {
       !n.value || !l.value || (u.value = !1, n.value.style.display = "none", l.value.setAttribute("aria-expanded", "false"));
-    }, d = () => {
-      const v = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), o = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
-      v.forEach((i) => {
-        i.style.display = "none";
-      }), o.forEach((i) => {
-        i.setAttribute("aria-expanded", "false");
+    }, c = () => {
+      const v = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), i = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
+      v.forEach((o) => {
+        o.style.display = "none";
+      }), i.forEach((o) => {
+        o.setAttribute("aria-expanded", "false");
       }), u.value = !1;
     }, S = () => {
       if (!r.value || !n.value) return;
-      const v = window.innerWidth <= 768, o = r.value.querySelector(".tooltip-action");
+      const v = window.innerWidth <= 768, i = r.value.querySelector(".tooltip-action");
       if (v) {
-        const i = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], p = o.getBoundingClientRect().left - parseInt(i), M = document.body.clientWidth - parseInt(i) * 2;
-        n.value.style.left = `-${p}px`, n.value.style.width = `${M}px`;
+        const o = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], p = i.getBoundingClientRect().left - parseInt(o), V = document.body.clientWidth - parseInt(o) * 2;
+        n.value.style.left = `-${p}px`, n.value.style.width = `${V}px`;
       } else
         n.value.style.left = "", n.value.style.right = "", n.value.style.width = "360px";
     }, k = (v) => {
-      (v.key === "Escape" || v.key === "Esc") && d();
+      (v.key === "Escape" || v.key === "Esc") && c();
     }, K = (v) => {
-      v.target.closest(".tooltip-action") || d();
+      v.target.closest(".tooltip-action") || c();
     }, m = () => {
       u.value && S();
     };
-    return ee(() => {
+    return te(() => {
       r.value && (l.value && l.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", k), document.addEventListener("click", K), window.addEventListener("resize", m));
     }), ue(() => {
       document.removeEventListener("keydown", k), document.removeEventListener("click", K), window.removeEventListener("resize", m);
@@ -2238,7 +2256,7 @@ var Ot = /* @__PURE__ */ _({
       }, [t("span", { class: "sr-only" }, "닫기"), t("i", { class: "svg-icon ico-modal-close" })])
     ])])]);
   }
-}), va = fa, pa = /* @__PURE__ */ _({
+}), va = fa, pa = /* @__PURE__ */ M({
   name: "KrdsCoachMark",
   props: {
     coachMarkClass: {
@@ -2266,6 +2284,7 @@ var Ot = /* @__PURE__ */ _({
     "update:modelValue": (e) => !0,
     close: () => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const h = e.activeStep - 1;
@@ -2311,7 +2330,7 @@ var Ot = /* @__PURE__ */ _({
       style: e.style
     }, [g(), r["coach-mark-content"]?.()]);
   }
-}), ha = pa, ga = /* @__PURE__ */ _({
+}), ha = pa, ga = /* @__PURE__ */ M({
   name: "KrdsTooltip",
   props: {
     type: {
@@ -2335,25 +2354,26 @@ var Ot = /* @__PURE__ */ _({
       default: !1
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
-    const r = E(null), l = E(null), n = E(!1), s = E({}), u = `tooltip-popover-${de()}`, g = E(!1), h = C(() => {
+    const r = B(null), l = B(null), n = B(!1), s = B({}), u = `tooltip-popover-${de()}`, g = B(!1), h = C(() => {
       const p = ["krds-btn", "krds-tooltip"];
       return e.type === "default" ? p.push("small", "text") : e.type === "icon" ? p.push("icon") : e.type === "button" && p.push(""), !e.box && e.vertical && p.push("tooltip-vertical"), e.box && !e.vertical && p.push("tooltip-box"), p.join(" ");
     }), y = C(() => {
       const p = [];
       return e.box && p.push("tooltip-box"), e.vertical && p.push("tooltip-vertical"), n.value && p.push("active"), p;
-    }), d = C(() => r.value?.querySelector("button")?.textContent?.trim() || ""), S = () => window.innerWidth <= 768, k = () => {
+    }), c = C(() => r.value?.querySelector("button")?.textContent?.trim() || ""), S = () => window.innerWidth <= 768, k = () => {
       if (!r.value || !l.value) return;
       const p = r.value.querySelector("button");
       if (!p) return;
-      const M = 12, { clientHeight: A, clientWidth: D } = l.value, { top: L, left: $, right: f, height: T, width: R } = p.getBoundingClientRect(), H = window.innerWidth / 2, O = window.innerHeight / 2;
-      let N, j;
+      const V = 12, { clientHeight: A, clientWidth: E } = l.value, { top: $, left: x, right: f, height: D, width: z } = p.getBoundingClientRect(), I = window.innerWidth / 2, H = window.innerHeight / 2;
+      let j, W;
       const U = [];
-      g.value || e.box || e.vertical ? (L + T > O ? (N = L - A - M, U.push("top")) : (N = L + T + M, U.push("bottom")), $ + R > H ? (j = f - D, U.push("right"), window.innerWidth - ($ + R) > D / 2 && (j = $ + (R - D) / 2, U.splice(U.indexOf("right"), 1))) : (j = $ + (R - D) / 2, j < 0 && (j = $, U.push("left")))) : (N = L + (T - A) / 2, $ + R > H ? (j = $ - D - M, U.push("right")) : j = f + M);
+      g.value || e.box || e.vertical ? ($ + D > H ? (j = $ - A - V, U.push("top")) : (j = $ + D + V, U.push("bottom")), x + z > I ? (W = f - E, U.push("right"), window.innerWidth - (x + z) > E / 2 && (W = x + (z - E) / 2, U.splice(U.indexOf("right"), 1))) : (W = x + (z - E) / 2, W < 0 && (W = x, U.push("left")))) : (j = $ + (D - A) / 2, x + z > I ? (W = x - E - V, U.push("right")) : W = f + V);
       const ce = window.innerWidth <= 420;
       s.value = {
-        top: `${N}px`,
-        left: ce ? "50%" : `${j}px`,
+        top: `${j}px`,
+        left: ce ? "50%" : `${W}px`,
         transform: ce ? "translateX(-50%)" : "none"
       }, l.value && (l.value.className = `krds-tooltip-popover ${U.join(" ")} ${y.value.join(" ")}`);
     }, K = async () => {
@@ -2362,15 +2382,15 @@ var Ot = /* @__PURE__ */ _({
       n.value = !1, s.value = {};
     }, v = (p) => {
       (p.key === "Escape" || p.key === "Esc") && n.value && m();
-    }, o = () => {
-      g.value = S(), n.value && m();
     }, i = () => {
+      g.value = S(), n.value && m();
+    }, o = () => {
       n.value && m();
     };
-    return ee(() => {
-      g.value = S(), document.addEventListener("keydown", v), window.addEventListener("scroll", i), window.addEventListener("resize", o);
+    return te(() => {
+      g.value = S(), document.addEventListener("keydown", v), window.addEventListener("scroll", o), window.addEventListener("resize", i);
     }), ue(() => {
-      document.removeEventListener("keydown", v), window.removeEventListener("scroll", i), window.removeEventListener("resize", o);
+      document.removeEventListener("keydown", v), window.removeEventListener("scroll", o), window.removeEventListener("resize", i);
     }), () => t("div", { ref: r }, [t("button", {
       type: "button",
       class: h.value,
@@ -2388,12 +2408,12 @@ var Ot = /* @__PURE__ */ _({
       "aria-hidden": !n.value,
       role: "tooltip"
     }, [
-      t("span", { class: "sr-only" }, d.value),
+      t("span", { class: "sr-only" }, c.value),
       " ",
       e.tooltipContent
     ]), [[Se, n.value]])]);
   }
-}), ya = ga, ma = /* @__PURE__ */ _({
+}), ya = ga, ma = /* @__PURE__ */ M({
   name: "KrdsLanguageSwitcher",
   props: {
     languageList: {
@@ -2417,58 +2437,59 @@ var Ot = /* @__PURE__ */ _({
     "update:modelValue": (e) => !0,
     close: () => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = E(!1), n = E(), s = E(), u = () => {
+    const l = B(!1), n = B(), s = B(), u = () => {
       l.value = !l.value, l.value && n.value && y();
     }, g = () => {
       l.value = !1;
-    }, h = (o) => {
-      a("update:modelValue", o), g(), a("close"), s.value?.focus();
+    }, h = (i) => {
+      a("update:modelValue", i), g(), a("close"), s.value?.focus();
     }, y = () => {
       if (!n.value) return;
-      const o = n.value.querySelector(".drop-menu");
-      if (!o) return;
-      const i = o.getBoundingClientRect(), p = window.innerWidth;
-      n.value.classList.remove("drop-left", "drop-right"), i.left < 0 ? n.value.classList.add("drop-left") : p < i.left + i.width && n.value.classList.add("drop-right");
-    }, d = (o) => {
-      o.key === "Escape" && (g(), s.value?.focus());
-    }, S = (o) => {
-      n.value?.contains(o.target) || g();
-    }, k = (o) => {
-      n.value?.contains(o.relatedTarget) || g();
-    }, K = (o) => {
+      const i = n.value.querySelector(".drop-menu");
+      if (!i) return;
+      const o = i.getBoundingClientRect(), p = window.innerWidth;
+      n.value.classList.remove("drop-left", "drop-right"), o.left < 0 ? n.value.classList.add("drop-left") : p < o.left + o.width && n.value.classList.add("drop-right");
+    }, c = (i) => {
+      i.key === "Escape" && (g(), s.value?.focus());
+    }, S = (i) => {
+      n.value?.contains(i.target) || g();
+    }, k = (i) => {
+      n.value?.contains(i.relatedTarget) || g();
+    }, K = (i) => {
       if (!n.value) return;
       n.value.querySelectorAll(".drop-list .item-link").forEach((p) => {
         p.style.position = "relative", p.style.zIndex = "0";
       });
-      const i = o.target;
-      i.style.zIndex = "1";
+      const o = i.target;
+      o.style.zIndex = "1";
     };
-    se(l, (o) => {
-      o ? (document.addEventListener("keydown", d), document.addEventListener("click", S)) : (document.removeEventListener("keydown", d), document.removeEventListener("click", S));
+    se(l, (i) => {
+      i ? (document.addEventListener("keydown", c), document.addEventListener("click", S)) : (document.removeEventListener("keydown", c), document.removeEventListener("click", S));
     }), ue(() => {
-      document.removeEventListener("keydown", d), document.removeEventListener("click", S);
+      document.removeEventListener("keydown", c), document.removeEventListener("click", S);
     });
-    const m = () => t("ul", { class: "drop-list" }, e.languageList.map((o) => t("li", { key: o.code }, [t("a", {
+    const m = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.code }, [t("a", {
       href: "#",
-      class: ["item-link", { active: e.modelValue === o.code }],
-      lang: o.code,
-      "aria-selected": e.modelValue === o.code,
-      onClick: Ke(() => h(o.code), ["prevent"]),
+      class: ["item-link", { active: e.modelValue === i.code }],
+      lang: i.code,
+      "aria-selected": e.modelValue === i.code,
+      onClick: Ke(() => h(i.code), ["prevent"]),
       onFocus: K
     }, [
-      o.name,
+      i.name,
       " ",
-      t("span", { class: "sr-only" }, e.modelValue === o.code ? "선택됨" : "")
-    ])]))), v = () => t("ul", { class: "drop-list" }, e.languageList.map((o) => t("li", { key: o.code }, [t("a", {
-      href: o.url || "#",
+      t("span", { class: "sr-only" }, e.modelValue === i.code ? "선택됨" : "")
+    ])]))), v = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.code }, [t("a", {
+      href: i.url || "#",
       class: "item-link",
-      lang: o.code,
+      lang: i.code,
       target: "_blank",
       title: "새 창 열림",
       onFocus: K
     }, [
-      o.name,
+      i.name,
       " ",
       t("i", { class: "svg-icon ico-go" })
     ])])));
@@ -2499,7 +2520,7 @@ var Ot = /* @__PURE__ */ _({
       style: { display: l.value ? "block" : "none" }
     }, [t("div", { class: "drop-in" }, [r["prev-item"] ? t("div", { class: "drop-top" }, r["prev-item"]()) : null, e.type === "default" ? m() : e.type === "external" ? v() : null])])]);
   }
-}), ba = ma, ka = /* @__PURE__ */ _({
+}), ba = ma, ka = /* @__PURE__ */ M({
   name: "KrdsResize",
   props: { modelValue: {
     type: String,
@@ -2510,7 +2531,7 @@ var Ot = /* @__PURE__ */ _({
     close: () => !0
   },
   setup(e, { emit: a }) {
-    const r = E(!1), l = E(), n = E(), s = E(e.modelValue ?? "md"), u = [
+    const r = B(!1), l = B(), n = B(), s = B(e.modelValue ?? "md"), u = [
       {
         key: "sm",
         label: "작게",
@@ -2540,38 +2561,38 @@ var Ot = /* @__PURE__ */ _({
       r.value = !r.value, r.value && l.value && k();
     }, h = () => {
       r.value = !1;
-    }, y = (i) => {
-      const p = u.find((M) => M.key === i);
+    }, y = (o) => {
+      const p = u.find((V) => V.key === o);
       p && (s.value = p.key, document.body.style.zoom = p.zoom);
-    }, d = (i) => {
-      h(), a("close"), n.value?.focus(), y(i.key), a("update:modelValue", i.key);
+    }, c = (o) => {
+      h(), a("close"), n.value?.focus(), y(o.key), a("update:modelValue", o.key);
     };
-    ee(() => e.modelValue && y(e.modelValue)), se(() => e.modelValue, (i) => i && y(i));
+    te(() => e.modelValue && y(e.modelValue)), se(() => e.modelValue, (o) => o && y(o));
     const S = () => {
-      const i = u.find((p) => p.key === "md");
-      i && d(i);
+      const o = u.find((p) => p.key === "md");
+      o && c(o);
     }, k = () => {
       if (!l.value) return;
-      const i = l.value.querySelector(".drop-menu");
-      if (!i) return;
-      const p = i.getBoundingClientRect(), M = window.innerWidth;
-      l.value.classList.remove("drop-left", "drop-right"), p.left < 0 ? l.value.classList.add("drop-left") : M < p.left + p.width && l.value.classList.add("drop-right");
-    }, K = (i) => {
-      i.key === "Escape" && (h(), n.value?.focus());
-    }, m = (i) => {
-      l.value?.contains(i.target) || h();
-    }, v = (i) => {
-      l.value?.contains(i.relatedTarget) || h();
-    }, o = (i) => {
+      const o = l.value.querySelector(".drop-menu");
+      if (!o) return;
+      const p = o.getBoundingClientRect(), V = window.innerWidth;
+      l.value.classList.remove("drop-left", "drop-right"), p.left < 0 ? l.value.classList.add("drop-left") : V < p.left + p.width && l.value.classList.add("drop-right");
+    }, K = (o) => {
+      o.key === "Escape" && (h(), n.value?.focus());
+    }, m = (o) => {
+      l.value?.contains(o.target) || h();
+    }, v = (o) => {
+      l.value?.contains(o.relatedTarget) || h();
+    }, i = (o) => {
       if (!l.value) return;
-      l.value.querySelectorAll(".drop-list .item-link").forEach((M) => {
-        M.style.position = "relative", M.style.zIndex = "0";
+      l.value.querySelectorAll(".drop-list .item-link").forEach((V) => {
+        V.style.position = "relative", V.style.zIndex = "0";
       });
-      const p = i.target;
+      const p = o.target;
       p.style.zIndex = "1";
     };
-    return se(r, (i) => {
-      i ? (document.addEventListener("keydown", K), document.addEventListener("click", m)) : (document.removeEventListener("keydown", K), document.removeEventListener("click", m));
+    return se(r, (o) => {
+      o ? (document.addEventListener("keydown", K), document.addEventListener("click", m)) : (document.removeEventListener("keydown", K), document.removeEventListener("click", m));
     }), ue(() => {
       document.removeEventListener("keydown", K), document.removeEventListener("click", m);
     }), () => t("div", {
@@ -2587,25 +2608,25 @@ var Ot = /* @__PURE__ */ _({
     }, ["화면크기 ", t("i", { class: "svg-icon ico-toggle" })]), t("div", {
       class: "drop-menu",
       style: { display: r.value ? "block" : "none" }
-    }, [t("div", { class: "drop-in" }, [t("ul", { class: "drop-list" }, u.map((i) => t("li", { key: i.key }, [t("button", {
+    }, [t("div", { class: "drop-in" }, [t("ul", { class: "drop-list" }, u.map((o) => t("li", { key: o.key }, [t("button", {
       type: "button",
       class: [
         "item-link",
-        i.key,
-        i.key === s.value ? "active" : ""
+        o.key,
+        o.key === s.value ? "active" : ""
       ],
-      "data-adjust-scale": i.key,
-      onClick: Ke(() => d(i), ["prevent"]),
-      onFocus: o
-    }, i.label)]))), t("div", { class: "drop-bottom" }, [t("button", {
+      "data-adjust-scale": o.key,
+      onClick: Ke(() => c(o), ["prevent"]),
+      onFocus: i
+    }, o.label)]))), t("div", { class: "drop-bottom" }, [t("button", {
       type: "button",
       class: "krds-btn medium text",
       "data-adjust-scale": "md",
       onClick: Ke(S, ["prevent"]),
-      onFocus: o
+      onFocus: i
     }, [t("i", { class: "svg-icon ico-reset" }), " 초기화"])])])])]);
   }
-}), Sa = ka, wa = /* @__PURE__ */ _({
+}), Sa = ka, wa = /* @__PURE__ */ M({
   name: "KrdsModal",
   props: {
     modelValue: {
@@ -2642,7 +2663,7 @@ var Ot = /* @__PURE__ */ _({
   setup(e, { slots: a, emit: r }) {
     const l = xe()?.uid, n = C(() => e.modalId ?? `krds-modal-${l}`), s = C({
       get: () => e.modelValue,
-      set: (i) => r("update:modelValue", i)
+      set: (o) => r("update:modelValue", o)
     }), u = C(() => `tit_${n.value}`), g = C(() => ({
       small: "modal-sm",
       medium: "modal-md",
@@ -2650,43 +2671,43 @@ var Ot = /* @__PURE__ */ _({
     })[e.size]), h = () => {
       s.value = !1;
     };
-    let y = "", d = null;
-    const S = E(null), k = (i) => Array.from(i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((p) => !p.hasAttribute("disabled") && p.getAttribute("tabindex") !== "-1"), K = (i) => {
-      if (!S.value || i.key !== "Tab") return;
+    let y = "", c = null;
+    const S = B(null), k = (o) => Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((p) => !p.hasAttribute("disabled") && p.getAttribute("tabindex") !== "-1"), K = (o) => {
+      if (!S.value || o.key !== "Tab") return;
       const p = k(S.value);
       if (p.length === 0) {
-        i.preventDefault();
+        o.preventDefault();
         return;
       }
-      const M = p[0], A = p[p.length - 1];
-      i.shiftKey && document.activeElement === M ? (i.preventDefault(), A.focus()) : !i.shiftKey && document.activeElement === A && (i.preventDefault(), M.focus());
-    }, m = (i) => {
-      i.key === "Escape" && !e.persistent && h();
+      const V = p[0], A = p[p.length - 1];
+      o.shiftKey && document.activeElement === V ? (o.preventDefault(), A.focus()) : !o.shiftKey && document.activeElement === A && (o.preventDefault(), V.focus());
+    }, m = (o) => {
+      o.key === "Escape" && !e.persistent && h();
     }, v = () => {
-      document.body.style.overflow = y, document.removeEventListener("keydown", K), document.removeEventListener("keydown", m), d && (d.focus(), d = null), S.value = null;
-    }, o = async () => {
-      y = document.body.style.overflow, document.body.style.overflow = "hidden", d = document.activeElement, await pe();
-      const i = document.getElementById(n.value);
-      if (i) {
-        S.value = i;
-        const p = i.querySelector(".modal-conts");
+      document.body.style.overflow = y, document.removeEventListener("keydown", K), document.removeEventListener("keydown", m), c && (c.focus(), c = null), S.value = null;
+    }, i = async () => {
+      y = document.body.style.overflow, document.body.style.overflow = "hidden", c = document.activeElement, await pe();
+      const o = document.getElementById(n.value);
+      if (o) {
+        S.value = o;
+        const p = o.querySelector(".modal-conts");
         p && (p.setAttribute("tabindex", "-1"), p.focus()), document.addEventListener("keydown", K), document.addEventListener("keydown", m);
       }
     };
-    return se(() => e.modelValue, (i) => i ? o() : v()), ee(() => {
-      e.modelValue && o();
-    }), oe(() => {
+    return se(() => e.modelValue, (o) => o ? i() : v()), te(() => {
+      e.modelValue && i();
+    }), ie(() => {
       e.modelValue && v();
     }), () => {
       if (!s.value) return null;
-      const i = {
+      const o = {
         id: n.value,
         class: "krds-modal fade in shown",
         role: "dialog",
         "aria-modal": !0,
         "aria-labelledby": u.value
       };
-      return e.full ? i["data-type"] = "full" : e.bottomSheet && (i["data-type"] = "bottom-sheet"), t(Ce, { to: "body" }, t("section", i, [t("div", { class: `modal-dialog ${g.value}` }, [t("div", { class: "modal-content" }, [
+      return e.full ? o["data-type"] = "full" : e.bottomSheet && (o["data-type"] = "bottom-sheet"), t(Ce, { to: "body" }, t("section", o, [t("div", { class: `modal-dialog ${g.value}` }, [t("div", { class: "modal-content" }, [
         a.title ? t("div", { class: "modal-header" }, [t("h2", {
           id: u.value,
           class: "modal-title"
@@ -2704,7 +2725,7 @@ var Ot = /* @__PURE__ */ _({
       })]));
     };
   }
-}), Ka = wa, Ca = /* @__PURE__ */ _({
+}), Ka = wa, Ca = /* @__PURE__ */ M({
   name: "KrdsAccordionGroup",
   props: {
     typeLine: {
@@ -2716,6 +2737,7 @@ var Ot = /* @__PURE__ */ _({
       default: void 0
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     const r = C(() => {
       const l = ["krds-accordion"];
@@ -2723,7 +2745,7 @@ var Ot = /* @__PURE__ */ _({
     });
     return () => t("div", { class: r.value }, a.default?.());
   }
-}), xa = Ca, $a = /* @__PURE__ */ _({
+}), xa = Ca, $a = /* @__PURE__ */ M({
   name: "KrdsAccordionItem",
   props: {
     id: {
@@ -2744,6 +2766,7 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { toggle: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => e.openItem === e.id), n = () => {
       a("toggle", e.id);
@@ -2765,7 +2788,7 @@ var Ot = /* @__PURE__ */ _({
       "aria-labelledby": `accordion-header-${e.id}`
     }, [t("div", { class: "accordion-body" }, r.content?.() ?? e.content)])]);
   }
-}), La = $a, Ba = /* @__PURE__ */ _({
+}), La = $a, Ba = /* @__PURE__ */ M({
   name: "KrdsTts",
   props: {
     text: {
@@ -2800,7 +2823,7 @@ var Ot = /* @__PURE__ */ _({
     error: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = E(!1);
+    const r = B(!1);
     let l = null;
     const n = () => {
       typeof window < "u" && window.speechSynthesis && window.speechSynthesis.cancel(), r.value = !1, l = null;
@@ -2826,7 +2849,7 @@ var Ot = /* @__PURE__ */ _({
       const h = ["krds-tts"];
       return e.size && h.push(e.size), r.value ? h.push("pause") : e.icon === "play" && h.push("play"), e.class && h.push(e.class), h;
     }), g = C(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
-    return oe(() => {
+    return ie(() => {
       n();
     }), () => {
       const h = [t("span", {
@@ -2841,7 +2864,7 @@ var Ot = /* @__PURE__ */ _({
       }, h);
     };
   }
-}), Ea = Ba, Da = /* @__PURE__ */ _({
+}), Ea = Ba, Da = /* @__PURE__ */ M({
   name: "KrdsTable",
   props: {
     caption: {
@@ -2865,70 +2888,70 @@ var Ot = /* @__PURE__ */ _({
   slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = xe(), n = C(() => {
-      const o = ["tbl"];
-      return e.class && o.push(e.class), o;
-    }), s = C(() => ["krds-table-wrap"]), u = (o) => o.headerStyle || void 0, g = (o) => {
-      const i = [];
-      return o.align && i.push(`text-${o.align}`), o.headerClasses && i.push(o.headerClasses), i.length > 0 ? i : void 0;
-    }, h = (o, i) => {
-      if (i.style)
-        return typeof i.style == "function" ? i.style(o) : i.style;
-    }, y = (o, i) => {
+      const i = ["tbl"];
+      return e.class && i.push(e.class), i;
+    }), s = C(() => ["krds-table-wrap"]), u = (i) => i.headerStyle || void 0, g = (i) => {
+      const o = [];
+      return i.align && o.push(`text-${i.align}`), i.headerClasses && o.push(i.headerClasses), o.length > 0 ? o : void 0;
+    }, h = (i, o) => {
+      if (o.style)
+        return typeof o.style == "function" ? o.style(i) : o.style;
+    }, y = (i, o) => {
       const p = [];
-      if (i.align && p.push(`text-${i.align}`), i.classes) {
-        const M = typeof i.classes == "function" ? i.classes(o) : i.classes;
-        p.push(M);
+      if (o.align && p.push(`text-${o.align}`), o.classes) {
+        const V = typeof o.classes == "function" ? o.classes(i) : o.classes;
+        p.push(V);
       }
       return p.length > 0 ? p : void 0;
-    }, d = () => !e.columns.length || !e.columns.some((o) => o.headerStyle && o.headerStyle.includes("width")) ? null : t("colgroup", e.columns.map((o) => {
-      if (!o.headerStyle) return t("col");
-      const i = o.headerStyle.match(/width\s*:\s*([^;]+)/i);
-      return t("col", { style: i ? { width: i[1].trim() } : void 0 });
+    }, c = () => !e.columns.length || !e.columns.some((i) => i.headerStyle && i.headerStyle.includes("width")) ? null : t("colgroup", e.columns.map((i) => {
+      if (!i.headerStyle) return t("col");
+      const o = i.headerStyle.match(/width\s*:\s*([^;]+)/i);
+      return t("col", { style: o ? { width: o[1].trim() } : void 0 });
     })), S = () => {
       if (!e.columns.length) return null;
-      const o = e.columns.map((i) => {
-        const p = u(i), M = g(i);
+      const i = e.columns.map((o) => {
+        const p = u(o), V = g(o);
         return t("th", {
           scope: "col",
-          class: M,
+          class: V,
           style: p
-        }, i.label);
+        }, o.label);
       });
-      return t("thead", [t("tr", o)]);
-    }, k = (o, i) => typeof i.field == "function" ? i.field(o) : o[i.field], K = () => {
+      return t("thead", [t("tr", i)]);
+    }, k = (i, o) => typeof o.field == "function" ? o.field(i) : i[o.field], K = () => {
       if (!e.rows.length) return t("tbody", [t("tr", [t("td", {
         colspan: e.columns.length || 1,
         class: "text-center"
       }, r["no-data"] ? r["no-data"]() : "데이터가 없습니다.")])]);
-      const o = l?.vnode.props, i = !!(o?.onRowClick || o?.["onRow-click"]), p = e.rows.map((M, A) => {
-        const D = e.columns.map((L, $) => {
-          const f = k(M, L), T = typeof f == "function" ? f() : f, R = h(M, L), H = y(M, L);
-          return t($ === 0 ? "th" : "td", {
-            scope: $ === 0 ? "row" : void 0,
-            class: H,
-            style: R
-          }, T);
+      const i = l?.vnode.props, o = !!(i?.onRowClick || i?.["onRow-click"]), p = e.rows.map((V, A) => {
+        const E = e.columns.map(($, x) => {
+          const f = k(V, $), D = typeof f == "function" ? f() : f, z = h(V, $), I = y(V, $);
+          return t(x === 0 ? "th" : "td", {
+            scope: x === 0 ? "row" : void 0,
+            class: I,
+            style: z
+          }, D);
         });
-        return t("tr", i ? {
+        return t("tr", o ? {
           tabindex: 0,
-          onClick: () => m(M, A),
-          onKeydown: (L) => v(L, M, A)
-        } : null, D);
+          onClick: () => m(V, A),
+          onKeydown: ($) => v($, V, A)
+        } : null, E);
       });
       return t("tbody", p);
-    }, m = (o, i) => {
-      a("row-click", o, i);
-    }, v = (o, i, p) => {
-      o.target !== o.currentTarget || o.key !== "Enter" && o.key !== " " || (o.preventDefault(), m(i, p));
+    }, m = (i, o) => {
+      a("row-click", i, o);
+    }, v = (i, o, p) => {
+      i.target !== i.currentTarget || i.key !== "Enter" && i.key !== " " || (i.preventDefault(), m(o, p));
     };
     return () => t("div", { class: s.value }, [t("table", { class: n.value }, [
       e.caption && t("caption", e.caption),
-      d(),
+      c(),
       S(),
       K()
     ])]);
   }
-}), Ta = Da, Aa = /* @__PURE__ */ _({
+}), Ta = Da, Aa = /* @__PURE__ */ M({
   name: "KrdsHeader",
   props: {
     id: {
@@ -2960,7 +2983,7 @@ var Ot = /* @__PURE__ */ _({
       }, n);
     };
   }
-}), _a = Aa, Ma = /* @__PURE__ */ _({
+}), _a = Aa, Ma = /* @__PURE__ */ M({
   name: "KrdsFooter",
   props: {
     id: {
@@ -2972,14 +2995,15 @@ var Ot = /* @__PURE__ */ _({
       default: void 0
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     const r = C(() => {
       const g = [];
       return e.class && g.push(e.class), g;
     }), l = () => a.top ? t("div", { class: "foot-quick" }, [t("div", { class: "inner" }, a.top())]) : null, n = () => a.logo ? t("div", { class: "f-logo" }, a.logo()) : null, s = () => a.content ? t("div", { class: "f-cnt" }, a.content()) : null, u = () => a.bottom ? t("div", { class: "f-btm" }, a.bottom()) : null;
     return () => {
-      const g = l(), h = n(), y = s(), d = u(), S = [];
-      h && S.push(h), y && S.push(y), d && S.push(d);
+      const g = l(), h = n(), y = s(), c = u(), S = [];
+      h && S.push(h), y && S.push(y), c && S.push(c);
       const k = [];
       return g && k.push(g), S.length > 0 && k.push(t("div", { class: "inner" }, S)), t("footer", {
         id: e.id,
@@ -2987,7 +3011,7 @@ var Ot = /* @__PURE__ */ _({
       }, k);
     };
   }
-}), Va = Ma, Fa = /* @__PURE__ */ _({
+}), Va = Ma, Fa = /* @__PURE__ */ M({
   name: "KrdsDisclosure",
   props: {
     title: {
@@ -3000,6 +3024,7 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { "update:modelValue": (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = `disclosure-${de()}`, n = C(() => e.modelValue), s = () => {
       a("update:modelValue", !e.modelValue);
@@ -3020,7 +3045,7 @@ var Ot = /* @__PURE__ */ _({
       inert: !n.value
     }, [t("div", { class: "expand-in" }, r.default?.())])]);
   }
-}), Pa = Fa, za = /* @__PURE__ */ _({
+}), Pa = Fa, Oa = /* @__PURE__ */ M({
   name: "KrdsIdentifier",
   props: {
     class: {
@@ -3033,6 +3058,7 @@ var Ot = /* @__PURE__ */ _({
     }
   },
   emits: { click: (e) => !0 },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = C(() => {
       const s = ["krds-identifier"];
@@ -3045,7 +3071,7 @@ var Ot = /* @__PURE__ */ _({
       onClick: n
     }, [t("span", { class: "logo" }, [t("span", { class: "sr-only" }, e.logoLabel)]), t("span", { class: "ban-txt" }, r.default?.())]);
   }
-}), Ra = za, Ia = 50, Ha = /* @__PURE__ */ _({
+}), za = Oa, Ra = 50, Ia = /* @__PURE__ */ M({
   name: "KrdsLayout",
   props: {
     id: {
@@ -3066,18 +3092,19 @@ var Ot = /* @__PURE__ */ _({
     scroll: (e) => !0,
     "scroll-height": (e) => !0
   },
+  slots: Object,
   setup(e, { slots: a, emit: r }) {
-    const l = E(0), n = E(0), s = E(0), u = E(null), g = E(null), h = E(null), y = () => {
+    const l = B(0), n = B(0), s = B(0), u = B(null), g = B(null), h = B(null), y = () => {
       const m = n.value;
       l.value = window.scrollY, n.value = document.body.scrollHeight, m !== n.value && m > 0 && r("scroll-height", n.value);
-    }, d = () => {
+    }, c = () => {
       if (!g.value || !e.enableScrollDetection) return;
       const m = document.querySelector("#container");
       if (!m) return;
-      const v = m.offsetTop, o = window.scrollY, i = o > s.value, p = o < s.value;
-      o > v + Ia ? i ? (g.value.classList.add("scroll-down"), g.value.classList.remove("scroll-up"), u.value = "down") : p && (g.value.classList.add("scroll-up"), g.value.classList.remove("scroll-down"), u.value = "up") : (g.value.classList.remove("scroll-down", "scroll-up"), u.value = null), s.value = o;
+      const v = m.offsetTop, i = window.scrollY, o = i > s.value, p = i < s.value;
+      i > v + Ra ? o ? (g.value.classList.add("scroll-down"), g.value.classList.remove("scroll-up"), u.value = "down") : p && (g.value.classList.add("scroll-up"), g.value.classList.remove("scroll-down"), u.value = "up") : (g.value.classList.remove("scroll-down", "scroll-up"), u.value = null), s.value = i;
     }, S = () => {
-      y(), d(), r("scroll", {
+      y(), c(), r("scroll", {
         scrollY: l.value,
         scrollHeight: n.value,
         direction: u.value,
@@ -3085,17 +3112,17 @@ var Ot = /* @__PURE__ */ _({
       });
     }, k = (m) => {
       for (const v of m) {
-        const { width: o, height: i } = v.contentRect;
+        const { width: i, height: o } = v.contentRect;
         r("resize", {
-          width: o,
-          height: i
+          width: i,
+          height: o
         });
       }
     }, K = C(() => {
       const m = ["g-wrap"];
       return e.class && m.push(e.class), m;
     });
-    return ee(() => {
+    return te(() => {
       e.enableScrollDetection && (y(), window.addEventListener("scroll", S, { passive: !0 })), g.value && typeof ResizeObserver < "u" && (h.value = new ResizeObserver(k), h.value.observe(g.value));
     }), ue(() => {
       e.enableScrollDetection && window.removeEventListener("scroll", S), h.value && (h.value.disconnect(), h.value = null);
@@ -3105,7 +3132,7 @@ var Ot = /* @__PURE__ */ _({
       ref: g
     }, a.default?.());
   }
-}), Oa = Ha, qa = /* @__PURE__ */ _({
+}), Ha = Ia, qa = /* @__PURE__ */ M({
   name: "KrdsSideNavigation",
   props: {
     title: {
@@ -3119,62 +3146,62 @@ var Ot = /* @__PURE__ */ _({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a }) {
-    const r = C(() => e.modelValue || []), l = de(), n = E(/* @__PURE__ */ new Map()), s = E(/* @__PURE__ */ new Map()), u = E(/* @__PURE__ */ new Map()), g = E(null), h = (A, D, L) => {
-      const $ = `${D}-${L}`;
-      A ? n.value.set($, A) : n.value.delete($);
-    }, y = (A, D, L) => {
-      const $ = `${D}-${L}`;
-      A ? s.value.set($, A) : s.value.delete($);
-    }, d = (A, D, L) => {
-      const $ = `${D}-${L}`;
-      A ? u.value.set($, A) : u.value.delete($);
+    const r = C(() => e.modelValue || []), l = de(), n = B(/* @__PURE__ */ new Map()), s = B(/* @__PURE__ */ new Map()), u = B(/* @__PURE__ */ new Map()), g = B(null), h = (A, E, $) => {
+      const x = `${E}-${$}`;
+      A ? n.value.set(x, A) : n.value.delete(x);
+    }, y = (A, E, $) => {
+      const x = `${E}-${$}`;
+      A ? s.value.set(x, A) : s.value.delete(x);
+    }, c = (A, E, $) => {
+      const x = `${E}-${$}`;
+      A ? u.value.set(x, A) : u.value.delete(x);
     }, S = (A) => {
-      a("update:modelValue", r.value.map((D, L) => {
-        if (L === A && D.subItems) {
-          const $ = D.expanded, f = {
-            ...D,
-            expanded: !D.expanded
+      a("update:modelValue", r.value.map((E, $) => {
+        if ($ === A && E.subItems) {
+          const x = E.expanded, f = {
+            ...E,
+            expanded: !E.expanded
           };
-          return $ && !f.expanded && (f.subItems = D.subItems.map((T) => ({
-            ...T,
+          return x && !f.expanded && (f.subItems = E.subItems.map((D) => ({
+            ...D,
             expanded: !1
           })), g.value = null), f;
         }
-        return D;
+        return E;
       }));
-    }, k = (A, D) => {
-      a("update:modelValue", r.value.map((L, $) => $ === A && L.subItems ? {
-        ...L,
-        subItems: L.subItems.map((f, T) => {
-          if (T === D && f.subItems) {
-            const R = {
+    }, k = (A, E) => {
+      a("update:modelValue", r.value.map(($, x) => x === A && $.subItems ? {
+        ...$,
+        subItems: $.subItems.map((f, D) => {
+          if (D === E && f.subItems) {
+            const z = {
               ...f,
               expanded: !f.expanded
             };
-            if (R.expanded) {
-              const H = `${A}-${D}`;
-              g.value = n.value.get(H) || null;
-              const O = s.value.get(H), N = u.value.get(H);
-              O && N && (O.addEventListener("transitionend", () => {
-                N.focus();
+            if (z.expanded) {
+              const I = `${A}-${E}`;
+              g.value = n.value.get(I) || null;
+              const H = s.value.get(I), j = u.value.get(I);
+              H && j && (H.addEventListener("transitionend", () => {
+                j.focus();
               }, { once: !0 }), requestAnimationFrame(() => {
-                O.getAnimations({ subtree: !0 }).length || N.focus();
+                H.getAnimations({ subtree: !0 }).length || j.focus();
               }));
             }
-            return R;
+            return z;
           }
           return f;
         })
-      } : L));
-    }, K = (A, D) => {
-      a("update:modelValue", r.value.map((L, $) => $ === A && L.subItems ? {
-        ...L,
-        subItems: L.subItems.map((f, T) => {
-          if (T === D && f.subItems && f.expanded) {
+      } : $));
+    }, K = (A, E) => {
+      a("update:modelValue", r.value.map(($, x) => x === A && $.subItems ? {
+        ...$,
+        subItems: $.subItems.map((f, D) => {
+          if (D === E && f.subItems && f.expanded) {
             if (g.value) {
-              const R = g.value;
+              const z = g.value;
               requestAnimationFrame(() => {
-                R.focus();
+                z.focus();
               }), g.value = null;
             }
             return {
@@ -3184,56 +3211,56 @@ var Ot = /* @__PURE__ */ _({
           }
           return f;
         })
-      } : L));
-    }, m = (A, D, L) => {
-      const $ = `${D}-${L}`, f = s.value.get($);
-      f && !f.contains(A.relatedTarget) && K(D, L);
-    }, v = (A, D) => {
-      K(A, D);
-    }, o = (A, D) => {
-      A.onClick && A.onClick(D);
-    }, i = (A, D, L) => A.map(($, f) => t("li", {
-      key: `popup-item-${D}-${L}-${f}`,
+      } : $));
+    }, m = (A, E, $) => {
+      const x = `${E}-${$}`, f = s.value.get(x);
+      f && !f.contains(A.relatedTarget) && K(E, $);
+    }, v = (A, E) => {
+      K(A, E);
+    }, i = (A, E) => {
+      A.onClick && A.onClick(E);
+    }, o = (A, E, $) => A.map((x, f) => t("li", {
+      key: `popup-item-${E}-${$}-${f}`,
       role: "none"
     }, t("a", {
-      href: $.href || "#",
+      href: x.href || "#",
       class: "lnb-btn",
       role: "menuitem",
-      onClick: (T) => o($, T)
-    }, $.text))), p = (A, D) => A.map((L, $) => {
-      const f = `lnb-subitem-${D}-${$}`;
+      onClick: (D) => i(x, D)
+    }, x.text))), p = (A, E) => A.map(($, x) => {
+      const f = `lnb-subitem-${E}-${x}`;
       return t("li", {
         key: f,
-        class: ["lnb-subitem", { active: L.expanded }],
+        class: ["lnb-subitem", { active: $.expanded }],
         role: "none"
-      }, [L.subItems ? [t("button", {
-        ref: (T) => h(T, D, $),
+      }, [$.subItems ? [t("button", {
+        ref: (D) => h(D, E, x),
         type: "button",
         class: "lnb-btn lnb-toggle-popup",
         role: "menuitem",
-        "aria-controls": `${l}-lnbmenu-${D}-${$}`,
-        "aria-expanded": L.expanded ? "true" : "false",
+        "aria-controls": `${l}-lnbmenu-${E}-${x}`,
+        "aria-expanded": $.expanded ? "true" : "false",
         "aria-haspopup": "true",
-        onClick: () => k(D, $)
-      }, L.text), t("div", {
-        ref: (T) => y(T, D, $),
-        id: `${l}-lnbmenu-${D}-${$}`,
-        class: ["lnb-submenu-lv2", { active: L.expanded }],
+        onClick: () => k(E, x)
+      }, $.text), t("div", {
+        ref: (D) => y(D, E, x),
+        id: `${l}-lnbmenu-${E}-${x}`,
+        class: ["lnb-submenu-lv2", { active: $.expanded }],
         role: "menu",
-        onFocusout: (T) => m(T, D, $)
+        onFocusout: (D) => m(D, E, x)
       }, [t("button", {
-        ref: (T) => d(T, D, $),
+        ref: (D) => c(D, E, x),
         type: "button",
         class: "lnb-btn-tit",
-        onClick: () => v(D, $)
-      }, L.popupTitle || L.text), t("ul", {}, i(L.subItems || [], D, $))])] : t("a", {
-        href: L.href || "#",
+        onClick: () => v(E, x)
+      }, $.popupTitle || $.text), t("ul", {}, o($.subItems || [], E, x))])] : t("a", {
+        href: $.href || "#",
         class: ["lnb-btn", "lnb-link"],
         role: "menuitem",
-        onClick: (T) => o(L, T)
-      }, L.text)]);
-    }), M = () => r.value.map((A, D) => t("li", {
-      key: `lnb-item-${D}`,
+        onClick: (D) => i($, D)
+      }, $.text)]);
+    }), V = () => r.value.map((A, E) => t("li", {
+      key: `lnb-item-${E}`,
       class: ["lnb-item", { active: A.expanded }],
       role: "none"
     }, [A.subItems ? t("button", {
@@ -3244,24 +3271,24 @@ var Ot = /* @__PURE__ */ _({
         { active: A.expanded }
       ],
       role: "menuitem",
-      "aria-controls": `${l}-lnbmenu-${D}`,
+      "aria-controls": `${l}-lnbmenu-${E}`,
       "aria-expanded": A.expanded ? "true" : "false",
-      onClick: () => S(D)
+      onClick: () => S(E)
     }, A.text) : t("a", {
       href: A.href || "#",
       class: ["lnb-btn", "lnb-link"],
       role: "menuitem",
-      onClick: (L) => o(A, L)
+      onClick: ($) => i(A, $)
     }, A.text), A.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
-      id: `${l}-lnbmenu-${D}`,
+      id: `${l}-lnbmenu-${E}`,
       role: "menu"
-    }, p(A.subItems, D))]) : null]));
+    }, p(A.subItems, E))]) : null]));
     return () => t("nav", { class: "krds-side-navigation" }, [t("h2", { class: "lnb-tit" }, e.title), t("ul", {
       class: "lnb-list",
       role: "menubar"
-    }, M())]);
+    }, V())]);
   }
-}), Na = qa, Wa = /* @__PURE__ */ _({
+}), Na = qa, ja = /* @__PURE__ */ M({
   name: "KrdsStructuredList",
   props: { full: {
     type: Boolean,
@@ -3279,7 +3306,7 @@ var Ot = /* @__PURE__ */ _({
       return t("ul", { class: ["krds-structured-list", e.full ? "type-full" : ""] }, [u]);
     };
   }
-}), Ya = Wa, ja = /* @__PURE__ */ _({
+}), Wa = ja, Ya = /* @__PURE__ */ M({
   name: "KrdsTextList",
   props: {
     type: {
@@ -3291,10 +3318,11 @@ var Ot = /* @__PURE__ */ _({
       default: "dash"
     }
   },
+  slots: Object,
   setup(e, { slots: a }) {
     return () => t(e.type, { class: ["krds-info-list", e.variant] }, a.default?.());
   }
-}), Ga = ja, Ua = /* @__PURE__ */ _({
+}), Ga = Ya, Ua = /* @__PURE__ */ M({
   name: "KrdsCriticalAlerts",
   props: {
     type: {
@@ -3333,7 +3361,7 @@ var Ot = /* @__PURE__ */ _({
       }, [t("span", { class: "m-hide" }, e.linkText), t("i", { class: "svg-icon ico-angle right" })])
     ])])]);
   }
-}), Xa = Ua, Qa = "새 창 열림", Ja = 100, Me = 400, Za = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', el = /* @__PURE__ */ _({
+}), Xa = Ua, Qa = "새 창 열림", Ja = 100, Me = 400, Za = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', el = /* @__PURE__ */ M({
   name: "KrdsMainMenu",
   props: {
     items: {
@@ -3372,282 +3400,282 @@ var Ot = /* @__PURE__ */ _({
   },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = de(), n = E(null), s = E(null), u = E(null), g = C(() => e.variant === "pc"), h = (c) => `${l}-gnb-panel-${c}`, y = (c, b) => `${l}-gnb-sub-${c}-${b}`, d = (c) => `${l}-gnb-tab-${c}`, S = (c, b) => `${l}-gnb-depth3-${c}-${b}`, k = (c) => !!c?.subItems?.length, K = (c) => !k(c) && !!c?.items?.length, m = (c) => k(c) || K(c), v = (c) => !c.items?.length, o = (c) => c ? {
+    const l = de(), n = B(null), s = B(null), u = B(null), g = C(() => e.variant === "pc"), h = (d) => `${l}-gnb-panel-${d}`, y = (d, b) => `${l}-gnb-sub-${d}-${b}`, c = (d) => `${l}-gnb-tab-${d}`, S = (d, b) => `${l}-gnb-depth3-${d}-${b}`, k = (d) => !!d?.subItems?.length, K = (d) => !k(d) && !!d?.items?.length, m = (d) => k(d) || K(d), v = (d) => !d.items?.length, i = (d) => d ? {
       target: "_blank",
       rel: "noopener noreferrer",
       title: Qa
-    } : {}, i = (c, b) => {
-      c.onClick?.(b), a("item-click", c, b);
-    }, p = E(-1), M = E({}), A = E(0), D = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), $ = (c, b, B) => {
-      b ? c.set(B, b) : c.delete(B);
-    }, f = (c) => {
-      const b = c?.subItems?.findIndex((B) => !v(B));
+    } : {}, o = (d, b) => {
+      d.onClick?.(b), a("item-click", d, b);
+    }, p = B(-1), V = B({}), A = B(0), E = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), x = (d, b, L) => {
+      b ? d.set(L, b) : d.delete(L);
+    }, f = (d) => {
+      const b = d?.subItems?.findIndex((L) => !v(L));
       return b === void 0 ? -1 : b;
-    }, T = (c) => {
-      const b = M.value[c];
-      return b === void 0 ? f(e.items[c]) : b;
-    }, R = (c) => {
+    }, D = (d) => {
+      const b = V.value[d];
+      return b === void 0 ? f(e.items[d]) : b;
+    }, z = (d) => {
       if (typeof document > "u") return;
-      document.body.classList.toggle("is-gnb-web", c);
+      document.body.classList.toggle("is-gnb-web", d);
       const b = document.body.scrollHeight > window.innerHeight;
-      document.body.classList.toggle("hasScrollY", c && b);
-    }, H = async () => {
+      document.body.classList.toggle("hasScrollY", d && b);
+    }, I = async () => {
       await pe();
-      const c = D.get(p.value)?.querySelector(".gnb-sub-list.active");
-      A.value = c?.scrollHeight ?? 0;
-    }, O = (c = !1) => {
+      const d = E.get(p.value)?.querySelector(".gnb-sub-list.active");
+      A.value = d?.scrollHeight ?? 0;
+    }, H = (d = !1) => {
       if (p.value === -1) return;
       const b = p.value;
-      p.value = -1, A.value = 0, R(!1), a("menu-toggle", b, !1), c && L.get(b)?.focus();
-    }, N = (c) => {
-      if (m(e.items[c])) {
-        if (p.value === c) {
-          O();
+      p.value = -1, A.value = 0, z(!1), a("menu-toggle", b, !1), d && $.get(b)?.focus();
+    }, j = (d) => {
+      if (m(e.items[d])) {
+        if (p.value === d) {
+          H();
           return;
         }
-        O(), p.value = c, R(!0), a("menu-toggle", c, !0), H();
+        H(), p.value = d, z(!0), a("menu-toggle", d, !0), I();
       }
-    }, j = (c, b) => {
-      M.value = {
-        ...M.value,
-        [c]: b
-      }, H();
-    }, U = (c) => {
+    }, W = (d, b) => {
+      V.value = {
+        ...V.value,
+        [d]: b
+      }, I();
+    }, U = (d) => {
       const b = n.value;
-      !b || b.contains(c.target) || O();
-    }, ce = (c) => {
-      const b = n.value, B = c.relatedTarget;
-      !b || !B || b.contains(B) || O();
-    }, he = (c) => {
-      if (c.key === "Escape") {
-        O(!0);
+      !b || b.contains(d.target) || H();
+    }, ce = (d) => {
+      const b = n.value, L = d.relatedTarget;
+      !b || !L || b.contains(L) || H();
+    }, he = (d) => {
+      if (d.key === "Escape") {
+        H(!0);
         return;
       }
-      const b = c.target;
+      const b = d.target;
       if (!b?.dataset.trigger) return;
-      const B = (x) => {
-        const F = b.closest("li");
-        (x === "next" ? F?.nextElementSibling : F?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
+      const L = (T) => {
+        const _ = b.closest("li");
+        (T === "next" ? _?.nextElementSibling : _?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
       };
-      switch (c.key) {
+      switch (d.key) {
         case "Home":
-          c.preventDefault(), L.get(0)?.focus();
+          d.preventDefault(), $.get(0)?.focus();
           break;
         case "End":
-          c.preventDefault(), L.get(e.items.length - 1)?.focus();
+          d.preventDefault(), $.get(e.items.length - 1)?.focus();
           break;
         case "ArrowRight":
         case "ArrowDown":
-          c.preventDefault(), B("next");
+          d.preventDefault(), L("next");
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          c.preventDefault(), B("prev");
+          d.preventDefault(), L("prev");
       }
-    }, re = E(0), Q = E({}), fe = E(null), te = E(null), ve = E(e.open), ne = E(e.open), P = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), w = (c, b, B) => {
-      b ? c.set(B, b) : c.delete(B);
+    }, re = B(0), Z = B({}), fe = B(null), ae = B(null), ve = B(e.open), ne = B(e.open), P = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), w = (d, b, L) => {
+      b ? d.set(L, b) : d.delete(L);
     };
-    let V, I, J = null;
-    const ie = (c) => {
-      typeof document > "u" || document.body.classList.toggle("is-gnb-mobile", c);
+    let F, R, ee = null;
+    const oe = (d) => {
+      typeof document > "u" || document.body.classList.toggle("is-gnb-mobile", d);
     }, X = () => {
       ne.value && s.value?.focus();
-    }, ae = () => {
-      I && clearTimeout(I), J = document.activeElement, ve.value = !0, V = setTimeout(() => {
-        ne.value = !0, ie(!0), n.value?.addEventListener("transitionend", X, { once: !0 }), requestAnimationFrame(() => {
+    }, le = () => {
+      R && clearTimeout(R), ee = document.activeElement, ve.value = !0, F = setTimeout(() => {
+        ne.value = !0, oe(!0), n.value?.addEventListener("transitionend", X, { once: !0 }), requestAnimationFrame(() => {
           n.value?.getAnimations().length || X();
         });
       }, Ja);
     }, ye = () => {
-      V && clearTimeout(V), ne.value = !1, J?.focus(), J = null, I = setTimeout(() => {
-        ve.value = !1, ie(!1);
+      F && clearTimeout(F), ne.value = !1, ee?.focus(), ee = null, R = setTimeout(() => {
+        ve.value = !1, oe(!1);
       }, Me);
     };
-    se(() => e.open, (c) => {
-      c ? ae() : ye();
+    se(() => e.open, (d) => {
+      d ? le() : ye();
     });
-    const me = (c, b) => {
-      c.preventDefault(), re.value = b;
-      const B = u.value, x = P.get(b);
-      B && x && B.scrollTo({
+    const me = (d, b) => {
+      d.preventDefault(), re.value = b;
+      const L = u.value, T = P.get(b);
+      L && T && L.scrollTo({
         left: 0,
-        top: x.offsetTop,
+        top: T.offsetTop,
         behavior: "smooth"
       });
     }, we = () => {
-      const c = u.value;
-      if (!c) return;
-      const { scrollTop: b, scrollHeight: B, clientHeight: x } = c;
-      let F = re.value;
-      P.forEach((W, Y) => {
-        (b >= W.offsetTop || b + x >= B) && (F = Y);
-      }), re.value = F;
-    }, be = (c, b) => {
-      c.preventDefault(), Q.value = {
-        ...Q.value,
-        [b]: !Q.value[b]
+      const d = u.value;
+      if (!d) return;
+      const { scrollTop: b, scrollHeight: L, clientHeight: T } = d;
+      let _ = re.value;
+      P.forEach((N, G) => {
+        (b >= N.offsetTop || b + T >= L) && (_ = G);
+      }), re.value = _;
+    }, be = (d, b) => {
+      d.preventDefault(), Z.value = {
+        ...Z.value,
+        [b]: !Z.value[b]
       };
-    }, He = async (c, b) => {
-      c.preventDefault(), fe.value = b, await pe(), te.value = b, await pe(), q.get(b)?.focus();
-    }, Le = (c) => {
-      te.value = null, z.get(c)?.focus(), setTimeout(() => {
-        te.value || (fe.value = null);
+    }, Ie = async (d, b) => {
+      d.preventDefault(), fe.value = b, await pe(), ae.value = b, await pe(), q.get(b)?.focus();
+    }, Le = (d) => {
+      ae.value = null, O.get(d)?.focus(), setTimeout(() => {
+        ae.value || (fe.value = null);
       }, Me);
-    }, Oe = (c, b) => {
-      const B = Array.from(c.querySelectorAll(Za));
-      if (!B.length) return;
-      const x = B[0], F = B[B.length - 1], W = document.activeElement;
-      b.shiftKey && (W === x || W === c) ? (b.preventDefault(), F.focus()) : !b.shiftKey && W === F && (b.preventDefault(), x.focus());
-    }, qe = (c) => {
-      if (c.key === "Escape") {
-        te.value ? Le(te.value) : a("update:open", !1);
+    }, He = (d, b) => {
+      const L = Array.from(d.querySelectorAll(Za));
+      if (!L.length) return;
+      const T = L[0], _ = L[L.length - 1], N = document.activeElement;
+      b.shiftKey && (N === T || N === d) ? (b.preventDefault(), _.focus()) : !b.shiftKey && N === _ && (b.preventDefault(), T.focus());
+    }, qe = (d) => {
+      if (d.key === "Escape") {
+        ae.value ? Le(ae.value) : a("update:open", !1);
         return;
       }
-      if (c.key !== "Tab") return;
-      const b = te.value ? G.get(te.value) : s.value;
-      b && Oe(b, c);
+      if (d.key !== "Tab") return;
+      const b = ae.value ? Y.get(ae.value) : s.value;
+      b && He(b, d);
     };
-    ee(() => {
+    te(() => {
       if (g.value) {
         document.addEventListener("click", U);
         return;
       }
-      e.open && (ve.value = !0, ne.value = !0, ie(!0));
-      const c = {};
-      e.items.forEach((b, B) => {
-        b.subItems?.forEach((x, F) => {
-          x.expanded && (c[`${B}-${F}`] = !0);
+      e.open && (ve.value = !0, ne.value = !0, oe(!0));
+      const d = {};
+      e.items.forEach((b, L) => {
+        b.subItems?.forEach((T, _) => {
+          T.expanded && (d[`${L}-${_}`] = !0);
         });
-      }), Q.value = c;
-    }), oe(() => {
-      typeof document < "u" && (document.removeEventListener("click", U), document.body.classList.remove("is-gnb-web", "hasScrollY", "is-gnb-mobile")), V && clearTimeout(V), I && clearTimeout(I);
+      }), Z.value = d;
+    }), ie(() => {
+      typeof document < "u" && (document.removeEventListener("click", U), document.body.classList.remove("is-gnb-web", "hasScrollY", "is-gnb-mobile")), F && clearTimeout(F), R && clearTimeout(R);
     });
-    const Ne = (c) => {
-      const b = c.some((x) => !!x.description), B = c.map((x, F) => {
-        const W = o(x.external), Y = x.external ? t("i", { class: "svg-icon ico-go" }) : null;
-        if (b) return t("li", { key: `link-${F}` }, [t("h3", { class: "tit" }, [t("a", {
-          href: x.href || "#",
-          ...W,
-          class: { active: x.selected },
-          onClick: (le) => i(x, le)
-        }, [x.text, Y])]), x.description ? t("p", { class: "txt" }, x.description) : null]);
-        const Z = x.href ? "a" : "button";
-        return t("li", { key: `link-${F}` }, [t(Z, {
-          ...x.href ? {
-            href: x.href,
-            ...W
+    const Ne = (d) => {
+      const b = d.some((T) => !!T.description), L = d.map((T, _) => {
+        const N = i(T.external), G = T.external ? t("i", { class: "svg-icon ico-go" }) : null;
+        if (b) return t("li", { key: `link-${_}` }, [t("h3", { class: "tit" }, [t("a", {
+          href: T.href || "#",
+          ...N,
+          class: { active: T.selected },
+          onClick: (J) => o(T, J)
+        }, [T.text, G])]), T.description ? t("p", { class: "txt" }, T.description) : null]);
+        const Q = T.href ? "a" : "button";
+        return t("li", { key: `link-${_}` }, [t(Q, {
+          ...T.href ? {
+            href: T.href,
+            ...N
           } : { type: "button" },
-          class: { active: x.selected },
-          onClick: (le) => i(x, le)
-        }, [x.text, Y])]);
+          class: { active: T.selected },
+          onClick: (J) => o(T, J)
+        }, [T.text, G])]);
       });
-      return t("ul", { class: b ? "type-description" : void 0 }, B);
-    }, Be = (c) => {
-      const b = c.titleLink ? [c.title, t("a", {
-        href: c.titleLink.href,
+      return t("ul", { class: b ? "type-description" : void 0 }, L);
+    }, Be = (d) => {
+      const b = d.titleLink ? [d.title, t("a", {
+        href: d.titleLink.href,
         class: "krds-btn link basic small"
-      }, [t("span", { class: "underline" }, c.titleLink.text || "바로가기"), t("i", { class: "svg-icon ico-angle right" })])] : [t("span", c.title)];
+      }, [t("span", { class: "underline" }, d.titleLink.text || "바로가기"), t("i", { class: "svg-icon ico-angle right" })])] : [t("span", d.title)];
       return t("div", {
-        id: c.id,
+        id: d.id,
         class: ["gnb-sub-list", {
-          active: c.active,
-          between: c.layout === "between",
-          "single-list": c.single
+          active: d.active,
+          between: d.layout === "between",
+          "single-list": d.single
         }]
-      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, b), Ne(c.linkItems)]), c.banner]);
-    }, We = (c, b) => (c.subItems ?? []).map((B, x) => {
-      if (v(B)) {
-        const Y = B.href ? "a" : "button";
-        return t("li", { key: `sub-${x}` }, [t(Y, {
-          ...B.href ? {
-            href: B.href,
-            ...o(B.external)
+      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, b), Ne(d.linkItems)]), d.banner]);
+    }, je = (d, b) => (d.subItems ?? []).map((L, T) => {
+      if (v(L)) {
+        const G = L.href ? "a" : "button";
+        return t("li", { key: `sub-${T}` }, [t(G, {
+          ...L.href ? {
+            href: L.href,
+            ...i(L.external)
           } : { type: "button" },
           class: [
             "gnb-sub-trigger",
             "is-link",
             {
-              "external-link": B.external,
-              selected: B.selected
+              "external-link": L.external,
+              selected: L.selected
             }
           ],
           "data-trigger": "gnb",
-          onClick: (Z) => i(B, Z)
-        }, B.text)]);
+          onClick: (Q) => o(L, Q)
+        }, L.text)]);
       }
-      const F = T(b) === x, W = B.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
-        item: c,
-        subItem: B,
+      const _ = D(b) === T, N = L.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
+        item: d,
+        subItem: L,
         index: b,
-        subIndex: x
+        subIndex: T
       })) : null;
-      return t("li", { key: `sub-${x}` }, [t("button", {
+      return t("li", { key: `sub-${T}` }, [t("button", {
         type: "button",
         class: ["gnb-sub-trigger", {
-          active: F,
-          selected: B.selected
+          active: _,
+          selected: L.selected
         }],
         "data-trigger": "gnb",
-        "aria-controls": y(b, x),
-        "aria-expanded": F ? "true" : "false",
+        "aria-controls": y(b, T),
+        "aria-expanded": _ ? "true" : "false",
         "aria-haspopup": "true",
-        onClick: (Y) => {
-          j(b, x), i(B, Y);
+        onClick: (G) => {
+          W(b, T), o(L, G);
         }
-      }, B.text), Be({
-        id: y(b, x),
-        title: B.title || B.text,
-        titleLink: B.titleLink,
-        linkItems: B.items ?? [],
-        layout: B.layout,
-        active: F,
-        banner: W
+      }, L.text), Be({
+        id: y(b, T),
+        title: L.title || L.text,
+        titleLink: L.titleLink,
+        linkItems: L.items ?? [],
+        layout: L.layout,
+        active: _,
+        banner: N
       })]);
-    }), Ye = (c, b) => {
-      const B = p.value === b, x = k(c), F = x ? [t("ul", {}, We(c, b))] : [Be({
-        title: c.title || c.text,
-        linkItems: c.items ?? [],
-        layout: c.layout,
+    }), We = (d, b) => {
+      const L = p.value === b, T = k(d), _ = T ? [t("ul", {}, je(d, b))] : [Be({
+        title: d.title || d.text,
+        linkItems: d.items ?? [],
+        layout: d.layout,
         single: !0,
-        banner: c.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
-          item: c,
+        banner: d.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
+          item: d,
           index: b,
           subIndex: -1
         })) : null
       })];
       return t("div", {
         id: h(b),
-        class: ["gnb-toggle-wrap", { "is-open": B }]
+        class: ["gnb-toggle-wrap", { "is-open": L }]
       }, [t("div", {
-        ref: (W) => $(D, W, b),
+        ref: (N) => x(E, N, b),
         class: "gnb-main-list",
-        ...x ? { "data-has-submenu": "true" } : {},
-        style: B && A.value ? { minHeight: `${A.value}px` } : void 0
-      }, F)]);
-    }, je = () => {
-      const c = e.items.map((B, x) => {
-        const F = m(B), W = p.value === x, Y = !F && B.href ? "a" : "button", Z = t(Y, {
-          ref: (le) => $(L, le, x),
-          ...Y === "a" ? {
-            href: B.href,
-            ...o(B.external)
+        ...T ? { "data-has-submenu": "true" } : {},
+        style: L && A.value ? { minHeight: `${A.value}px` } : void 0
+      }, _)]);
+    }, Ye = () => {
+      const d = e.items.map((L, T) => {
+        const _ = m(L), N = p.value === T, G = !_ && L.href ? "a" : "button", Q = t(G, {
+          ref: (J) => x($, J, T),
+          ...G === "a" ? {
+            href: L.href,
+            ...i(L.external)
           } : { type: "button" },
           class: ["gnb-main-trigger", {
-            active: W,
-            "is-link": !F,
-            selected: B.selected
+            active: N,
+            "is-link": !_,
+            selected: L.selected
           }],
           "data-trigger": "gnb",
-          ...F ? {
-            "aria-controls": h(x),
-            "aria-expanded": W ? "true" : "false",
+          ..._ ? {
+            "aria-controls": h(T),
+            "aria-expanded": N ? "true" : "false",
             "aria-haspopup": "true"
           } : {},
-          onClick: (le) => {
-            F && N(x), i(B, le);
+          onClick: (J) => {
+            _ && j(T), o(L, J);
           }
-        }, B.text);
-        return t("li", { key: `main-${x}` }, [Z, F ? Ye(B, x) : null]);
+        }, L.text);
+        return t("li", { key: `main-${T}` }, [Q, _ ? We(L, T) : null]);
       }), b = e.backdrop && p.value !== -1 ? t(Ce, { to: "body" }, [t("div", {
         class: "gnb-backdrop active",
         "aria-hidden": "true"
@@ -3661,97 +3689,102 @@ var Ot = /* @__PURE__ */ _({
       }, [t("div", { class: "inner" }, [t("ul", {
         class: "gnb-menu",
         "aria-label": e.ariaLabel
-      }, c)]), b]);
-    }, Ge = (c, b) => {
-      const B = () => Le(b);
+      }, d)]), b]);
+    }, Ge = (d, b) => {
+      const L = () => Le(b);
       return t("div", {
-        ref: (x) => w(G, x, b),
-        class: ["depth4-wrap", { "is-open": te.value === b }],
+        ref: (T) => w(Y, T, b),
+        class: ["depth4-wrap", { "is-open": ae.value === b }],
         style: fe.value === b ? { display: "block" } : void 0
       }, [t("div", { class: "depth4-head" }, [t("button", {
-        ref: (x) => w(q, x, b),
+        ref: (T) => w(q, T, b),
         type: "button",
         class: "krds-btn icon trigger-prev",
-        onClick: B
+        onClick: L
       }, [t("span", { class: "sr-only" }, "이전화면"), t("i", { class: "svg-icon ico-angle left" })]), t("button", {
         type: "button",
         class: "krds-btn icon trigger-close",
-        onClick: B
-      }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])]), t("div", { class: "depth4-body" }, [t("h4", { class: "sub-title" }, c.panelTitle || c.text), t("ul", { class: "depth4-ul" }, (c.items ?? []).map((x, F) => t("li", { key: `depth4-${F}` }, [t("a", {
-        href: x.href || "#",
-        ...o(x.external),
-        class: { selected: x.selected },
-        onClick: (W) => i(x, W)
-      }, x.text)])))])]);
-    }, Ue = (c, b, B) => {
-      const x = (c.items ?? []).map((F, W) => {
-        const Y = `${b}-${B}-${W}`, Z = !!F.items?.length;
-        return t("li", { key: `depth3-${W}` }, [t("a", {
-          ref: (le) => w(z, le, Y),
-          href: F.href || "#",
-          ...Z ? {} : o(F.external),
+        onClick: L
+      }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])]), t("div", { class: "depth4-body" }, [t("h4", { class: "sub-title" }, d.panelTitle || d.text), t("ul", { class: "depth4-ul" }, (d.items ?? []).map((T, _) => t("li", { key: `depth4-${_}` }, [t("a", {
+        href: T.href || "#",
+        ...i(T.external),
+        class: { selected: T.selected },
+        onClick: (N) => o(T, N)
+      }, T.text)])))])]);
+    }, Ue = (d, b, L) => {
+      const T = (d.items ?? []).map((_, N) => {
+        const G = `${b}-${L}-${N}`, Q = !!_.items?.length;
+        return t("li", { key: `depth3-${N}` }, [t("a", {
+          ref: (J) => w(O, J, G),
+          href: _.href || "#",
+          ...Q ? {} : i(_.external),
           class: ["depth3-trigger", {
-            "has-depth4": Z,
-            selected: F.selected
+            "has-depth4": Q,
+            selected: _.selected
           }],
-          ...Z ? {
+          ...Q ? {
             "aria-haspopup": "true",
-            "aria-expanded": te.value === Y ? "true" : "false"
+            "aria-expanded": ae.value === G ? "true" : "false"
           } : {},
-          onClick: (le) => {
-            Z && He(le, Y), i(F, le);
+          onClick: (J) => {
+            Q && Ie(J, G), o(_, J);
           }
-        }, F.text), Z ? Ge(F, Y) : null]);
+        }, _.text), Q ? Ge(_, G) : null]);
       });
       return t("div", {
-        id: S(b, B),
-        class: ["depth3-wrap", { "is-open": Q.value[`${b}-${B}`] }]
-      }, [t("ul", {}, x)]);
-    }, Xe = (c, b) => {
-      const B = (c.subItems ?? []).map((x, F) => {
-        const W = `${b}-${F}`, Y = !!x.items?.length;
-        return t("li", { key: `sub-${F}` }, [t("a", {
-          href: x.href || "#",
-          ...Y ? {} : o(x.external),
+        id: S(b, L),
+        class: ["depth3-wrap", { "is-open": Z.value[`${b}-${L}`] }]
+      }, [t("ul", {}, T)]);
+    }, Xe = (d, b) => {
+      const L = (_) => ({
+        text: _.text,
+        href: _.href,
+        external: _.external,
+        selected: _.selected
+      }), T = (d.subItems ?? (d.items ?? (d.href ? [d] : [])).map(L)).map((_, N) => {
+        const G = `${b}-${N}`, Q = !!_.items?.length;
+        return t("li", { key: `sub-${N}` }, [t("a", {
+          href: _.href || "#",
+          ...Q ? {} : i(_.external),
           class: ["gnb-sub-trigger", {
-            "has-depth3": Y,
-            active: Y && Q.value[W],
-            selected: x.selected
+            "has-depth3": Q,
+            active: Q && Z.value[G],
+            selected: _.selected
           }],
-          ...Y ? {
-            "aria-controls": S(b, F),
-            "aria-expanded": Q.value[W] ? "true" : "false"
+          ...Q ? {
+            "aria-controls": S(b, N),
+            "aria-expanded": Z.value[G] ? "true" : "false"
           } : {},
-          onClick: (Z) => {
-            Y && be(Z, W), i(x, Z);
+          onClick: (J) => {
+            Q && be(J, G), o(_, J);
           }
-        }, x.text), Y ? Ue(x, b, F) : null]);
+        }, _.text), Q ? Ue(_, b, N) : null]);
       });
       return t("div", {
-        ref: (x) => $(P, x, b),
+        ref: (_) => x(P, _, b),
         id: h(b),
         class: "gnb-sub-list",
         role: "tabpanel",
-        "aria-labelledby": d(b)
-      }, [t("h2", { class: "sub-title" }, c.title || c.text), t("ul", {}, B)]);
+        "aria-labelledby": c(b)
+      }, [t("h2", { class: "sub-title" }, d.title || d.text), t("ul", {}, T)]);
     }, Qe = () => {
-      const c = e.items.map((B, x) => t("li", {
-        key: `tab-${x}`,
+      const d = e.items.map((L, T) => t("li", {
+        key: `tab-${T}`,
         role: "none"
       }, [t("a", {
-        id: d(x),
-        href: `#${h(x)}`,
-        class: ["gnb-main-trigger", { active: re.value === x }],
+        id: c(T),
+        href: `#${h(T)}`,
+        class: ["gnb-main-trigger", { active: re.value === T }],
         role: "tab",
-        "aria-controls": h(x),
-        "aria-selected": re.value === x ? "true" : "false",
-        onClick: (F) => {
-          me(F, x), i(B, F);
+        "aria-controls": h(T),
+        "aria-selected": re.value === T ? "true" : "false",
+        onClick: (_) => {
+          me(_, T), o(L, _);
         }
-      }, B.text)])), b = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
+      }, L.text)])), b = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
         role: "tablist",
         "aria-label": e.ariaLabel
-      }, c)]), t("div", { class: "submenu-wrap" }, e.items.map(Xe))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
+      }, d)]), t("div", { class: "submenu-wrap" }, e.items.map(Xe))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
       return t("div", {
         ref: n,
         id: e.mobileId,
@@ -3780,9 +3813,9 @@ var Ot = /* @__PURE__ */ _({
         }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])
       ])]);
     };
-    return () => g.value ? je() : Qe();
+    return () => g.value ? Ye() : Qe();
   }
-}), tl = el, al = 400, ll = 2500, nl = 0, sl = 16, Re = (e) => e ? e.flatMap((a) => a.type === Ze ? Array.isArray(a.children) ? Re(a.children) : [] : a.type === Je ? [] : a.type === et && typeof a.children == "string" && a.children.trim() === "" ? [] : [a]) : [], rl = /* @__PURE__ */ _({
+}), tl = el, al = 400, ll = 2500, nl = 0, sl = 16, ze = (e) => e ? e.flatMap((a) => a.type === Ze ? Array.isArray(a.children) ? ze(a.children) : [] : a.type === Je ? [] : a.type === et && typeof a.children == "string" && a.children.trim() === "" ? [] : [a]) : [], rl = /* @__PURE__ */ M({
   name: "KrdsCarousel",
   props: {
     variant: {
@@ -3865,20 +3898,21 @@ var Ot = /* @__PURE__ */ _({
     stop: () => !0,
     "more-click": (e) => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
     const l = xe()?.uid, n = C(() => `${e.id ?? `krds-carousel-${l}`}-wrapper`);
     let s = 0;
-    const u = E(e.activeIndex ?? 0), g = C(() => e.spaceBetween ?? (e.variant === "banner" ? sl : nl)), h = C(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), y = E(!1), d = E(!1), S = E(!1), k = C(() => d.value || S.value);
+    const u = B(e.activeIndex ?? 0), g = C(() => e.spaceBetween ?? (e.variant === "banner" ? sl : nl)), h = C(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), y = B(!1), c = B(!1), S = B(!1), k = C(() => c.value || S.value);
     let K;
     const m = () => {
       K !== void 0 && (clearInterval(K), K = void 0);
     }, v = (P) => {
       if (s <= 0) return;
-      const z = e.loop ? (P % s + s) % s : Math.min(Math.max(P, 0), s - 1);
-      z !== u.value && (u.value = z, a("update:activeIndex", z), a("change", z));
-    }, o = () => v(u.value - 1), i = () => v(u.value + 1), p = () => {
+      const O = e.loop ? (P % s + s) % s : Math.min(Math.max(P, 0), s - 1);
+      O !== u.value && (u.value = O, a("update:activeIndex", O), a("change", O));
+    }, i = () => v(u.value - 1), o = () => v(u.value + 1), p = () => {
       y.value || (y.value = !0, a("play"));
-    }, M = () => {
+    }, V = () => {
       y.value && (y.value = !1, a("stop"));
     };
     se([
@@ -3888,38 +3922,38 @@ var Ot = /* @__PURE__ */ _({
     ], () => {
       m(), !(!y.value || k.value) && (K = setInterval(() => {
         if (!e.loop && s > 0 && u.value >= s - 1) {
-          M();
+          V();
           return;
         }
-        i();
+        o();
       }, e.autoplayDelay));
     }), se(() => e.autoplay, (P) => {
-      P ? p() : M();
+      P ? p() : V();
     }), se(() => e.activeIndex, (P) => {
       typeof P != "number" || P === u.value || (u.value = s > 0 ? Math.min(Math.max(P, 0), s - 1) : P);
     });
-    const D = E(!1);
-    let L;
-    const $ = (P) => {
-      D.value = P.matches;
-    }, f = C(() => D.value ? 0 : e.speed);
-    ee(() => {
-      typeof window < "u" && window.matchMedia && (L = window.matchMedia("(prefers-reduced-motion: reduce)"), D.value = L.matches, L.addEventListener("change", $)), e.autoplay && p();
-    }), oe(() => {
-      m(), L?.removeEventListener("change", $);
+    const E = B(!1);
+    let $;
+    const x = (P) => {
+      E.value = P.matches;
+    }, f = C(() => E.value ? 0 : e.speed);
+    te(() => {
+      typeof window < "u" && window.matchMedia && ($ = window.matchMedia("(prefers-reduced-motion: reduce)"), E.value = $.matches, $.addEventListener("change", x)), e.autoplay && p();
+    }), ie(() => {
+      m(), $?.removeEventListener("change", x);
     });
-    const T = () => {
-      e.pauseOnHover && (d.value = !0);
-    }, R = () => {
-      d.value = !1;
-    }, H = () => {
+    const D = () => {
+      e.pauseOnHover && (c.value = !0);
+    }, z = () => {
+      c.value = !1;
+    }, I = () => {
       S.value = !0;
-    }, O = (P) => {
-      const z = P.currentTarget;
-      z && z.contains(P.relatedTarget) || (S.value = !1);
-    }, N = (P) => {
+    }, H = (P) => {
+      const O = P.currentTarget;
+      O && O.contains(P.relatedTarget) || (S.value = !1);
+    }, j = (P) => {
       a("more-click", P);
-    }, j = {
+    }, W = {
       position: "relative",
       overflow: "hidden",
       width: "100%"
@@ -3942,41 +3976,41 @@ var Ot = /* @__PURE__ */ _({
       right: P ? void 0 : "0",
       transform: "translateY(-50%)",
       zIndex: 10
-    }), re = (P, z) => P.map((G, q) => {
-      const w = q === z;
+    }), re = (P, O) => P.map((Y, q) => {
+      const w = q === O;
       return t("li", {
-        key: G.key ?? `krds-carousel-slide-${q}`,
+        key: Y.key ?? `krds-carousel-slide-${q}`,
         class: ["swiper-slide", { "swiper-slide-active": w }],
         style: U,
         "aria-roledescription": "slide",
         "aria-label": `${q + 1} / ${P.length}`,
         "aria-hidden": w ? void 0 : "true",
         inert: w ? void 0 : !0
-      }, [G]);
-    }), Q = (P, z, G) => {
-      const q = P === "prev", w = !e.loop && (q ? z <= 0 : z >= s - 1);
+      }, [Y]);
+    }), Z = (P, O, Y) => {
+      const q = P === "prev", w = !e.loop && (q ? O <= 0 : O >= s - 1);
       return t("button", {
         type: "button",
         class: [`swiper-button-${P}`, { "swiper-button-disabled": w }],
-        style: G ? he(q) : void 0,
+        style: Y ? he(q) : void 0,
         disabled: w,
         "aria-controls": n.value,
-        onClick: q ? o : i
+        onClick: q ? i : o
       }, [t("span", { class: "sr-only" }, q ? e.prevLabel : e.nextLabel)]);
     }, fe = () => t("a", {
       href: e.moreHref,
       class: "swiper-button-more",
-      onClick: N
-    }, [t("span", { class: "sr-only" }, e.moreLabel)]), te = (P, z) => h.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
-      t("span", { class: "swiper-pagination-current" }, String(z + 1)),
+      onClick: j
+    }, [t("span", { class: "sr-only" }, e.moreLabel)]), ae = (P, O) => h.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
+      t("span", { class: "swiper-pagination-current" }, String(O + 1)),
       t("span", { "aria-hidden": "true" }, "/"),
       t("span", { class: "swiper-pagination-total" }, String(P))
-    ]) : t("div", { class: "swiper-pagination" }, Array.from({ length: P }, (G, q) => t("button", {
+    ]) : t("div", { class: "swiper-pagination" }, Array.from({ length: P }, (Y, q) => t("button", {
       key: `krds-carousel-bullet-${q}`,
       type: "button",
-      class: ["swiper-pagination-bullet", { "swiper-pagination-bullet-active": q === z }],
+      class: ["swiper-pagination-bullet", { "swiper-pagination-bullet-active": q === O }],
       "aria-label": `${q + 1}번째 슬라이드로 이동`,
-      "aria-current": q === z ? "true" : void 0,
+      "aria-current": q === O ? "true" : void 0,
       "aria-controls": n.value,
       onClick: () => v(q)
     }))), ve = () => t("div", { class: "swiper-controller" }, [t("button", {
@@ -3990,19 +4024,19 @@ var Ot = /* @__PURE__ */ _({
       class: "swiper-button-stop",
       style: y.value ? void 0 : { display: "none" },
       "aria-controls": n.value,
-      onClick: M
-    }, [t("span", { class: "sr-only" }, e.stopLabel)])]), ne = (P, z) => {
-      const G = e.variant === "banner", q = h.value !== "none", w = !!e.moreHref, V = [];
-      if (q && V.push(te(P, z)), e.autoplay && V.push(ve()), G) {
-        const I = [];
-        e.navigation && I.push(Q("prev", z, !1), Q("next", z, !1)), w && I.push(fe()), I.length > 0 && V.push(t("div", { class: "swiper-navigation" }, I));
-      } else w && V.push(fe());
-      return V.length === 0 ? null : t("div", { class: ["swiper-indicator", { "text-center": !G }] }, V);
+      onClick: V
+    }, [t("span", { class: "sr-only" }, e.stopLabel)])]), ne = (P, O) => {
+      const Y = e.variant === "banner", q = h.value !== "none", w = !!e.moreHref, F = [];
+      if (q && F.push(ae(P, O)), e.autoplay && F.push(ve()), Y) {
+        const R = [];
+        e.navigation && R.push(Z("prev", O, !1), Z("next", O, !1)), w && R.push(fe()), R.length > 0 && F.push(t("div", { class: "swiper-navigation" }, R));
+      } else w && F.push(fe());
+      return F.length === 0 ? null : t("div", { class: ["swiper-indicator", { "text-center": !Y }] }, F);
     };
     return () => {
-      const P = Re(r.default?.()), z = P.length;
-      s = z;
-      const G = z > 0 ? Math.min(Math.max(u.value, 0), z - 1) : 0, q = e.variant === "banner";
+      const P = ze(r.default?.()), O = P.length;
+      s = O;
+      const Y = O > 0 ? Math.min(Math.max(u.value, 0), O - 1) : 0, q = e.variant === "banner";
       return t("div", {
         id: e.id,
         class: ["krds-carousel", q ? "main-d-ban-swiper" : "vb-swiper"],
@@ -4010,27 +4044,27 @@ var Ot = /* @__PURE__ */ _({
         role: "region",
         "aria-roledescription": "carousel",
         "aria-label": e.ariaLabel,
-        onMouseenter: T,
-        onMouseleave: R,
-        onFocusin: H,
-        onFocusout: O
+        onMouseenter: D,
+        onMouseleave: z,
+        onFocusin: I,
+        onFocusout: H
       }, [
         t("div", {
           class: "swiper",
-          style: j,
+          style: W,
           "aria-live": y.value ? "off" : "polite"
         }, [t("ul", {
           id: n.value,
           class: "swiper-wrapper",
-          style: ce(G)
-        }, re(P, G))]),
-        !q && e.navigation && z > 0 ? Q("prev", G, !0) : null,
-        !q && e.navigation && z > 0 ? Q("next", G, !0) : null,
-        z > 0 ? ne(z, G) : null
+          style: ce(Y)
+        }, re(P, Y))]),
+        !q && e.navigation && O > 0 ? Z("prev", Y, !0) : null,
+        !q && e.navigation && O > 0 ? Z("next", Y, !0) : null,
+        O > 0 ? ne(O, Y) : null
       ]);
     };
   }
-}), il = rl, ol = /* @__PURE__ */ _({
+}), ol = rl, il = /* @__PURE__ */ M({
   name: "KrdsTabs",
   props: {
     tabs: {
@@ -4062,14 +4096,15 @@ var Ot = /* @__PURE__ */ _({
     "update:modelValue": (e) => !0,
     change: (e) => !0
   },
+  slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = de(), n = (d) => `tab-${l}-${d}`, s = (d) => `panel-${l}-${d}`, u = E(e.tabs.find((d) => !d.disabled)?.id), g = C(() => e.modelValue ?? u.value), h = (d) => {
-      d.disabled || d.id === g.value || (u.value = d.id, a("update:modelValue", d.id), a("change", d.id));
-    }, y = (d) => {
-      if (d.key !== "ArrowRight" && d.key !== "ArrowLeft") return;
-      d.preventDefault();
-      const S = d.currentTarget;
-      (d.key === "ArrowRight" ? S.nextElementSibling : S.previousElementSibling)?.querySelector("button")?.focus();
+    const l = de(), n = (c) => `tab-${l}-${c}`, s = (c) => `panel-${l}-${c}`, u = B(e.tabs.find((c) => !c.disabled)?.id), g = C(() => e.modelValue ?? u.value), h = (c) => {
+      c.disabled || c.id === g.value || (u.value = c.id, a("update:modelValue", c.id), a("change", c.id));
+    }, y = (c) => {
+      if (c.key !== "ArrowRight" && c.key !== "ArrowLeft") return;
+      c.preventDefault();
+      const S = c.currentTarget;
+      (c.key === "ArrowRight" ? S.nextElementSibling : S.previousElementSibling)?.querySelector("button")?.focus();
     };
     return () => t("div", { class: [
       "krds-tab-area",
@@ -4079,37 +4114,37 @@ var Ot = /* @__PURE__ */ _({
       "tab",
       e.variant,
       { full: e.full }
-    ] }, [t("ul", { role: "tablist" }, e.tabs.map((d) => t("li", {
-      key: d.id,
-      id: n(d.id),
+    ] }, [t("ul", { role: "tablist" }, e.tabs.map((c) => t("li", {
+      key: c.id,
+      id: n(c.id),
       role: "tab",
-      "aria-selected": d.id === g.value,
-      "aria-controls": s(d.id),
-      class: { active: d.id === g.value },
+      "aria-selected": c.id === g.value,
+      "aria-controls": s(c.id),
+      class: { active: c.id === g.value },
       onKeydown: y
     }, [t("button", {
       type: "button",
       class: "btn-tab",
-      disabled: d.disabled || void 0,
-      onClick: () => h(d)
-    }, [d.label, d.id === g.value ? t("i", { class: "sr-only" }, ` ${e.selectedText}`) : null])])))]), t("div", { class: "tab-conts-wrap" }, e.tabs.map((d) => t("section", {
-      key: d.id,
-      id: s(d.id),
+      disabled: c.disabled || void 0,
+      onClick: () => h(c)
+    }, [c.label, c.id === g.value ? t("i", { class: "sr-only" }, ` ${e.selectedText}`) : null])])))]), t("div", { class: "tab-conts-wrap" }, e.tabs.map((c) => t("section", {
+      key: c.id,
+      id: s(c.id),
       role: "tabpanel",
-      "aria-labelledby": n(d.id),
-      class: ["tab-conts", { active: d.id === g.value }]
-    }, r[d.id]?.())))]);
+      "aria-labelledby": n(c.id),
+      class: ["tab-conts", { active: c.id === g.value }]
+    }, r[c.id]?.())))]);
   }
-}), ul = ol, Ve = /* @__PURE__ */ rt({
+}), ul = il, Ve = /* @__PURE__ */ rt({
   KrdsAccordionGroup: () => xa,
   KrdsAccordionItem: () => La,
   KrdsBadge: () => Mt,
   KrdsBreadcrumb: () => na,
-  KrdsButton: () => it,
-  KrdsButtonGroup: () => ot,
-  KrdsCarousel: () => il,
-  KrdsCheckArea: () => Wt,
-  KrdsCheckbox: () => jt,
+  KrdsButton: () => ot,
+  KrdsButtonGroup: () => it,
+  KrdsCarousel: () => ol,
+  KrdsCheckArea: () => jt,
+  KrdsCheckbox: () => Yt,
   KrdsCoachMark: () => ha,
   KrdsContextualHelp: () => va,
   KrdsCriticalAlerts: () => Xa,
@@ -4123,14 +4158,14 @@ var Ot = /* @__PURE__ */ _({
   KrdsFormLabel: () => gt,
   KrdsHeader: () => _a,
   KrdsIcon: () => ut,
-  KrdsIdentifier: () => Ra,
+  KrdsIdentifier: () => za,
   KrdsInPageNavigation: () => ra,
   KrdsInput: () => pt,
   KrdsLanguageSwitcher: () => ba,
-  KrdsLayout: () => Oa,
+  KrdsLayout: () => Ha,
   KrdsLink: () => ft,
   KrdsMainMenu: () => tl,
-  KrdsMasthead: () => It,
+  KrdsMasthead: () => Rt,
   KrdsModal: () => Ka,
   KrdsPagination: () => ua,
   KrdsPanel: () => ca,
@@ -4142,32 +4177,32 @@ var Ot = /* @__PURE__ */ _({
   KrdsSpinner: () => Xt,
   KrdsStep: () => ea,
   KrdsStepIndicator: () => Jt,
-  KrdsStructuredList: () => Ya,
+  KrdsStructuredList: () => Wa,
   KrdsTable: () => Ta,
   KrdsTabs: () => ul,
   KrdsTag: () => Ft,
-  KrdsTagGroup: () => zt,
+  KrdsTagGroup: () => Ot,
   KrdsTextList: () => Ga,
   KrdsTextarea: () => Lt,
   KrdsToggleSwitch: () => qt,
   KrdsTooltip: () => ya,
   KrdsTts: () => Ea
-}), Ie = "0.0.21", vl = { install(e, a = {}) {
+}), Re = "0.0.22", vl = { install(e, a = {}) {
   e.provide("krds:config", a), (a.components || Object.keys(Ve)).forEach((r) => {
     const l = Ve[r];
     l && e.component(r, l);
-  }), ia(e), e.config.globalProperties.$krds = { version: Ie };
-} }, pl = Ie;
+  }), oa(e), e.config.globalProperties.$krds = { version: Re };
+} }, pl = Re;
 export {
   xa as KrdsAccordionGroup,
   La as KrdsAccordionItem,
   Mt as KrdsBadge,
   na as KrdsBreadcrumb,
-  it as KrdsButton,
-  ot as KrdsButtonGroup,
-  il as KrdsCarousel,
-  Wt as KrdsCheckArea,
-  jt as KrdsCheckbox,
+  ot as KrdsButton,
+  it as KrdsButtonGroup,
+  ol as KrdsCarousel,
+  jt as KrdsCheckArea,
+  Yt as KrdsCheckbox,
   ha as KrdsCoachMark,
   va as KrdsContextualHelp,
   Xa as KrdsCriticalAlerts,
@@ -4181,14 +4216,14 @@ export {
   gt as KrdsFormLabel,
   _a as KrdsHeader,
   ut as KrdsIcon,
-  Ra as KrdsIdentifier,
+  za as KrdsIdentifier,
   ra as KrdsInPageNavigation,
   pt as KrdsInput,
   ba as KrdsLanguageSwitcher,
-  Oa as KrdsLayout,
+  Ha as KrdsLayout,
   ft as KrdsLink,
   tl as KrdsMainMenu,
-  It as KrdsMasthead,
+  Rt as KrdsMasthead,
   Ka as KrdsModal,
   ua as KrdsPagination,
   ca as KrdsPanel,
@@ -4200,11 +4235,11 @@ export {
   Xt as KrdsSpinner,
   ea as KrdsStep,
   Jt as KrdsStepIndicator,
-  Ya as KrdsStructuredList,
+  Wa as KrdsStructuredList,
   Ta as KrdsTable,
   ul as KrdsTabs,
   Ft as KrdsTag,
-  zt as KrdsTagGroup,
+  Ot as KrdsTagGroup,
   Ga as KrdsTextList,
   Lt as KrdsTextarea,
   qt as KrdsToggleSwitch,