@krds.ui/vue 0.0.19 → 0.0.20

package/dist/krds-vue.es.js

@@ -1,13 +1,13 @@
-import { Comment as je, Fragment as Ge, Teleport as Ce, Text as Ue, computed as b, defineComponent as M, getCurrentInstance as xe, h as t, inject as Xe, nextTick as ce, onBeforeUnmount as fe, onMounted as re, onUnmounted as ie, provide as Qe, ref as D, useId as oe, vShow as pe, watch as se, withDirectives as ve, withModifiers as ge } from "vue";
-var be = Object.defineProperty, Je = (e, a) => {
+import { Comment as Xe, Fragment as Qe, Teleport as Ce, Text as Je, computed as k, defineComponent as A, getCurrentInstance as xe, h as t, inject as Ze, nextTick as pe, onBeforeUnmount as fe, onMounted as ie, onUnmounted as ve, provide as et, ref as E, useId as ce, vShow as we, watch as re, withDirectives as ke, withModifiers as Ke } from "vue";
+var Be = Object.defineProperty, tt = (e, a) => {
   let r = {};
   for (var l in e)
-    be(r, l, {
+    Be(r, l, {
       get: e[l],
       enumerable: !0
     });
-  return a || be(r, Symbol.toStringTag, { value: "Module" }), r;
-}, $e = M({
+  return a || Be(r, Symbol.toStringTag, { value: "Module" }), r;
+}, Me = /* @__PURE__ */ A({
   name: "KrdsButton",
   props: {
     type: {
@@ -49,7 +49,7 @@ var be = Object.defineProperty, Je = (e, a) => {
   },
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const s = ["krds-btn"];
       return e.icon && s.push("icon"), e.border && s.push("border"), e.pure && s.push("pure"), e.text && s.push("text"), e.variant && !e.icon && s.push(e.variant), e.size && s.push(e.size), e.class && s.push(e.class), s;
     }), n = (s) => {
@@ -62,13 +62,13 @@ var be = Object.defineProperty, Je = (e, a) => {
       onClick: n
     }, r.default?.());
   }
-}), Ze = $e, et = M({
+}), at = Me, lt = /* @__PURE__ */ A({
   name: "KrdsButtonGroup",
   props: {},
   setup(e, { slots: a }) {
     return () => t("div", { class: "btn-group" }, a.default?.());
   }
-}), tt = M({
+}), nt = /* @__PURE__ */ A({
   name: "KrdsIcon",
   props: {
     name: {
@@ -87,7 +87,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       e.class
     ].filter(Boolean).join(" ") });
   }
-}), at = M({
+}), st = /* @__PURE__ */ A({
   name: "KrdsLink",
   props: {
     href: {
@@ -125,10 +125,10 @@ var be = Object.defineProperty, Je = (e, a) => {
   },
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const d = ["krds-btn"];
       return e.size && d.push(e.size), e.link && d.push("link"), e.basic && d.push("basic"), e.pure && d.push("pure"), e.class && d.push(e.class), d;
-    }), n = b(() => {
+    }), n = k(() => {
       const d = {
         href: e.href,
         class: l.value
@@ -142,7 +142,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       onClick: s
     }, r.default?.());
   }
-}), Le = M({
+}), Ve = /* @__PURE__ */ A({
   name: "KrdsSpinner",
   props: { label: {
     type: String,
@@ -155,7 +155,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       role: "status"
     }, e);
   }
-}), lt = M({
+}), rt = /* @__PURE__ */ A({
   name: "KrdsInput",
   props: {
     modelValue: {
@@ -249,23 +249,23 @@ var be = Object.defineProperty, Je = (e, a) => {
     keyup: (e) => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const S = ["krds-input"];
       return e.size && S.push(e.size), e.class && S.push(e.class), S;
     }), n = (S) => {
-      const $ = S.target;
-      a("update:modelValue", e.type === "number" ? Number($.value) : $.value), a("input", S);
+      const D = S.target;
+      a("update:modelValue", e.type === "number" ? Number(D.value) : D.value), a("input", S);
     }, s = (S) => {
       a("change", S);
     }, d = (S) => {
       a("focus", S);
     }, h = (S) => {
       a("blur", S);
-    }, p = (S) => {
+    }, v = (S) => {
       a("keydown", S);
-    }, w = (S) => {
+    }, C = (S) => {
       a("keyup", S);
-    }, c = b(() => {
+    }, c = k(() => {
       const S = {
         type: e.type,
         class: l.value,
@@ -282,20 +282,20 @@ var be = Object.defineProperty, Je = (e, a) => {
         onChange: s,
         onFocus: d,
         onBlur: h,
-        onKeydown: p,
-        onKeyup: w
+        onKeydown: v,
+        onKeyup: C
       };
       return e.maxlength !== void 0 && (S.maxlength = e.maxlength), e.minlength !== void 0 && (S.minlength = e.minlength), e.type === "number" && (e.max !== void 0 && (S.max = e.max), e.min !== void 0 && (S.min = e.min), e.step !== void 0 && (S.step = e.step)), S;
-    }), B = b(() => {
+    }), _ = k(() => {
       const S = ["form-conts"];
       return e.state !== "default" && S.push(`is-${e.state}`), e.icon && S.push("btn-ico-wrap"), S;
     });
     return () => {
       const S = [t("input", c.value)];
-      return e.loading ? t("div", { class: B.value }, [t("div", { class: "form-spinner" }, [...S, t(Le)])]) : (r.default && S.push(...r.default()), t("div", { class: B.value }, S));
+      return e.loading ? t("div", { class: _.value }, [t("div", { class: "form-spinner" }, [...S, t(Ve)])]) : (r.default && S.push(...r.default()), t("div", { class: _.value }, S));
     };
   }
-}), nt = lt, st = M({
+}), it = rt, ot = /* @__PURE__ */ A({
   name: "KrdsFormLabel",
   props: {
     for: {
@@ -328,7 +328,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       onClick: l
     }, r.default?.())]);
   }
-}), rt = st, it = M({
+}), ut = ot, dt = /* @__PURE__ */ A({
   name: "KrdsFormHint",
   props: {
     type: {
@@ -376,7 +376,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       onClick: l
     }, r.default?.());
   }
-}), ot = it, ut = M({
+}), ct = dt, ft = /* @__PURE__ */ A({
   name: "KrdsFormGroup",
   props: {
     class: {
@@ -393,7 +393,7 @@ var be = Object.defineProperty, Je = (e, a) => {
     }
   },
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const l = ["form-group"];
       return e.class && l.push(e.class), l;
     });
@@ -403,26 +403,26 @@ var be = Object.defineProperty, Je = (e, a) => {
       style: e.style
     }, a.default?.());
   }
-}), dt = ut;
-function ct(e, a) {
-  const r = /* @__PURE__ */ new Date(), l = D(e || r.getFullYear()), n = D(a || r.getMonth() + 1), s = D(null), d = D(null), h = D(null), p = b(() => {
-    const i = r.getFullYear(), v = [];
-    for (let m = i - 10; m <= i + 10; m++) v.push(m);
-    return v;
-  }), w = b(() => Array.from({ length: 12 }, (i, v) => v + 1)), c = () => {
+}), vt = ft;
+function pt(e, a) {
+  const r = /* @__PURE__ */ new Date(), l = E(e || r.getFullYear()), n = E(a || r.getMonth() + 1), s = E(null), d = E(null), h = E(null), v = k(() => {
+    const i = r.getFullYear(), o = [];
+    for (let g = i - 10; g <= i + 10; g++) o.push(g);
+    return o;
+  }), C = k(() => Array.from({ length: 12 }, (i, o) => o + 1)), c = () => {
     s.value = null, d.value = null;
-  }, B = () => {
+  }, _ = () => {
     n.value === 1 ? (n.value = 12, l.value -= 1) : n.value -= 1;
   }, S = () => {
     n.value === 12 ? (n.value = 1, l.value += 1) : n.value += 1;
-  }, $ = (i, v = !1) => {
-    if (v)
+  }, D = (i, o = !1) => {
+    if (o)
       s.value = i, d.value = i;
     else if (!s.value || s.value && d.value)
       s.value = i, d.value = null;
     else {
-      const m = new Date(s.value.replace(/\./g, "-"));
-      new Date(i.replace(/\./g, "-")) < m ? (s.value = i, d.value = null) : d.value = i;
+      const g = new Date(s.value.replace(/\./g, "-"));
+      new Date(i.replace(/\./g, "-")) < g ? (s.value = i, d.value = null) : d.value = i;
     }
   };
   return {
@@ -431,45 +431,51 @@ function ct(e, a) {
     selectedStartDate: s,
     selectedEndDate: d,
     activeDateSelector: h,
-    yearOptions: p,
-    monthOptions: w,
+    yearOptions: v,
+    monthOptions: C,
     clearDateSelection: c,
-    prevMonth: B,
+    prevMonth: _,
     nextMonth: S,
-    handleDateSelection: $,
+    handleDateSelection: D,
     selectToday: () => {
       const i = `${r.getFullYear()}.${String(r.getMonth() + 1).padStart(2, "0")}.${String(r.getDate()).padStart(2, "0")}`;
-      $(i, !0);
+      D(i, !0);
     },
     isDateInSelectedRange: (i) => {
-      if (!s.value || !d.value) return {
+      if (!s.value) return {
         isInRange: !1,
         isStart: !1,
         isEnd: !1
       };
-      const v = new Date(i.replace(/\./g, "-")), m = new Date(s.value.replace(/\./g, "-")), x = new Date(d.value.replace(/\./g, "-")), K = i === s.value, E = i === d.value;
+      const o = i === s.value;
+      if (!d.value) return {
+        isInRange: o,
+        isStart: o,
+        isEnd: !1
+      };
+      const g = new Date(i.replace(/\./g, "-")), z = new Date(s.value.replace(/\./g, "-")), T = new Date(d.value.replace(/\./g, "-")), L = i === d.value;
       return {
-        isInRange: v >= m && v <= x,
-        isStart: K,
-        isEnd: E
+        isInRange: g >= z && g <= T,
+        isStart: o,
+        isEnd: L
       };
     }
   };
 }
-function ft(e, a, r = {}) {
+function gt(e, a, r = {}) {
   let l = null;
   const { ignore: n, event: s = "click" } = typeof r == "string" ? { ignore: r } : r, d = () => {
-    l = (p) => {
-      const w = p.target;
-      e.value?.contains(w) || n && w.closest(n) || a();
+    l = (v) => {
+      const C = v.target;
+      e.value?.contains(C) || n && C.closest(n) || a();
     }, document.addEventListener(s, l);
   }, h = () => {
     if (l) {
-      const p = typeof r == "string" ? "click" : r.event || "click";
-      document.removeEventListener(p, l), l = null;
+      const v = typeof r == "string" ? "click" : r.event || "click";
+      document.removeEventListener(v, l), l = null;
     }
   };
-  return re(() => {
+  return ie(() => {
     d();
   }), fe(() => {
     h();
@@ -478,7 +484,7 @@ function ft(e, a, r = {}) {
     removeGlobalListeners: h
   };
 }
-var vt = [
+var ht = [
   "일",
   "월",
   "화",
@@ -486,7 +492,7 @@ var vt = [
   "목",
   "금",
   "토"
-], pt = M({
+], be = /* @__PURE__ */ new Set(), yt = /* @__PURE__ */ A({
   name: "KrdsDateInput",
   props: {
     modelValue: {
@@ -537,6 +543,10 @@ var vt = [
       type: Number,
       default: void 0
     },
+    teleport: {
+      type: Boolean,
+      default: !1
+    },
     class: {
       type: String,
       default: void 0
@@ -554,57 +564,79 @@ var vt = [
     blur: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(), l = D(), n = D(!1), s = D(null), { currentYear: d, currentMonth: h, selectedStartDate: p, selectedEndDate: w, yearOptions: c, monthOptions: B, prevMonth: S, nextMonth: $, handleDateSelection: f, selectToday: o, isDateInSelectedRange: i } = ct(e.initialYear, e.initialMonth), v = () => {
-      n.value && l.value?.focus(), n.value = !1, s.value = null;
+    const r = E(), l = E(), n = E(!1), s = E(null), d = E(!0), h = E(), v = E(!1);
+    ie(() => v.value = !0);
+    const C = () => {
+      const b = l.value?.parentElement?.getBoundingClientRect();
+      b && (h.value = {
+        position: "absolute",
+        top: `${b.bottom + window.scrollY}px`,
+        left: `${b.left + window.scrollX}px`,
+        width: `${b.width}px`
+      });
+    }, c = () => {
+      const b = l.value?.parentElement?.getBoundingClientRect(), M = r.value?.querySelector(".calendar-wrap");
+      if (!b || !M) return;
+      const I = b.top, J = window.innerHeight - b.bottom;
+      d.value = I >= M.offsetHeight || I >= J, e.teleport && C();
+    }, _ = (b) => {
+      const M = b ? "addEventListener" : "removeEventListener";
+      window[M]("scroll", C, { capture: !0 }), window[M]("resize", C);
     };
-    ft(r, v, ".calendar-conts");
-    const m = b(() => {
-      const L = [
+    re(n, async (b) => {
+      e.teleport && _(b), b && (await pe(), c());
+    }), fe(() => _(!1));
+    const { currentYear: S, currentMonth: D, selectedStartDate: m, selectedEndDate: p, yearOptions: i, monthOptions: o, prevMonth: g, nextMonth: z, handleDateSelection: T, selectToday: L, isDateInSelectedRange: x } = pt(e.initialYear, e.initialMonth), K = () => {
+      n.value && l.value?.focus(), n.value = !1, s.value = null, be.delete(K);
+    };
+    fe(() => be.delete(K)), gt(r, K, ".calendar-conts");
+    const f = k(() => {
+      const b = [
         "krds-input",
         "datepicker",
         "cal"
       ];
-      return e.size && L.push(e.size), e.class && L.push(e.class), L;
-    }), x = b(() => ["form-conts", "calendar-conts"]), K = b(() => ({
+      return e.size && b.push(e.size), e.class && b.push(e.class), b;
+    }), B = k(() => ["form-conts", "calendar-conts"]), R = k(() => ({
       "krds-calendar-area": !0,
       active: n.value
-    })), E = b(() => {
-      const L = d.value, R = h.value, Y = new Date(L, R - 1, 1), V = new Date(Y);
-      V.setDate(V.getDate() - Y.getDay());
-      const F = [], z = new Date(V);
-      for (let N = 0; N < 6; N++) {
-        const U = [];
-        for (let J = 0; J < 7; J++) {
-          const ee = `${z.getFullYear()}.${String(z.getMonth() + 1).padStart(2, "0")}.${String(z.getDate()).padStart(2, "0")}`, ue = z.getDay();
-          U.push({
-            day: z.getDate(),
-            dateString: ee,
-            isCurrentMonth: z.getMonth() === R - 1,
-            isToday: z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
-            isPrevMonth: z.getMonth() < R - 1 || z.getMonth() === 11 && R === 1,
-            isNextMonth: z.getMonth() > R - 1 || z.getMonth() === 0 && R === 12,
-            isSunday: ue === 0,
-            isSaturday: ue === 6
-          }), z.setDate(z.getDate() + 1);
+    })), H = k(() => {
+      const b = S.value, M = D.value, I = new Date(b, M - 1, 1), J = new Date(I);
+      J.setDate(J.getDate() - I.getDay());
+      const se = [], X = new Date(J);
+      for (let te = 0; te < 6; te++) {
+        const he = [];
+        for (let ye = 0; ye < 7; ye++) {
+          const Se = `${X.getFullYear()}.${String(X.getMonth() + 1).padStart(2, "0")}.${String(X.getDate()).padStart(2, "0")}`, me = X.getDay();
+          he.push({
+            day: X.getDate(),
+            dateString: Se,
+            isCurrentMonth: X.getMonth() === M - 1,
+            isToday: X.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
+            isPrevMonth: X < I,
+            isNextMonth: X.getMonth() !== M - 1 && X > I,
+            isSunday: me === 0,
+            isSaturday: me === 6
+          }), X.setDate(X.getDate() + 1);
         }
-        F.push(U);
+        se.push(he);
       }
-      return F;
-    }), T = (L) => {
-      const R = [];
-      if (L.isPrevMonth && R.push("old"), L.isNextMonth && R.push("new"), L.isToday && R.push("today"), L.isSunday && R.push("day-off"), e.holidays?.includes(L.dateString) && R.push("day-off"), e.eventDates?.includes(L.dateString) && R.push("day-event"), L.isCurrentMonth) {
-        const Y = i(L.dateString);
-        Y.isInRange && (R.push("period"), Y.isStart && R.push("start"), Y.isEnd && R.push("end"));
+      return se;
+    }), N = (b) => {
+      const M = [];
+      if (b.isPrevMonth && M.push("old"), b.isNextMonth && M.push("new"), b.isToday && M.push("today"), b.isSunday && M.push("day-off"), e.holidays?.includes(b.dateString) && M.push("day-off"), e.eventDates?.includes(b.dateString) && M.push("day-event"), b.isCurrentMonth) {
+        const I = x(b.dateString);
+        I.isInRange && (M.push("period"), I.isStart && M.push("start"), I.isEnd && M.push("end"));
       }
-      return R;
-    }, _ = b(() => [
+      return M;
+    }, O = k(() => [
       {
         id: "get-today",
         label: "오늘",
         class: "text",
         variant: void 0,
         size: "small",
-        handler: o
+        handler: L
       },
       {
         id: "cancel-btn",
@@ -612,7 +644,7 @@ var vt = [
         class: void 0,
         variant: "tertiary",
         size: "small",
-        handler: v
+        handler: K
       },
       {
         id: "confirm-btn",
@@ -620,64 +652,72 @@ var vt = [
         class: void 0,
         variant: "primary",
         size: "small",
-        handler: O
+        handler: ne
       }
-    ]), g = (L) => {
-      s.value === L ? s.value = null : s.value = L;
-    }, A = (L) => {
-      d.value = L, s.value = null;
-    }, I = (L) => {
-      h.value = L, s.value = null;
-    }, O = () => {
-      p.value && (w.value && p.value !== w.value ? a("update:modelValue", `${p.value} ~ ${w.value}`) : a("update:modelValue", p.value), v());
-    }, H = () => {
-      n.value = !0, s.value = null, setTimeout(() => {
+    ]), j = (b) => {
+      r.value?.querySelector(`.btn-cal-switch.${b}`)?.focus();
+    }, U = (b) => {
+      s.value === b ? s.value = null : s.value = b;
+    }, oe = (b) => {
+      S.value = b, s.value = null;
+    }, ge = (b) => {
+      D.value = b, s.value = null;
+    }, ne = () => {
+      m.value && (p.value && m.value !== p.value ? a("update:modelValue", `${m.value} ~ ${p.value}`) : a("update:modelValue", m.value), K());
+    }, Q = () => {
+      be.forEach((b) => b()), be.add(K), n.value = !0, s.value = null, setTimeout(() => {
         r.value?.querySelector(".calendar-wrap")?.focus();
       }, 50);
-    }, G = () => {
-      n.value ? v() : H();
-    }, j = (L) => {
-      L.code === "Escape" && (s.value ? s.value = null : n.value && v());
-    }, X = (L) => {
-      const R = L.target;
-      a("update:modelValue", R.value), a("input", L);
-    }, le = (L) => {
-      a("change", L);
-    }, de = (L) => {
-      a("focus", L);
-    }, ae = (L) => {
-      a("blur", L);
-    }, Q = (L) => {
-      const R = L === "year", Y = R ? c.value : B.value, V = R ? d.value : h.value, F = (z) => R ? `${z}년` : `${z.toString().padStart(2, "0")}월`;
+    }, ue = () => {
+      n.value ? K() : Q();
+    }, ee = (b) => {
+      b.code === "Escape" && (s.value ? s.value = null : n.value && K());
+    }, de = (b) => {
+      const M = b.target;
+      a("update:modelValue", M.value), a("input", b);
+    }, le = (b) => {
+      a("change", b);
+    }, P = (b) => {
+      a("focus", b);
+    }, F = (b) => {
+      a("blur", b);
+    }, G = (b) => {
+      const M = b === "year", I = M ? i.value : o.value, J = M ? S.value : D.value, se = (te) => M ? `${te}년` : `${te.toString().padStart(2, "0")}월`, X = s.value === b;
       return t("div", { class: "calendar-drop-down" }, [t("button", {
         type: "button",
-        class: `btn-cal-switch ${L}`,
-        "aria-label": R ? "연도 선택" : "월 선택",
-        "aria-expanded": s.value === L,
-        onClick: () => g(L)
-      }, F(V)), ve(t("div", { class: `calendar-select ${R ? "calendar-year-wrap" : "calendar-mon-wrap"}` }, [t("ul", { class: `sel ${L}` }, Y.map((z) => t("li", { key: z }, [t("button", {
+        class: `btn-cal-switch ${b}`,
+        "aria-label": M ? "연도 선택" : "월 선택",
+        "aria-expanded": X,
+        onClick: () => U(b)
+      }, se(J)), ke(t("div", { class: [
+        "calendar-select",
+        M ? "calendar-year-wrap" : "calendar-mon-wrap",
+        { active: X }
+      ] }, [t("ul", { class: `sel ${b}` }, I.map((te) => t("li", { key: te }, [t("button", {
         type: "button",
-        class: { active: z === V },
-        onClick: () => R ? A(z) : I(z)
-      }, F(z))])))]), [[pe, s.value === L]])]);
-    }, ne = () => t("table", { class: "calendar-tbl" }, [
-      t("caption", null, `${d.value}년 ${h.value.toString().padStart(2, "0")}월`),
-      t("thead", null, [t("tr", null, vt.map((L) => t("th", null, L)))]),
-      t("tbody", null, E.value.map((L, R) => t("tr", { key: R }, L.map((Y, V) => t("td", {
-        key: V,
-        class: T(Y),
-        "data-date": Y.dateString
+        class: { active: te === J },
+        onClick: () => {
+          M ? oe(te) : ge(te), j(b);
+        }
+      }, se(te))])))]), [[we, X]])]);
+    }, q = () => t("table", { class: "calendar-tbl" }, [
+      t("caption", null, `${S.value}년 ${D.value.toString().padStart(2, "0")}월`),
+      t("thead", null, [t("tr", null, ht.map((b) => t("th", null, b)))]),
+      t("tbody", null, H.value.map((b, M) => t("tr", { key: M }, b.map((I, J) => t("td", {
+        key: J,
+        class: N(I),
+        "data-date": I.dateString
       }, [t("button", {
         type: "button",
         class: "btn-set-date",
-        "aria-pressed": i(Y.dateString).isInRange ? "true" : "false",
-        onClick: () => f(Y.dateString)
-      }, [t("span", null, String(Y.day))])])))))
+        "aria-pressed": x(I.dateString).isInRange ? "true" : "false",
+        onClick: () => T(I.dateString)
+      }, [t("span", null, String(I.day))])])))))
     ]);
-    return () => t("div", { class: "form-conts" }, [t("div", { class: x.value }, [t("div", { class: "calendar-input" }, [t("input", {
+    return () => t("div", { class: "form-conts" }, [t("div", { class: B.value }, [t("div", { class: "calendar-input" }, [t("input", {
       id: e.id,
       name: e.name,
-      class: m.value,
+      class: f.value,
       placeholder: e.placeholder,
       value: e.modelValue,
       readonly: e.readonly,
@@ -685,51 +725,55 @@ var vt = [
       required: e.required,
       autofocus: e.autofocus,
       type: "text",
-      onInput: X,
+      onInput: de,
       onChange: le,
-      onFocus: de,
-      onBlur: ae
+      onFocus: P,
+      onBlur: F
     }), t("button", {
       ref: l,
       class: `krds-btn ${e.size || "medium"} icon form-btn-datepicker`,
       disabled: e.disabled,
       "aria-expanded": n.value,
       type: "button",
-      onClick: G
-    }, [t("span", { class: "sr-only" }, "달력 열기"), t("i", { class: "svg-icon ico-calendar" })])]), t("div", {
+      onClick: ue
+    }, [t("span", { class: "sr-only" }, "달력 열기"), t("i", { class: "svg-icon ico-calendar" })])]), t(Ce, {
+      to: "body",
+      disabled: !(e.teleport && v.value)
+    }, [t("div", {
       ref: r,
-      class: K.value
-    }, [ve(t("div", {
-      class: "calendar-wrap bottom",
+      class: R.value,
+      style: e.teleport ? h.value : void 0
+    }, [ke(t("div", {
+      class: ["calendar-wrap", { bottom: d.value }],
       "aria-label": "달력",
       tabindex: "0",
-      onKeydown: j
+      onKeydown: ee
     }, [
       t("div", { class: "calendar-head" }, [
         t("button", {
           type: "button",
           class: "btn-cal-move prev",
-          onClick: S
+          onClick: g
         }, [t("span", { class: "sr-only" }, "이전 달")]),
-        t("div", { class: "calendar-switch-wrap" }, [Q("year"), Q("month")]),
+        t("div", { class: "calendar-switch-wrap" }, [G("year"), G("month")]),
         t("button", {
           type: "button",
           class: "btn-cal-move next",
-          onClick: $
+          onClick: z
         }, [t("span", { class: "sr-only" }, "다음 달")])
       ]),
-      t("div", { class: "calendar-body" }, [t("div", { class: "calendar-table-wrap" }, [ne()])]),
-      t("div", { class: "calendar-footer" }, [t("div", { class: "calendar-btn-wrap" }, _.value.map((L) => t($e, {
-        id: L.id,
-        key: L.id,
-        class: L.class,
-        variant: L.variant,
-        size: L.size,
-        onClick: L.handler
-      }, { default: () => L.label })))])
-    ]), [[pe, n.value]])])])]);
+      t("div", { class: "calendar-body" }, [t("div", { class: "calendar-table-wrap" }, [q()])]),
+      t("div", { class: "calendar-footer" }, [t("div", { class: "calendar-btn-wrap" }, O.value.map((b) => t(Me, {
+        id: b.id,
+        key: b.id,
+        class: b.class,
+        variant: b.variant,
+        size: b.size,
+        onClick: b.handler
+      }, { default: () => b.label })))])
+    ]), [[we, n.value]])])])])]);
   }
-}), gt = pt, ht = M({
+}), mt = yt, bt = /* @__PURE__ */ A({
   name: "KrdsTextarea",
   props: {
     modelValue: {
@@ -807,31 +851,31 @@ var vt = [
     keyup: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(0);
-    se(() => e.modelValue, (o) => {
-      r.value = (o || "").length;
+    const r = E(0);
+    re(() => e.modelValue, (p) => {
+      r.value = (p || "").length;
     }, { immediate: !0 });
-    const l = b(() => {
-      const o = ["krds-input"];
-      return e.size && o.push(e.size), e.class && o.push(e.class), o;
-    }), n = b(() => {
-      const o = {};
-      return e.resize && (o.resize = e.resize), o;
-    }), s = (o) => {
-      const i = o.target.value;
-      r.value = i.length, a("update:modelValue", i), a("input", o);
-    }, d = (o) => {
-      a("change", o);
-    }, h = (o) => {
-      a("focus", o);
-    }, p = (o) => {
-      a("blur", o);
-    }, w = (o) => {
-      a("keydown", o);
-    }, c = (o) => {
-      a("keyup", o);
-    }, B = b(() => {
-      const o = {
+    const l = k(() => {
+      const p = ["krds-input"];
+      return e.size && p.push(e.size), e.class && p.push(e.class), p;
+    }), n = k(() => {
+      const p = {};
+      return e.resize && (p.resize = e.resize), p;
+    }), s = (p) => {
+      const i = p.target.value;
+      r.value = i.length, a("update:modelValue", i), a("input", p);
+    }, d = (p) => {
+      a("change", p);
+    }, h = (p) => {
+      a("focus", p);
+    }, v = (p) => {
+      a("blur", p);
+    }, C = (p) => {
+      a("keydown", p);
+    }, c = (p) => {
+      a("keyup", p);
+    }, _ = k(() => {
+      const p = {
         class: l.value,
         style: n.value,
         value: e.modelValue,
@@ -847,21 +891,21 @@ var vt = [
         onInput: s,
         onChange: d,
         onFocus: h,
-        onBlur: p,
-        onKeydown: w,
+        onBlur: v,
+        onKeydown: C,
         onKeyup: c
       };
-      return e.maxlength !== void 0 && (o.maxlength = e.maxlength), e.minlength !== void 0 && (o.minlength = e.minlength), o;
-    }), S = b(() => ["form-conts"]), $ = b(() => ["textarea-wrap"]), f = b(() => e.showCount ? {
+      return e.maxlength !== void 0 && (p.maxlength = e.maxlength), e.minlength !== void 0 && (p.minlength = e.minlength), p;
+    }), S = k(() => ["form-conts"]), D = k(() => ["textarea-wrap"]), m = k(() => e.showCount ? {
       current: r.value,
       max: e.maxlength || ""
     } : null);
     return () => {
-      const o = [t("textarea", B.value)];
-      return f.value && o.push(t("p", { class: "textarea-count" }, [t("span", { class: "count-now" }, f.value.current), t("span", { class: "count-total" }, f.value.max ? `/${f.value.max}` : "")])), t("div", { class: S.value }, [t("div", { class: $.value }, o)]);
+      const p = [t("textarea", _.value)];
+      return m.value && p.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: S.value }, [t("div", { class: D.value }, p)]);
     };
   }
-}), yt = ht, mt = M({
+}), kt = bt, St = /* @__PURE__ */ A({
   name: "KrdsSelect",
   props: {
     modelValue: {
@@ -923,17 +967,17 @@ var vt = [
     blur: (e) => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       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 B = c.target;
-      a("update:modelValue", B.value === "" ? null : B.value);
+      const _ = c.target;
+      a("update:modelValue", _.value === "" ? null : _.value);
     }, s = (c) => {
       a("focus", c);
     }, d = (c) => {
       a("blur", c);
-    }, h = b(() => ({
+    }, h = k(() => ({
       class: l.value,
       value: e.modelValue ?? "",
       title: e.title || e.placeholder,
@@ -943,29 +987,29 @@ var vt = [
       onChange: n,
       onFocus: s,
       onBlur: d
-    })), p = b(() => {
+    })), v = k(() => {
       const c = ["form-conts"];
       return e.state !== "default" && c.push(`is-${e.state}`), c;
-    }), w = () => {
+    }), C = () => {
       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((B) => {
+      }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((_) => {
         c.push(t("option", {
-          value: B.value,
-          disabled: B.disabled,
-          selected: B.value === e.modelValue
-        }, B.label));
+          value: _.value,
+          disabled: _.disabled,
+          selected: _.value === e.modelValue
+        }, _.label));
       }), r.default && c.push(...r.default()), c;
     };
     return () => {
-      const c = t("select", h.value, w());
-      return e.sort ? c : t("div", { class: p.value }, [c]);
+      const c = t("select", h.value, C());
+      return e.sort ? c : t("div", { class: v.value }, [c]);
     };
   }
-}), bt = mt, kt = 0, St = M({
+}), wt = St, Kt = 0, Ct = /* @__PURE__ */ A({
   name: "KrdsFileUpload",
   props: {
     modelValue: {
@@ -1067,61 +1111,66 @@ var vt = [
     preview: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(!1), l = D(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++kt}`, s = (g) => g < 1024 ? `${g}B` : g < 1048576 ? `${Math.round(g / 1024)}KB` : `${(g / 1048576).toFixed(1)}MB`, d = (g) => {
-      const A = g.split(".");
-      return A.length > 1 ? A.pop().toLowerCase() : "";
-    }, h = (g) => {
-      const A = d(g.name), I = A ? g.name.slice(0, -(A.length + 1)) : g.name;
-      return A ? `${I} [${A}, ${s(g.size)}]` : `${g.name} [${s(g.size)}]`;
-    }, p = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, w = (g) => {
-      if (e.maxFileSize && g.size > e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
+    const r = E(!1), l = E(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++Kt}`, s = (f) => f < 1024 ? `${f}B` : f < 1048576 ? `${Math.round(f / 1024)}KB` : `${Number((f / 1048576).toFixed(1))}MB`, d = (f) => {
+      const B = f.split(".");
+      return B.length > 1 ? B.pop().toLowerCase() : "";
+    }, h = (f) => {
+      const B = d(f.name), R = B ? f.name.slice(0, -(B.length + 1)) : f.name;
+      return B ? `${R} [${B}, ${s(f.size)}]` : `${f.name} [${s(f.size)}]`;
+    }, v = () => `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`, C = (f) => {
+      if (e.maxFileSize && f.size >= e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
 ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       if (e.accept) {
-        const A = e.accept.split(",").map((H) => H.trim().toLowerCase()), I = `.${d(g.name)}`, O = g.type;
-        if (!A.some((H) => H.startsWith(".") ? I === H : H.endsWith("/*") ? O.startsWith(H.replace("/*", "/")) : O === H)) return "허용되지 않는 파일 형식입니다.";
+        const B = e.accept.split(",").map((N) => N.trim().toLowerCase()), R = `.${d(f.name)}`, H = f.type;
+        if (!B.some((N) => N.startsWith(".") ? R === N : N.endsWith("/*") ? H.startsWith(N.replace("/*", "/")) : H === N)) return "허용되지 않는 파일 형식입니다.";
       }
       return null;
-    }, c = (g) => {
+    }, c = (f) => {
       if (e.disabled || e.readonly) return;
-      let A = [...e.modelValue || []];
-      !e.multiple && A.length > 0 && (A = []);
-      const I = [];
-      for (let O = 0; O < g.length && !(A.length + I.length >= e.maxFiles); O++) {
-        const H = g[O], G = w(H), j = {
-          id: p(),
-          file: H,
-          name: H.name,
-          size: H.size,
-          type: H.type,
-          status: G ? "error" : "pending",
-          errorMessage: G || void 0
+      let B = [...e.modelValue || []];
+      !e.multiple && B.length > 0 && (B = []);
+      const R = [];
+      let H = B.filter((O) => O.status !== "error").length;
+      const N = e.multiple ? Array.from(f) : Array.from(f).slice(0, 1);
+      for (const O of N) {
+        if (H >= e.maxFiles) break;
+        const j = C(O);
+        j || H++;
+        const U = {
+          id: v(),
+          file: O,
+          name: O.name,
+          size: O.size,
+          type: O.type,
+          status: j ? "error" : "pending",
+          errorMessage: j || void 0
         };
-        I.push(j), G ? a("file-error", j, G) : a("file-added", j);
+        R.push(U), j ? a("file-error", U, j) : a("file-added", U);
       }
-      I.length > 0 && a("update:modelValue", [...A, ...I]);
-    }, B = (g) => {
-      const A = g.target;
-      A.files?.length && (c(A.files), A.value = "");
-    }, S = (g) => {
-      e.disabled || e.readonly || !e.dragAndDrop || (g.preventDefault(), r.value = !0);
-    }, $ = () => {
+      R.length > 0 && a("update:modelValue", [...B, ...R]);
+    }, _ = (f) => {
+      const B = f.target;
+      B.files?.length && (c(B.files), B.value = "");
+    }, S = (f) => {
+      e.disabled || e.readonly || !e.dragAndDrop || (f.preventDefault(), r.value = !0);
+    }, D = () => {
       r.value = !1;
-    }, f = (g) => {
-      g.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && g.dataTransfer?.files && c(g.dataTransfer.files);
-    }, o = () => {
+    }, m = (f) => {
+      f.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && f.dataTransfer?.files && c(f.dataTransfer.files);
+    }, p = () => {
       e.disabled || e.readonly || l.value?.click();
-    }, i = (g) => {
-      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((A) => A.id !== g)), a("file-removed", g));
-    }, v = () => {
+    }, i = (f) => {
+      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((B) => B.id !== f)), a("file-removed", f));
+    }, o = () => {
       e.disabled || e.readonly || (a("update:modelValue", []), a("clear-all"));
-    }, m = b(() => {
-      const g = ["krds-file-upload", "line"];
-      return e.class && g.push(e.class), g;
-    }), x = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), K = () => t("div", {
-      class: "file-upload",
+    }, g = k(() => {
+      const f = ["krds-file-upload", "line"];
+      return e.class && f.push(e.class), f;
+    }), z = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), T = () => t("div", {
+      class: ["file-upload", { active: r.value }],
       onDragover: S,
-      onDragleave: $,
-      onDrop: f
+      onDragleave: D,
+      onDrop: m
     }, [t("p", { class: "txt" }, e.placeholder), t("div", { class: "file-upload-btn-wrap" }, [t("input", {
       ref: l,
       type: "file",
@@ -1130,64 +1179,64 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       hidden: !0,
       accept: e.accept || void 0,
       multiple: e.multiple,
-      onChange: B
+      onChange: _
     }), t("label", { for: n }, [t("button", {
       type: "button",
       class: ["krds-btn", e.size],
       disabled: e.disabled || void 0,
-      onClick: o
-    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), E = (g) => {
-      const A = [];
-      return g.status === "uploading" ? A.push(t("span", {
+      onClick: p
+    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), L = (f) => {
+      const B = [];
+      return f.status === "uploading" ? B.push(t("span", {
         class: "krds-spinner",
         role: "status"
-      }, [t("span", { class: "sr-only" }, "업로드 중")])) : g.downloadUrl ? (e.showDownload && A.push(t("button", {
+      }, [t("span", { class: "sr-only" }, "업로드 중")])) : f.downloadUrl ? (e.showDownload && B.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
-        onClick: () => a("download", g)
-      }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && A.push(t("button", {
+        onClick: () => a("download", f)
+      }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && B.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
-        onClick: () => a("preview", g)
-      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : g.status === "completed" ? A.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || A.push(t("button", {
+        onClick: () => a("preview", f)
+      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : f.status === "completed" ? B.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || B.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
         disabled: e.disabled || void 0,
-        onClick: () => i(g.id)
-      }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), A;
-    }, T = (g) => {
-      const A = [t("div", { class: g.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, h(g)), t("div", { class: "btn-wrap" }, E(g))])];
-      if (g.status === "error" && g.errorMessage) {
-        const I = g.errorMessage.split(`
-`), O = [];
-        I.forEach((H, G) => {
-          G > 0 && O.push(t("br")), O.push(H);
-        }), A.push(t("p", { class: "file-hint-invalid" }, O));
+        onClick: () => i(f.id)
+      }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), B;
+    }, x = (f) => {
+      const B = [t("div", { class: f.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, h(f)), t("div", { class: "btn-wrap" }, L(f))])];
+      if (f.status === "error" && f.errorMessage) {
+        const R = f.errorMessage.split(`
+`), H = [];
+        R.forEach((N, O) => {
+          O > 0 && H.push(t("br")), H.push(N);
+        }), B.push(t("p", { class: "file-hint-invalid" }, H));
       }
       return t("li", {
-        key: g.id,
-        class: g.status === "error" ? "is-error" : void 0
-      }, A);
-    }, _ = (g) => {
-      const A = g.filter((O) => O.status !== "error").length, I = [t("div", { class: "total" }, [t("span", { class: "current" }, `${A}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, g.map(T))];
-      return e.showClearAll && !e.readonly && I.push(t("div", { class: "upload-delete-btn" }, [t("button", {
+        key: f.id,
+        class: f.status === "error" ? "is-error" : void 0
+      }, B);
+    }, K = (f) => {
+      const B = f.filter((H) => H.status !== "error").length, R = [t("div", { class: "total" }, [t("span", { class: "current" }, `${B}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, f.map(x))];
+      return e.showClearAll && !e.readonly && R.push(t("div", { class: "upload-delete-btn" }, [t("button", {
         type: "button",
         class: "krds-btn xsmall tertiary",
         disabled: e.disabled || void 0,
-        onClick: v
-      }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, I);
+        onClick: o
+      }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, R);
     };
     return () => {
-      const g = [x()];
-      e.readonly || g.push(K());
-      const A = e.modelValue || [];
-      return A.length > 0 && g.push(_(A)), t("div", {
-        class: m.value,
+      const f = [z()];
+      e.readonly || f.push(T());
+      const B = e.modelValue || [];
+      return B.length > 0 && f.push(K(B)), t("div", {
+        class: g.value,
         style: e.style || void 0
-      }, g);
+      }, f);
     };
   }
-}), wt = St, Kt = M({
+}), xt = Ct, $t = /* @__PURE__ */ A({
   name: "KrdsBadge",
   props: {
     type: {
@@ -1213,7 +1262,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
   },
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const s = ["krds-badge"];
       return s.push(`${e.type}-${e.color}`), e.size && s.push(e.size), e.number && s.push("number"), e.class && s.push(e.class), s;
     }), n = (s) => {
@@ -1228,7 +1277,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       onClick: n
     }, r.default?.());
   }
-}), Ct = Kt, xt = M({
+}), Lt = $t, Dt = /* @__PURE__ */ A({
   name: "KrdsTag",
   props: {
     link: {
@@ -1254,7 +1303,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
   },
   emits: { remove: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const d = ["krds-btn-tag"];
       return e.link && d.push("link"), e.class && d.push(e.class), d;
     }), n = (d) => {
@@ -1267,16 +1316,16 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     return () => {
       const d = [], h = r.default?.();
       if (h && d.push(h), e.link || d.push(s()), e.link) {
-        const p = {
+        const v = {
           href: e.href,
           class: l.value
         };
-        return e.target && (p.target = e.target), e.rel && (p.rel = e.rel), t("a", p, d);
+        return e.target && (v.target = e.target), e.rel && (v.rel = e.rel), t("a", v, d);
       }
       return t("span", { class: l.value }, d);
     };
   }
-}), $t = xt, Lt = M({
+}), Bt = Dt, Et = /* @__PURE__ */ A({
   name: "KrdsTagGroup",
   props: {
     size: {
@@ -1289,13 +1338,13 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }
   },
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const l = ["krds-tag-wrap"];
       return e.size && l.push(e.size), e.class && l.push(e.class), l;
     });
     return () => t("div", { class: r.value }, a.default?.());
   }
-}), Dt = Lt, Bt = M({
+}), Tt = Et, _t = /* @__PURE__ */ A({
   name: "KrdsMasthead",
   props: { class: {
     type: String,
@@ -1303,7 +1352,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
   } },
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const s = [""];
       return e.class && s.push(e.class), s;
     }), n = (s) => {
@@ -1315,17 +1364,17 @@ ${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?.())])])])]);
   }
-}), Tt = Bt, Et = 0;
-function tl(e = "krds") {
-  return `${e}-${++Et}`;
+}), At = _t, Mt = 0;
+function nl(e = "krds") {
+  return `${e}-${++Mt}`;
 }
-function al() {
+function sl() {
   return `${Date.now().toString(36).slice(-4)}${Math.random().toString(36).substring(2, 5)}`;
 }
-function he(...e) {
+function $e(...e) {
   return e.filter(Boolean).join(" ");
 }
-var _t = M({
+var Vt = /* @__PURE__ */ A({
   name: "KrdsToggleSwitch",
   props: {
     modelValue: {
@@ -1371,11 +1420,11 @@ var _t = M({
     change: (e) => !0
   },
   setup(e, { emit: a, attrs: r }) {
-    const l = `toggle-switch-${oe()}`, n = b(() => e.modelValue), s = b(() => he("krds-form-toggle-switch", e.size, e.class)), d = (p) => {
+    const l = `toggle-switch-${ce()}`, n = k(() => e.modelValue), s = k(() => $e("krds-form-toggle-switch", e.size, e.class)), d = (v) => {
       if (e.disabled) return;
-      const w = p.target.checked;
-      a("update:modelValue", w), a("change", w);
-    }, h = b(() => e.id || l);
+      const C = v.target.checked;
+      a("update:modelValue", C), a("change", C);
+    }, h = k(() => e.id || l);
     return () => t("div", { class: s.value }, [t("input", {
       type: "checkbox",
       id: h.value,
@@ -1386,7 +1435,7 @@ var _t = M({
       ...r
     }), t("label", { for: h.value }, [t("span", { class: "switch-toggle" }, [t("i")]), e.label || ""])]);
   }
-}), At = _t, Mt = M({
+}), Pt = Vt, zt = /* @__PURE__ */ A({
   name: "KrdsCheckArea",
   props: {
     class: {
@@ -1404,7 +1453,7 @@ var _t = M({
       return e.column && r.push("chk-column"), e.class && r.push(e.class), t("div", { class: r }, a.default?.());
     };
   }
-}), Vt = Mt, Pt = M({
+}), Ft = zt, Rt = /* @__PURE__ */ A({
   name: "KrdsCheckbox",
   props: {
     modelValue: {
@@ -1436,27 +1485,27 @@ var _t = M({
   emits: { "update:modelValue": (e) => !0 },
   slots: Object,
   setup(e, { emit: a, attrs: r, slots: l }) {
-    const n = `checkbox-${oe()}`, s = b(() => e.modelValue), d = b(() => {
-      const w = e.chip ? "krds-form-chip" : "krds-form-check";
-      return he(w, e.size, e.class);
-    }), h = (w) => {
+    const n = `checkbox-${ce()}`, s = k(() => e.modelValue), d = k(() => {
+      const C = e.chip ? "krds-form-chip" : "krds-form-check";
+      return $e(C, e.size, e.class);
+    }), h = (C) => {
       if (e.disabled) return;
-      const c = w.target.checked;
+      const c = C.target.checked;
       a("update:modelValue", c);
-    }, p = b(() => e.id || n);
+    }, v = k(() => e.id || n);
     return () => {
-      const w = [t("input", {
+      const C = [t("input", {
         type: "checkbox",
-        id: p.value,
+        id: v.value,
         checked: s.value,
         disabled: e.disabled,
         onChange: h,
         ...r
-      }), t("label", { for: p.value }, l.default?.())];
-      return l.description && !e.chip && w.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: d.value }, w);
+      }), t("label", { for: v.value }, l.default?.())];
+      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: d.value }, C);
     };
   }
-}), zt = Pt, Ft = M({
+}), It = Rt, Ht = /* @__PURE__ */ A({
   name: "KrdsRadio",
   props: {
     modelValue: {
@@ -1504,27 +1553,27 @@ var _t = M({
   emits: { "update:modelValue": (e) => !0 },
   slots: Object,
   setup(e, { emit: a, attrs: r, slots: l }) {
-    const n = `radio-${oe()}`, s = b(() => e.modelValue === e.value), d = b(() => {
+    const n = `radio-${ce()}`, s = k(() => e.modelValue === e.value), d = k(() => {
       const c = e.chip ? "krds-form-chip" : "krds-form-check";
-      return he(c, e.size, e.class);
+      return $e(c, e.size, e.class);
     }), h = (c) => {
       e.disabled || c.target.checked && a("update:modelValue", e.value);
-    }, p = b(() => e.id || n), w = b(() => e.name);
+    }, v = k(() => e.id || n), C = k(() => e.name);
     return () => {
       const c = [t("input", {
         type: "radio",
-        id: p.value,
-        name: w.value,
+        id: v.value,
+        name: C.value,
         value: String(e.value),
         checked: s.value,
         disabled: e.disabled,
         onChange: h,
         ...r
-      }), t("label", { for: p.value }, l.default?.())];
+      }), t("label", { for: v.value }, l.default?.())];
       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: d.value }, c);
     };
   }
-}), Rt = Ft, It = Le, Ht = M({
+}), Nt = Ht, qt = Ve, Ot = /* @__PURE__ */ A({
   name: "KrdsStepIndicator",
   props: {
     modelValue: {
@@ -1538,23 +1587,23 @@ var _t = M({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const h = ["krds-step-wrap"];
       return e.class && h.push(e.class), h;
     }), l = (h) => {
-      const p = e.modelValue || 0;
-      return h < p ? "done" : h === p ? "active" : "pending";
-    }, n = D(0), s = () => {
+      const v = e.modelValue || 0;
+      return h < v ? "done" : h === v ? "active" : "pending";
+    }, n = E(0), s = () => {
       n.value = 0;
     }, d = () => n.value++;
-    return Qe("stepIndicator", {
-      activeStep: b(() => e.modelValue || 0),
+    return et("stepIndicator", {
+      activeStep: k(() => e.modelValue || 0),
       getStepStatus: l,
       getNextStepIndex: d,
       resetStepIndex: s
     }), () => (s(), t("ol", { class: r.value }, a.default?.()));
   }
-}), Nt = Ht, Ot = M({
+}), Wt = Ot, Yt = /* @__PURE__ */ A({
   name: "KrdsStep",
   props: {
     step: {
@@ -1576,33 +1625,38 @@ var _t = M({
   },
   emits: { click: (e, a) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = Xe("stepIndicator"), n = l ? l.getNextStepIndex() : -1, s = b(() => e.status ? e.status : l && n >= 0 ? l.getStepStatus(n) : "pending"), d = b(() => {
-      const p = [s.value];
-      return e.class && p.push(e.class), p;
-    }), h = (p) => {
-      a("click", p, e.step);
+    const l = Ze("stepIndicator"), n = l ? l.getNextStepIndex() : -1, s = k(() => e.status ? e.status : l && n >= 0 ? l.getStepStatus(n) : "pending"), d = k(() => {
+      const v = [s.value];
+      return e.class && v.push(e.class), v;
+    }), h = (v) => {
+      a("click", v, e.step);
     };
     return () => {
-      const p = s.value === "active";
+      const v = s.value === "active";
       return t("li", {
         class: d.value,
         onClick: h
       }, [t("span", [
-        p && t("em", { class: "sr-only" }, "현재단계"),
+        v && t("em", { class: "sr-only" }, "현재단계"),
         t("i", { class: "step" }, e.step),
         t("span", { class: "step-tit" }, e.title),
         r.default?.()
       ])]);
     };
   }
-}), qt = Ot, Wt = M({
+}), jt = Yt, Gt = /* @__PURE__ */ A({
   name: "KrdsSkipLink",
   props: {
     href: {
       type: String,
-      required: !0,
+      default: void 0,
       validator: (e) => e.startsWith("#")
     },
+    links: {
+      type: Array,
+      default: void 0,
+      validator: (e) => e.every((a) => a.href.startsWith("#"))
+    },
     class: {
       type: [
         String,
@@ -1620,9 +1674,9 @@ var _t = M({
     return () => t("div", {
       id: e.id,
       class: e.class
-    }, [t("a", { href: e.href }, a.default?.())]);
+    }, e.links ? e.links.map((r) => t("a", { href: r.href }, r.label)) : [t("a", { href: e.href }, a.default?.())]);
   }
-}), Yt = Wt, jt = M({
+}), Ut = Gt, Xt = /* @__PURE__ */ A({
   name: "KrdsBreadcrumb",
   props: {
     items: {
@@ -1664,7 +1718,7 @@ var _t = M({
       }, [t("span", null, n.text)])]);
     }))]);
   }
-}), Gt = jt, Ut = M({
+}), Qt = Xt, Jt = /* @__PURE__ */ A({
   name: "KrdsInPageNavigation",
   props: {
     title: {
@@ -1699,96 +1753,96 @@ var _t = M({
   emits: { itemClick: (e, a) => !0 },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = D(""), n = D(/* @__PURE__ */ new Map()), s = b(() => {
-      const f = ["krds-in-page-navigation-type"];
-      return e.class && f.push(e.class), f;
+    const l = E(""), n = E(/* @__PURE__ */ new Map()), s = k(() => {
+      const m = ["krds-in-page-navigation-type"];
+      return e.class && m.push(e.class), m;
     }), d = () => {
-      const f = e.headerTopSelector, o = e.headerInnerSelector;
-      return (document.querySelector(f)?.clientHeight || 0) + (document.querySelector(o)?.clientHeight || 0);
-    }, h = (f, o) => {
-      if (a("itemClick", f, o), f.href.startsWith("#")) {
-        o.preventDefault();
-        const i = document.querySelector(f.href);
+      const m = e.headerTopSelector, p = e.headerInnerSelector;
+      return (document.querySelector(m)?.clientHeight || 0) + (document.querySelector(p)?.clientHeight || 0);
+    }, h = (m, p) => {
+      if (a("itemClick", m, p), m.href.startsWith("#")) {
+        p.preventDefault();
+        const i = document.querySelector(m.href);
         if (i) {
-          const v = d();
+          const o = d();
           if (window.scrollTo({
             left: 0,
-            top: i.getBoundingClientRect().top + window.scrollY - v,
+            top: i.getBoundingClientRect().top + window.scrollY - o,
             behavior: "smooth"
-          }), l.value = f.href, o instanceof KeyboardEvent) {
-            const m = i.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
-            m && m instanceof HTMLElement && (m.setAttribute("tabindex", "-1"), m.focus({ preventScroll: !0 }));
+          }), l.value = m.href, p instanceof KeyboardEvent) {
+            const g = i.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
+            g && g instanceof HTMLElement && (g.setAttribute("tabindex", "-1"), g.focus({ preventScroll: !0 }));
           }
         }
       }
-    }, p = () => {
-      n.value.clear(), e.items && e.items.filter((f) => f.href.startsWith("#")).forEach((f) => {
-        const o = document.querySelector(f.href);
-        o && n.value.set(f.href, o);
+    }, v = () => {
+      n.value.clear(), e.items && e.items.filter((m) => m.href.startsWith("#")).forEach((m) => {
+        const p = document.querySelector(m.href);
+        p && n.value.set(m.href, p);
       });
-    }, w = () => {
+    }, C = () => {
       if (!e.autoActive || !e.items || n.value.size === 0) return;
-      const f = window.innerHeight, o = Math.ceil(f / 5), i = window.scrollY + f, v = document.body.scrollHeight, m = e.items.filter((_) => _.href.startsWith("#") && n.value.has(_.href)).map((_) => ({
-        href: _.href,
-        element: n.value.get(_.href),
-        item: _
+      const m = window.innerHeight, p = Math.ceil(m / 5), i = window.scrollY + m, o = document.body.scrollHeight, g = e.items.filter((K) => K.href.startsWith("#") && n.value.has(K.href)).map((K) => ({
+        href: K.href,
+        element: n.value.get(K.href),
+        item: K
       }));
-      if (m.length === 0) return;
-      const x = m[0], K = m[m.length - 1], E = x.element.offsetTop;
-      let T = "";
-      if (i >= v) T = K.href;
-      else if (window.scrollY <= E) T = x.href;
-      else for (const _ of m) {
-        const g = _.element.offsetHeight, A = _.element.offsetTop - o;
-        if (window.scrollY > A && window.scrollY <= A + g) {
-          T = _.href;
+      if (g.length === 0) return;
+      const z = g[0], T = g[g.length - 1], L = z.element.offsetTop;
+      let x = "";
+      if (i >= o) x = T.href;
+      else if (window.scrollY <= L) x = z.href;
+      else for (const K of g) {
+        const f = K.element.offsetHeight, B = K.element.offsetTop - p;
+        if (window.scrollY > B && window.scrollY <= B + f) {
+          x = K.href;
           break;
         }
       }
-      T && T !== l.value && (l.value = T);
+      x && x !== l.value && (l.value = x);
     }, c = () => {
       if (!e.items) return;
-      const f = e.items.find((o) => o.active);
-      f ? l.value = f.href : e.items.length > 0 && (l.value = e.items[0].href);
+      const m = e.items.find((p) => p.active);
+      m ? l.value = m.href : e.items.length > 0 && (l.value = e.items[0].href);
     };
-    re(() => {
+    ie(() => {
       if (c(), e.autoActive) {
-        p(), w(), window.addEventListener("scroll", w, { passive: !0 });
-        const f = new MutationObserver(() => {
-          p();
+        v(), C(), window.addEventListener("scroll", C, { passive: !0 });
+        const m = new MutationObserver(() => {
+          v();
         });
-        f.observe(document.body, {
+        m.observe(document.body, {
           childList: !0,
           subtree: !0
-        }), ie(() => {
-          f.disconnect();
+        }), ve(() => {
+          m.disconnect();
         });
       }
-    }), ie(() => {
-      e.autoActive && (window.removeEventListener("scroll", w), n.value.clear());
+    }), ve(() => {
+      e.autoActive && (window.removeEventListener("scroll", C), n.value.clear());
     });
-    const B = () => !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)]), S = () => {
+    const _ = () => !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)]), S = () => {
       if (!e.items) return null;
-      const f = e.items.map((o) => {
-        const i = l.value === o.href || !e.autoActive && o.active;
-        return t("li", { key: o.href }, [t("a", {
-          href: o.href,
+      const m = e.items.map((p) => {
+        const i = l.value === p.href || !e.autoActive && p.active;
+        return t("li", { key: p.href }, [t("a", {
+          href: p.href,
           class: i ? "active" : "",
-          onClick: (v) => h(o, v),
-          onKeydown: (v) => {
-            (v.key === "Enter" || v.key === " ") && (v.preventDefault(), h(o, v));
+          onClick: (o) => h(p, o),
+          onKeydown: (o) => {
+            (o.key === "Enter" || o.key === " ") && (o.preventDefault(), h(p, o));
           }
-        }, o.text)]);
+        }, p.text)]);
       });
-      return t("nav", { class: "in-page-navigation-list" }, [t("ul", {}, f)]);
-    }, $ = () => r.action ? t("div", { class: "in-page-navigation-action" }, [r.action()]) : null;
+      return t("nav", { class: "in-page-navigation-list" }, [t("ul", {}, m)]);
+    }, D = () => r.action ? t("div", { class: "in-page-navigation-action" }, [r.action()]) : null;
     return () => t("div", { class: s.value }, [t("div", { class: "krds-in-page-navigation-area" }, [
-      B(),
+      _(),
       S(),
-      $()
+      D()
     ].filter(Boolean))]);
   }
-}), Xt = Ut, De = {
+}), Zt = Jt, Pe = {
   mounted(e, a) {
     a.value !== !1 && e.classList.add("sr-only");
   },
@@ -1798,9 +1852,9 @@ var _t = M({
   unmounted(e) {
     e.classList.remove("sr-only");
   }
-}, Qt = (e) => {
-  e.directive("sr-only", De);
-}, ke = 1, Se = 8, Jt = M({
+}, ea = (e) => {
+  e.directive("sr-only", Pe);
+}, Ee = 1, Te = 8, ta = /* @__PURE__ */ A({
   name: "KrdsPagination",
   props: {
     modelValue: {
@@ -1809,7 +1863,7 @@ var _t = M({
     },
     min: {
       type: Number,
-      default: ke
+      default: Ee
     },
     max: {
       type: Number,
@@ -1825,87 +1879,87 @@ var _t = M({
     },
     pageRange: {
       type: Number,
-      default: Se
+      default: Te
     }
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a }) {
-    const r = b(() => Math.max(1, e.min ?? ke)), l = b(() => e.modelValue ?? r.value), n = b(() => l.value <= r.value), s = b(() => l.value >= e.max), d = b(() => {
+    const r = k(() => Math.max(1, e.min ?? Ee)), l = k(() => e.modelValue ?? r.value), n = k(() => l.value <= r.value), s = k(() => l.value >= e.max), d = k(() => {
       if (!n.value)
         return "#";
-    }), h = b(() => {
+    }), h = k(() => {
       if (!s.value)
         return "#";
-    }), p = b(() => {
-      const { max: $ } = e, f = e.pageRange ?? Se, o = 1, i = [];
-      if ($ <= f + 2) for (let v = r.value; v <= $; v++) i.push({
+    }), v = k(() => {
+      const { max: D } = e, m = e.pageRange ?? Te, p = 1, i = [];
+      if (D <= m + 2) for (let o = r.value; o <= D; o++) i.push({
         type: "page",
-        key: `page-${v}`,
-        page: v,
+        key: `page-${o}`,
+        page: o,
         href: "#"
       });
       else {
-        const v = Math.min(o, $), m = Math.max($ - o + 1, 1), x = Math.max(r.value, l.value - Math.floor(f / 2)), K = Math.min($, x + f - 1), E = Math.max(r.value, K - f + 1);
-        for (let g = r.value; g <= v; g++) i.push({
+        const o = Math.min(p, D), g = Math.max(D - p + 1, 1), z = Math.max(r.value, l.value - Math.floor(m / 2)), T = Math.min(D, z + m - 1), L = Math.max(r.value, T - m + 1);
+        for (let f = r.value; f <= o; f++) i.push({
           type: "page",
-          key: `page-${g}`,
-          page: g,
+          key: `page-${f}`,
+          page: f,
           href: "#"
         });
-        E > v + 1 && i.push({
+        L > o + 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-left"
         });
-        const T = Math.max(E, v + 1), _ = Math.min(K, m - 1);
-        for (let g = T; g <= _; g++) i.push({
+        const x = Math.max(L, o + 1), K = Math.min(T, g - 1);
+        for (let f = x; f <= K; f++) i.push({
           type: "page",
-          key: `page-${g}`,
-          page: g,
+          key: `page-${f}`,
+          page: f,
           href: "#"
         });
-        K < m - 1 && i.push({
+        T < g - 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-right"
         });
-        for (let g = m; g <= $; g++) i.push({
+        for (let f = g; f <= D; f++) i.push({
           type: "page",
-          key: `page-${g}`,
-          page: g,
+          key: `page-${f}`,
+          page: f,
           href: "#"
         });
       }
       return i;
-    }), w = ($, f) => {
-      if ($ === l.value) {
-        f.preventDefault();
+    }), C = (D, m) => {
+      if (D === l.value) {
+        m.preventDefault();
         return;
       }
-      a("update:modelValue", $);
-    }, c = ($) => {
+      a("update:modelValue", D);
+    }, c = (D) => {
       if (n.value) {
-        $.preventDefault();
+        D.preventDefault();
         return;
       }
       a("update:modelValue", l.value - 1);
-    }, B = ($) => {
+    }, _ = (D) => {
       if (s.value) {
-        $.preventDefault();
+        D.preventDefault();
         return;
       }
       a("update:modelValue", l.value + 1);
-    }, S = ($) => {
-      if ($.type === "page") {
-        const f = $.page === l.value;
+    }, S = (D) => {
+      if (D.type === "page") {
+        const m = D.page === l.value;
         return t("a", {
-          key: $.key,
-          href: $.href || "#",
-          class: ["page-link", { active: f }],
-          "aria-current": f ? "page" : void 0,
-          onClick: (o) => w($.page, o)
-        }, [f ? ve(t("span", null, "현재페이지"), [[De]]) : null, ` ${$.page} `]);
+          key: D.key,
+          href: D.href || "#",
+          class: ["page-link", { active: m }],
+          "aria-current": m ? "page" : void 0,
+          onClick: (p) => C(D.page, p)
+        }, [m ? ke(t("span", null, "현재페이지"), [[Pe]]) : null, ` ${D.page} `]);
       }
       return t("span", {
-        key: $.key,
+        key: D.key,
         class: "page-link link-dot"
       });
     };
@@ -1922,7 +1976,7 @@ var _t = M({
         ],
         onClick: c
       }, "이전"),
-      t("div", { class: "page-links" }, p.value.map(S)),
+      t("div", { class: "page-links" }, v.value.map(S)),
       t(s.value ? "span" : "a", {
         href: s.value ? void 0 : h.value,
         class: [
@@ -1930,11 +1984,11 @@ var _t = M({
           "next",
           { disabled: s.value }
         ],
-        onClick: B
+        onClick: _
       }, "다음")
     ]);
   }
-}), Zt = Jt, ea = M({
+}), aa = ta, la = /* @__PURE__ */ A({
   name: "KrdsPanel",
   props: { modelValue: {
     type: Boolean,
@@ -1942,7 +1996,7 @@ var _t = M({
   } },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b({
+    const l = k({
       get: () => e.modelValue,
       set: (d) => a("update:modelValue", d)
     }), n = () => {
@@ -1964,7 +2018,7 @@ var _t = M({
       t("i", { class: "svg-icon ico-angle right" })
     ])])])])]);
   }
-}), ta = ea, aa = M({
+}), na = la, sa = /* @__PURE__ */ A({
   name: "KrdsContextualHelp",
   props: {
     tooltipTitle: {
@@ -1981,39 +2035,39 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = D(), l = D(), n = D(), s = D(), d = D(!1), h = () => {
-      const o = d.value;
-      c(), o || p();
-    }, p = () => {
-      !n.value || !l.value || (d.value = !0, n.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), B());
-    }, w = () => {
+    const r = E(), l = E(), n = E(), s = E(), d = E(!1), h = () => {
+      const p = d.value;
+      c(), p || v();
+    }, v = () => {
+      !n.value || !l.value || (d.value = !0, n.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), _());
+    }, C = () => {
       !n.value || !l.value || (d.value = !1, n.value.style.display = "none", l.value.setAttribute("aria-expanded", "false"));
     }, c = () => {
-      const o = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), i = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
-      o.forEach((v) => {
-        v.style.display = "none";
-      }), i.forEach((v) => {
-        v.setAttribute("aria-expanded", "false");
+      const p = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), i = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
+      p.forEach((o) => {
+        o.style.display = "none";
+      }), i.forEach((o) => {
+        o.setAttribute("aria-expanded", "false");
       }), d.value = !1;
-    }, B = () => {
+    }, _ = () => {
       if (!r.value || !n.value) return;
-      const o = window.innerWidth <= 768, i = r.value.querySelector(".tooltip-action");
-      if (o) {
-        const v = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], m = i.getBoundingClientRect().left - parseInt(v), x = document.body.clientWidth - parseInt(v) * 2;
-        n.value.style.left = `-${m}px`, n.value.style.width = `${x}px`;
+      const p = window.innerWidth <= 768, i = r.value.querySelector(".tooltip-action");
+      if (p) {
+        const o = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], g = i.getBoundingClientRect().left - parseInt(o), z = document.body.clientWidth - parseInt(o) * 2;
+        n.value.style.left = `-${g}px`, n.value.style.width = `${z}px`;
       } else
         n.value.style.left = "", n.value.style.right = "", n.value.style.width = "360px";
-    }, S = (o) => {
-      (o.key === "Escape" || o.key === "Esc") && c();
-    }, $ = (o) => {
-      o.target.closest(".tooltip-action") || c();
-    }, f = () => {
-      d.value && B();
+    }, S = (p) => {
+      (p.key === "Escape" || p.key === "Esc") && c();
+    }, D = (p) => {
+      p.target.closest(".tooltip-action") || c();
+    }, m = () => {
+      d.value && _();
     };
-    return re(() => {
-      r.value && (l.value && l.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", S), document.addEventListener("click", $), window.addEventListener("resize", f));
-    }), ie(() => {
-      document.removeEventListener("keydown", S), document.removeEventListener("click", $), window.removeEventListener("resize", f);
+    return ie(() => {
+      r.value && (l.value && l.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", S), document.addEventListener("click", D), window.addEventListener("resize", m));
+    }), ve(() => {
+      document.removeEventListener("keydown", S), document.removeEventListener("click", D), window.removeEventListener("resize", m);
     }), () => t("div", {
       ref: r,
       class: ["krds-contextual-help", e.position]
@@ -2033,11 +2087,11 @@ var _t = M({
         ref: s,
         type: "button",
         class: "krds-btn xsmall icon tooltip-close",
-        onClick: w
+        onClick: C
       }, [t("span", { class: "sr-only" }, "닫기"), t("i", { class: "svg-icon ico-modal-close" })])
     ])])]);
   }
-}), la = aa, na = M({
+}), ra = sa, ia = /* @__PURE__ */ A({
   name: "KrdsCoachMark",
   props: {
     coachMarkClass: {
@@ -2066,9 +2120,9 @@ var _t = M({
     close: () => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
-      const p = e.activeStep - 1;
-      return e.stepsData && p >= 0 && p < e.stepsData.length ? e.stepsData[p] : null;
+    const l = k(() => {
+      const v = e.activeStep - 1;
+      return e.stepsData && v >= 0 && v < e.stepsData.length ? e.stepsData[v] : null;
     }), n = () => {
       e.activeStep > 1 && a("update:modelValue", e.activeStep - 1);
     }, s = () => {
@@ -2076,11 +2130,11 @@ var _t = M({
     }, d = () => {
       a("close");
     }, h = () => {
-      const p = l.value;
-      return e.modelValue !== e.activeStep || !p ? null : t("div", { class: "coach-balloon" }, [
+      const v = l.value;
+      return e.modelValue !== e.activeStep || !v ? null : t("div", { class: "coach-balloon" }, [
         t("h5", { class: "sr-only" }, "따라하기 가이드"),
-        t("h6", { class: "coach-tit" }, `${e.activeStep}단계 : ${p.title}`),
-        t("p", { class: "desc" }, p.description),
+        t("h6", { class: "coach-tit" }, `${e.activeStep}단계 : ${v.title}`),
+        t("p", { class: "desc" }, v.description),
         t("div", { class: "coach-controls" }, [t("div", { class: "num" }, [
           t("span", { class: "sr-only" }, "현재 단계"),
           t("strong", null, String(e.activeStep)),
@@ -2110,7 +2164,7 @@ var _t = M({
       style: e.style
     }, [h(), r["coach-mark-content"]?.()]);
   }
-}), sa = na, ra = M({
+}), oa = ia, ua = /* @__PURE__ */ A({
   name: "KrdsTooltip",
   props: {
     type: {
@@ -2135,54 +2189,54 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = D(null), l = D(null), n = D(!1), s = D({}), d = `tooltip-popover-${oe()}`, h = D(!1), p = b(() => {
-      const m = ["krds-btn", "krds-tooltip"];
-      return e.type === "default" ? m.push("small", "text") : e.type === "icon" ? m.push("icon") : e.type === "button" && m.push(""), !e.box && e.vertical && m.push("tooltip-vertical"), e.box && !e.vertical && m.push("tooltip-box"), m.join(" ");
-    }), w = b(() => {
-      const m = [];
-      return e.box && m.push("tooltip-box"), e.vertical && m.push("tooltip-vertical"), n.value && m.push("active"), m;
-    }), c = b(() => r.value?.querySelector("button")?.textContent?.trim() || ""), B = () => window.innerWidth <= 768, S = () => {
+    const r = E(null), l = E(null), n = E(!1), s = E({}), d = `tooltip-popover-${ce()}`, h = E(!1), v = k(() => {
+      const g = ["krds-btn", "krds-tooltip"];
+      return e.type === "default" ? g.push("small", "text") : e.type === "icon" ? g.push("icon") : e.type === "button" && g.push(""), !e.box && e.vertical && g.push("tooltip-vertical"), e.box && !e.vertical && g.push("tooltip-box"), g.join(" ");
+    }), C = k(() => {
+      const g = [];
+      return e.box && g.push("tooltip-box"), e.vertical && g.push("tooltip-vertical"), n.value && g.push("active"), g;
+    }), c = k(() => r.value?.querySelector("button")?.textContent?.trim() || ""), _ = () => window.innerWidth <= 768, S = () => {
       if (!r.value || !l.value) return;
-      const m = r.value.querySelector("button");
-      if (!m) return;
-      const x = 12, { clientHeight: K, clientWidth: E } = l.value, { top: T, left: _, right: g, height: A, width: I } = m.getBoundingClientRect(), O = window.innerWidth / 2, H = window.innerHeight / 2;
-      let G, j;
-      const X = [];
-      h.value || e.box || e.vertical ? (T + A > H ? (G = T - K - x, X.push("top")) : (G = T + A + x, X.push("bottom")), _ + I > O ? (j = g - E, X.push("right"), window.innerWidth - (_ + I) > E / 2 && (j = _ + (I - E) / 2, X.splice(X.indexOf("right"), 1))) : (j = _ + (I - E) / 2, j < 0 && (j = _, X.push("left")))) : (G = T + (A - K) / 2, _ + I > O ? (j = _ - E - x, X.push("right")) : j = g + x);
-      const le = window.innerWidth <= 420;
+      const g = r.value.querySelector("button");
+      if (!g) return;
+      const z = 12, { clientHeight: T, clientWidth: L } = l.value, { top: x, left: K, right: f, height: B, width: R } = g.getBoundingClientRect(), H = window.innerWidth / 2, N = window.innerHeight / 2;
+      let O, j;
+      const U = [];
+      h.value || e.box || e.vertical ? (x + B > N ? (O = x - T - z, U.push("top")) : (O = x + B + z, U.push("bottom")), K + R > H ? (j = f - L, U.push("right"), window.innerWidth - (K + R) > L / 2 && (j = K + (R - L) / 2, U.splice(U.indexOf("right"), 1))) : (j = K + (R - L) / 2, j < 0 && (j = K, U.push("left")))) : (O = x + (B - T) / 2, K + R > H ? (j = K - L - z, U.push("right")) : j = f + z);
+      const oe = window.innerWidth <= 420;
       s.value = {
-        top: `${G}px`,
-        left: le ? "50%" : `${j}px`,
-        transform: le ? "translateX(-50%)" : "none"
-      }, l.value && (l.value.className = `krds-tooltip-popover ${X.join(" ")} ${w.value.join(" ")}`);
-    }, $ = async () => {
-      e.disabled || !e.tooltipContent || (n.value = !0, await ce(), S());
-    }, f = () => {
+        top: `${O}px`,
+        left: oe ? "50%" : `${j}px`,
+        transform: oe ? "translateX(-50%)" : "none"
+      }, l.value && (l.value.className = `krds-tooltip-popover ${U.join(" ")} ${C.value.join(" ")}`);
+    }, D = async () => {
+      e.disabled || !e.tooltipContent || (n.value = !0, await pe(), S());
+    }, m = () => {
       n.value = !1, s.value = {};
-    }, o = (m) => {
-      (m.key === "Escape" || m.key === "Esc") && n.value && f();
+    }, p = (g) => {
+      (g.key === "Escape" || g.key === "Esc") && n.value && m();
     }, i = () => {
-      h.value = B(), n.value && f();
-    }, v = () => {
-      n.value && f();
+      h.value = _(), n.value && m();
+    }, o = () => {
+      n.value && m();
     };
-    return re(() => {
-      h.value = B(), document.addEventListener("keydown", o), window.addEventListener("scroll", v), window.addEventListener("resize", i);
-    }), ie(() => {
-      document.removeEventListener("keydown", o), window.removeEventListener("scroll", v), window.removeEventListener("resize", i);
+    return ie(() => {
+      h.value = _(), document.addEventListener("keydown", p), window.addEventListener("scroll", o), window.addEventListener("resize", i);
+    }), ve(() => {
+      document.removeEventListener("keydown", p), window.removeEventListener("scroll", o), window.removeEventListener("resize", i);
     }), () => t("div", { ref: r }, [t("button", {
       type: "button",
-      class: p.value,
+      class: v.value,
       disabled: e.disabled,
       "aria-labelledby": d,
-      onMouseover: $,
-      onMouseout: f,
-      onFocusin: $,
-      onFocusout: f
-    }, a.default?.()), ve(t("div", {
+      onMouseover: D,
+      onMouseout: m,
+      onFocusin: D,
+      onFocusout: m
+    }, a.default?.()), ke(t("div", {
       id: d,
       ref: l,
-      class: ["krds-tooltip-popover", w.value],
+      class: ["krds-tooltip-popover", C.value],
       style: s.value,
       "aria-hidden": !n.value,
       role: "tooltip"
@@ -2190,9 +2244,9 @@ var _t = M({
       t("span", { class: "sr-only" }, c.value),
       " ",
       e.tooltipContent
-    ]), [[pe, n.value]])]);
+    ]), [[we, n.value]])]);
   }
-}), ia = ra, oa = M({
+}), da = ua, ca = /* @__PURE__ */ A({
   name: "KrdsLanguageSwitcher",
   props: {
     languageList: {
@@ -2217,55 +2271,55 @@ var _t = M({
     close: () => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = D(!1), n = D(), s = D(), d = () => {
-      l.value = !l.value, l.value && n.value && w();
+    const l = E(!1), n = E(), s = E(), d = () => {
+      l.value = !l.value, l.value && n.value && C();
     }, h = () => {
       l.value = !1;
-    }, p = (i) => {
+    }, v = (i) => {
       a("update:modelValue", i), h(), a("close"), s.value?.focus();
-    }, w = () => {
+    }, C = () => {
       if (!n.value) return;
       const i = n.value.querySelector(".drop-menu");
       if (!i) return;
-      const v = i.getBoundingClientRect(), m = window.innerWidth;
-      n.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? n.value.classList.add("drop-left") : m < v.left + v.width && n.value.classList.add("drop-right");
+      const o = i.getBoundingClientRect(), g = window.innerWidth;
+      n.value.classList.remove("drop-left", "drop-right"), o.left < 0 ? n.value.classList.add("drop-left") : g < o.left + o.width && n.value.classList.add("drop-right");
     }, c = (i) => {
       i.key === "Escape" && (h(), s.value?.focus());
-    }, B = (i) => {
+    }, _ = (i) => {
       n.value?.contains(i.target) || h();
     }, S = (i) => {
       n.value?.contains(i.relatedTarget) || h();
-    }, $ = (i) => {
+    }, D = (i) => {
       if (!n.value) return;
-      n.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
-        m.style.position = "relative", m.style.zIndex = "0";
+      n.value.querySelectorAll(".drop-list .item-link").forEach((g) => {
+        g.style.position = "relative", g.style.zIndex = "0";
       });
-      const v = i.target;
-      v.style.zIndex = "1";
+      const o = i.target;
+      o.style.zIndex = "1";
     };
-    se(l, (i) => {
-      i ? (document.addEventListener("keydown", c), document.addEventListener("click", B)) : (document.removeEventListener("keydown", c), document.removeEventListener("click", B));
-    }), ie(() => {
-      document.removeEventListener("keydown", c), document.removeEventListener("click", B);
+    re(l, (i) => {
+      i ? (document.addEventListener("keydown", c), document.addEventListener("click", _)) : (document.removeEventListener("keydown", c), document.removeEventListener("click", _));
+    }), ve(() => {
+      document.removeEventListener("keydown", c), document.removeEventListener("click", _);
     });
-    const f = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.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 === i.code }],
       lang: i.code,
       "aria-selected": e.modelValue === i.code,
-      onClick: ge(() => p(i.code), ["prevent"]),
-      onFocus: $
+      onClick: Ke(() => v(i.code), ["prevent"]),
+      onFocus: D
     }, [
       i.name,
       " ",
       t("span", { class: "sr-only" }, e.modelValue === i.code ? "선택됨" : "")
-    ])]))), o = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.code }, [t("a", {
+    ])]))), p = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.code }, [t("a", {
       href: i.url || "#",
       class: "item-link",
       lang: i.code,
       target: "_blank",
       title: "새 창 열림",
-      onFocus: $
+      onFocus: D
     }, [
       i.name,
       " ",
@@ -2296,16 +2350,16 @@ var _t = M({
     ]), t("div", {
       class: "drop-menu",
       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" ? f() : e.type === "external" ? o() : null])])]);
+    }, [t("div", { class: "drop-in" }, [r["prev-item"] ? t("div", { class: "drop-top" }, r["prev-item"]()) : null, e.type === "default" ? m() : e.type === "external" ? p() : null])])]);
   }
-}), ua = oa, da = M({
+}), fa = ca, va = /* @__PURE__ */ A({
   name: "KrdsResize",
   emits: {
     "update:modelValue": (e) => !0,
     close: () => !0
   },
   setup(e, { emit: a }) {
-    const r = D(!1), l = D(), n = D(), s = D("md"), d = [
+    const r = E(!1), l = E(), n = E(), s = E("md"), d = [
       {
         key: "sm",
         label: "작게",
@@ -2332,43 +2386,43 @@ var _t = M({
         zoom: "1.5"
       }
     ], h = () => {
-      r.value = !r.value, r.value && l.value && B();
-    }, p = () => {
+      r.value = !r.value, r.value && l.value && _();
+    }, v = () => {
       r.value = !1;
-    }, w = (i) => {
-      p(), a("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
+    }, C = (i) => {
+      v(), a("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
     }, c = () => {
-      const i = d.find((v) => v.key === "md");
-      i && w(i);
-    }, B = () => {
+      const i = d.find((o) => o.key === "md");
+      i && C(i);
+    }, _ = () => {
       if (!l.value) return;
       const i = l.value.querySelector(".drop-menu");
       if (!i) return;
-      const v = i.getBoundingClientRect(), m = window.innerWidth;
-      l.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? l.value.classList.add("drop-left") : m < v.left + v.width && l.value.classList.add("drop-right");
+      const o = i.getBoundingClientRect(), g = window.innerWidth;
+      l.value.classList.remove("drop-left", "drop-right"), o.left < 0 ? l.value.classList.add("drop-left") : g < o.left + o.width && l.value.classList.add("drop-right");
     }, S = (i) => {
-      i.key === "Escape" && (p(), n.value?.focus());
-    }, $ = (i) => {
-      l.value?.contains(i.target) || p();
-    }, f = (i) => {
-      l.value?.contains(i.relatedTarget) || p();
-    }, o = (i) => {
+      i.key === "Escape" && (v(), n.value?.focus());
+    }, D = (i) => {
+      l.value?.contains(i.target) || v();
+    }, m = (i) => {
+      l.value?.contains(i.relatedTarget) || v();
+    }, p = (i) => {
       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((g) => {
+        g.style.position = "relative", g.style.zIndex = "0";
       });
-      const v = i.target;
-      v.style.zIndex = "1";
+      const o = i.target;
+      o.style.zIndex = "1";
     };
-    return se(r, (i) => {
-      i ? (document.addEventListener("keydown", S), document.addEventListener("click", $)) : (document.removeEventListener("keydown", S), document.removeEventListener("click", $));
-    }), ie(() => {
-      document.removeEventListener("keydown", S), document.removeEventListener("click", $);
+    return re(r, (i) => {
+      i ? (document.addEventListener("keydown", S), document.addEventListener("click", D)) : (document.removeEventListener("keydown", S), document.removeEventListener("click", D));
+    }), ve(() => {
+      document.removeEventListener("keydown", S), document.removeEventListener("click", D);
     }), () => t("div", {
       ref: l,
       class: "krds-drop-wrap krds-resize",
       "data-adjust": "scale",
-      onFocusout: f
+      onFocusout: m
     }, [t("button", {
       ref: n,
       type: "button",
@@ -2385,17 +2439,17 @@ var _t = M({
         i.key === s.value ? "active" : ""
       ],
       "data-adjust-scale": i.key,
-      onClick: ge(() => w(i), ["prevent"]),
-      onFocus: o
+      onClick: Ke(() => C(i), ["prevent"]),
+      onFocus: p
     }, i.label)]))), t("div", { class: "drop-bottom" }, [t("button", {
       type: "button",
       class: "krds-btn medium text",
       "data-adjust-scale": "md",
-      onClick: ge(c, ["prevent"]),
-      onFocus: o
+      onClick: Ke(c, ["prevent"]),
+      onFocus: p
     }, [t("i", { class: "svg-icon ico-reset" }), " 초기화"])])])])]);
   }
-}), ca = da, fa = M({
+}), pa = va, ga = /* @__PURE__ */ A({
   name: "KrdsModal",
   props: {
     modelValue: {
@@ -2430,53 +2484,53 @@ var _t = M({
   emits: { "update:modelValue": (e) => !0 },
   slots: Object,
   setup(e, { slots: a, emit: r }) {
-    const l = xe()?.uid, n = b(() => e.modalId ?? `krds-modal-${l}`), s = b({
+    const l = xe()?.uid, n = k(() => e.modalId ?? `krds-modal-${l}`), s = k({
       get: () => e.modelValue,
-      set: (v) => r("update:modelValue", v)
-    }), d = b(() => `tit_${n.value}`), h = b(() => ({
+      set: (o) => r("update:modelValue", o)
+    }), d = k(() => `tit_${n.value}`), h = k(() => ({
       small: "modal-sm",
       medium: "modal-md",
       large: "modal-lg"
-    })[e.size]), p = () => {
+    })[e.size]), v = () => {
       s.value = !1;
     };
-    let w = "", c = null;
-    const B = D(null), S = (v) => Array.from(v.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((m) => !m.hasAttribute("disabled") && m.getAttribute("tabindex") !== "-1"), $ = (v) => {
-      if (!B.value || v.key !== "Tab") return;
-      const m = S(B.value);
-      if (m.length === 0) {
-        v.preventDefault();
+    let C = "", c = null;
+    const _ = E(null), S = (o) => Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((g) => !g.hasAttribute("disabled") && g.getAttribute("tabindex") !== "-1"), D = (o) => {
+      if (!_.value || o.key !== "Tab") return;
+      const g = S(_.value);
+      if (g.length === 0) {
+        o.preventDefault();
         return;
       }
-      const x = m[0], K = m[m.length - 1];
-      v.shiftKey && document.activeElement === x ? (v.preventDefault(), K.focus()) : !v.shiftKey && document.activeElement === K && (v.preventDefault(), x.focus());
-    }, f = (v) => {
-      v.key === "Escape" && !e.persistent && p();
-    }, o = () => {
-      document.body.style.overflow = w, document.removeEventListener("keydown", $), document.removeEventListener("keydown", f), c && (c.focus(), c = null), B.value = null;
+      const z = g[0], T = g[g.length - 1];
+      o.shiftKey && document.activeElement === z ? (o.preventDefault(), T.focus()) : !o.shiftKey && document.activeElement === T && (o.preventDefault(), z.focus());
+    }, m = (o) => {
+      o.key === "Escape" && !e.persistent && v();
+    }, p = () => {
+      document.body.style.overflow = C, document.removeEventListener("keydown", D), document.removeEventListener("keydown", m), c && (c.focus(), c = null), _.value = null;
     }, i = async () => {
-      w = document.body.style.overflow, document.body.style.overflow = "hidden", c = document.activeElement, await ce();
-      const v = document.getElementById(n.value);
-      if (v) {
-        B.value = v;
-        const m = v.querySelector(".modal-conts");
-        m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", $), document.addEventListener("keydown", f);
+      C = document.body.style.overflow, document.body.style.overflow = "hidden", c = document.activeElement, await pe();
+      const o = document.getElementById(n.value);
+      if (o) {
+        _.value = o;
+        const g = o.querySelector(".modal-conts");
+        g && (g.setAttribute("tabindex", "-1"), g.focus()), document.addEventListener("keydown", D), document.addEventListener("keydown", m);
       }
     };
-    return se(() => e.modelValue, (v) => v ? i() : o()), re(() => {
+    return re(() => e.modelValue, (o) => o ? i() : p()), ie(() => {
       e.modelValue && i();
     }), fe(() => {
-      e.modelValue && o();
+      e.modelValue && p();
     }), () => {
       if (!s.value) return null;
-      const v = {
+      const o = {
         id: n.value,
         class: "krds-modal fade in shown",
         role: "dialog",
         "aria-modal": !0,
         "aria-labelledby": d.value
       };
-      return e.full ? v["data-type"] = "full" : e.bottomSheet && (v["data-type"] = "bottom-sheet"), t(Ce, { to: "body" }, t("section", v, [t("div", { class: `modal-dialog ${h.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 ${h.value}` }, [t("div", { class: "modal-content" }, [
         a.title ? t("div", { class: "modal-header" }, [t("h2", {
           id: d.value,
           class: "modal-title"
@@ -2486,15 +2540,15 @@ var _t = M({
         t("button", {
           type: "button",
           class: "krds-btn medium icon btn-close close-modal",
-          onClick: p
+          onClick: v
         }, [t("span", { class: "sr-only" }, "닫기"), t("i", { class: "svg-icon ico-popup-close" })])
       ].filter(Boolean))]), t("div", {
         class: e.backdrop ? "modal-back in" : "modal-back",
-        onClick: e.persistent ? void 0 : p
+        onClick: e.persistent ? void 0 : v
       })]));
     };
   }
-}), va = fa, pa = M({
+}), ha = ga, ya = /* @__PURE__ */ A({
   name: "KrdsAccordionGroup",
   props: {
     typeLine: {
@@ -2507,13 +2561,13 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const l = ["krds-accordion"];
       return e.typeLine && l.push("type-line"), e.class && l.push(e.class), l;
     });
     return () => t("div", { class: r.value }, a.default?.());
   }
-}), ga = pa, ha = M({
+}), ma = ya, ba = /* @__PURE__ */ A({
   name: "KrdsAccordionItem",
   props: {
     id: {
@@ -2535,7 +2589,7 @@ var _t = M({
   },
   emits: { toggle: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => e.openItem === e.id), n = () => {
+    const l = k(() => e.openItem === e.id), n = () => {
       a("toggle", e.id);
     };
     return () => t("div", {
@@ -2555,7 +2609,7 @@ var _t = M({
       "aria-labelledby": `accordion-header-${e.id}`
     }, [t("div", { class: "accordion-body" }, r.content?.() ?? e.content)])]);
   }
-}), ya = ha, ma = M({
+}), ka = ba, Sa = /* @__PURE__ */ A({
   name: "KrdsTts",
   props: {
     text: {
@@ -2590,7 +2644,7 @@ var _t = M({
     error: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(!1);
+    const r = E(!1);
     let l = null;
     const n = () => {
       typeof window < "u" && window.speechSynthesis && window.speechSynthesis.cancel(), r.value = !1, l = null;
@@ -2608,30 +2662,30 @@ var _t = M({
           r.value = !0;
         }, l.onend = () => {
           r.value = !1, l = null, a("end");
-        }, l.onerror = (p) => {
-          r.value = !1, l = null, p.error !== "canceled" && a("error", new Error(p.error));
+        }, l.onerror = (v) => {
+          r.value = !1, l = null, v.error !== "canceled" && a("error", new Error(v.error));
         }, window.speechSynthesis.speak(l), a("play", e.text);
       }
-    }, d = b(() => {
-      const p = ["krds-tts"];
-      return e.size && p.push(e.size), r.value ? p.push("pause") : e.icon === "play" && p.push("play"), e.class && p.push(e.class), p;
-    }), h = b(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
+    }, d = k(() => {
+      const v = ["krds-tts"];
+      return e.size && v.push(e.size), r.value ? v.push("pause") : e.icon === "play" && v.push("play"), e.class && v.push(e.class), v;
+    }), h = k(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
     return fe(() => {
       n();
     }), () => {
-      const p = [t("span", {
+      const v = [t("span", {
         class: "krds-tts-icon",
         "aria-hidden": "true"
       }, [t("i", { class: `svg-icon ${h.value}` })])];
-      return e.label && p.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
+      return e.label && v.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
         type: "button",
         class: d.value,
         disabled: e.disabled || void 0,
         onClick: s
-      }, p);
+      }, v);
     };
   }
-}), ba = ma, ka = M({
+}), wa = Sa, Ka = /* @__PURE__ */ A({
   name: "KrdsTable",
   props: {
     caption: {
@@ -2654,65 +2708,71 @@ var _t = M({
   emits: { "row-click": (e, a) => !0 },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
-      const f = ["tbl"];
-      return e.class && f.push(e.class), f;
-    }), n = b(() => ["krds-table-wrap"]), s = (f) => f.headerStyle || void 0, d = (f) => {
+    const l = xe(), n = k(() => {
+      const i = ["tbl"];
+      return e.class && i.push(e.class), i;
+    }), s = k(() => ["krds-table-wrap"]), d = (i) => i.headerStyle || void 0, h = (i) => {
       const o = [];
-      return f.align && o.push(`text-${f.align}`), f.headerClasses && o.push(f.headerClasses), o.length > 0 ? o : void 0;
-    }, h = (f, o) => {
+      return i.align && o.push(`text-${i.align}`), i.headerClasses && o.push(i.headerClasses), o.length > 0 ? o : void 0;
+    }, v = (i, o) => {
       if (o.style)
-        return typeof o.style == "function" ? o.style(f) : o.style;
-    }, p = (f, o) => {
-      const i = [];
-      if (o.align && i.push(`text-${o.align}`), o.classes) {
-        const v = typeof o.classes == "function" ? o.classes(f) : o.classes;
-        i.push(v);
+        return typeof o.style == "function" ? o.style(i) : o.style;
+    }, C = (i, o) => {
+      const g = [];
+      if (o.align && g.push(`text-${o.align}`), o.classes) {
+        const z = typeof o.classes == "function" ? o.classes(i) : o.classes;
+        g.push(z);
       }
-      return i.length > 0 ? i : void 0;
-    }, w = () => !e.columns.length || !e.columns.some((f) => f.headerStyle && f.headerStyle.includes("width")) ? null : t("colgroup", e.columns.map((f) => {
-      if (!f.headerStyle) return t("col");
-      const o = f.headerStyle.match(/width\s*:\s*([^;]+)/i);
+      return g.length > 0 ? g : 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 });
-    })), c = () => {
+    })), _ = () => {
       if (!e.columns.length) return null;
-      const f = e.columns.map((o) => {
-        const i = s(o), v = d(o);
+      const i = e.columns.map((o) => {
+        const g = d(o), z = h(o);
         return t("th", {
           scope: "col",
-          class: v,
-          style: i
+          class: z,
+          style: g
         }, o.label);
       });
-      return t("thead", [t("tr", f)]);
-    }, B = (f, o) => typeof o.field == "function" ? o.field(f) : f[o.field], S = () => {
+      return t("thead", [t("tr", i)]);
+    }, S = (i, o) => typeof o.field == "function" ? o.field(i) : i[o.field], D = () => {
       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 f = e.rows.map((o, i) => {
-        const v = e.columns.map((m, x) => {
-          const K = B(o, m), E = typeof K == "function" ? K() : K, T = h(o, m), _ = p(o, m);
-          return t(x === 0 ? "th" : "td", {
-            scope: x === 0 ? "row" : void 0,
-            class: _,
-            style: T
-          }, E);
+      const i = l?.vnode.props, o = !!(i?.onRowClick || i?.["onRow-click"]), g = e.rows.map((z, T) => {
+        const L = e.columns.map((x, K) => {
+          const f = S(z, x), B = typeof f == "function" ? f() : f, R = v(z, x), H = C(z, x);
+          return t(K === 0 ? "th" : "td", {
+            scope: K === 0 ? "row" : void 0,
+            class: H,
+            style: R
+          }, B);
         });
-        return t("tr", { onClick: () => $(o, i) }, v);
+        return t("tr", o ? {
+          tabindex: 0,
+          onClick: () => m(z, T),
+          onKeydown: (x) => p(x, z, T)
+        } : null, L);
       });
-      return t("tbody", f);
-    }, $ = (f, o) => {
-      a("row-click", f, o);
+      return t("tbody", g);
+    }, m = (i, o) => {
+      a("row-click", i, o);
+    }, p = (i, o, g) => {
+      i.target !== i.currentTarget || i.key !== "Enter" && i.key !== " " || (i.preventDefault(), m(o, g));
     };
-    return () => t("div", { class: n.value }, [t("table", { class: l.value }, [
+    return () => t("div", { class: s.value }, [t("table", { class: n.value }, [
       e.caption && t("caption", e.caption),
-      w(),
       c(),
-      S()
+      _(),
+      D()
     ])]);
   }
-}), Sa = ka, wa = M({
+}), Ca = Ka, xa = /* @__PURE__ */ A({
   name: "KrdsHeader",
   props: {
     id: {
@@ -2726,7 +2786,7 @@ var _t = M({
   },
   slots: Object,
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const l = [];
       return e.class && l.push(e.class), l;
     });
@@ -2744,7 +2804,7 @@ var _t = M({
       }, n);
     };
   }
-}), Ka = wa, Ca = M({
+}), $a = xa, La = /* @__PURE__ */ A({
   name: "KrdsFooter",
   props: {
     id: {
@@ -2757,21 +2817,21 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = b(() => {
+    const r = k(() => {
       const h = [];
       return e.class && h.push(e.class), h;
     }), 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, d = () => a.bottom ? t("div", { class: "f-btm" }, a.bottom()) : null;
     return () => {
-      const h = l(), p = n(), w = s(), c = d(), B = [];
-      p && B.push(p), w && B.push(w), c && B.push(c);
+      const h = l(), v = n(), C = s(), c = d(), _ = [];
+      v && _.push(v), C && _.push(C), c && _.push(c);
       const S = [];
-      return h && S.push(h), B.length > 0 && S.push(t("div", { class: "inner" }, B)), t("footer", {
+      return h && S.push(h), _.length > 0 && S.push(t("div", { class: "inner" }, _)), t("footer", {
         id: e.id,
         class: r.value
       }, S);
     };
   }
-}), xa = Ca, $a = M({
+}), Da = La, Ba = /* @__PURE__ */ A({
   name: "KrdsDisclosure",
   props: {
     title: {
@@ -2785,7 +2845,7 @@ var _t = M({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = `disclosure-${oe()}`, n = b(() => e.modelValue), s = () => {
+    const l = `disclosure-${ce()}`, n = k(() => e.modelValue), s = () => {
       a("update:modelValue", !e.modelValue);
     };
     return () => t("div", { class: [
@@ -2804,7 +2864,7 @@ var _t = M({
       inert: !n.value
     }, [t("div", { class: "expand-in" }, r.default?.())])]);
   }
-}), La = $a, Da = M({
+}), Ea = Ba, Ta = /* @__PURE__ */ A({
   name: "KrdsIdentifier",
   props: {
     class: {
@@ -2818,7 +2878,7 @@ var _t = M({
   },
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = b(() => {
+    const l = k(() => {
       const s = ["krds-identifier"];
       return e.class && s.push(e.class), s;
     }), n = (s) => {
@@ -2829,7 +2889,7 @@ var _t = M({
       onClick: n
     }, [t("span", { class: "logo" }, [t("span", { class: "sr-only" }, e.logoLabel)]), t("span", { class: "ban-txt" }, r.default?.())]);
   }
-}), Ba = Da, Ta = 50, Ea = M({
+}), _a = Ta, Aa = 50, Ma = /* @__PURE__ */ A({
   name: "KrdsLayout",
   props: {
     id: {
@@ -2851,45 +2911,45 @@ var _t = M({
     "scroll-height": (e) => !0
   },
   setup(e, { slots: a, emit: r }) {
-    const l = D(0), n = D(0), s = D(0), d = D(null), h = D(null), p = D(null), w = () => {
-      const f = n.value;
-      l.value = window.scrollY, n.value = document.body.scrollHeight, f !== n.value && f > 0 && r("scroll-height", n.value);
+    const l = E(0), n = E(0), s = E(0), d = E(null), h = E(null), v = E(null), C = () => {
+      const m = n.value;
+      l.value = window.scrollY, n.value = document.body.scrollHeight, m !== n.value && m > 0 && r("scroll-height", n.value);
     }, c = () => {
       if (!h.value || !e.enableScrollDetection) return;
-      const f = document.querySelector("#container");
-      if (!f) return;
-      const o = f.offsetTop, i = window.scrollY, v = i > s.value, m = i < s.value;
-      i > o + Ta ? v ? (h.value.classList.add("scroll-down"), h.value.classList.remove("scroll-up"), d.value = "down") : m && (h.value.classList.add("scroll-up"), h.value.classList.remove("scroll-down"), d.value = "up") : (h.value.classList.remove("scroll-down", "scroll-up"), d.value = null), s.value = i;
-    }, B = () => {
-      w(), c(), r("scroll", {
+      const m = document.querySelector("#container");
+      if (!m) return;
+      const p = m.offsetTop, i = window.scrollY, o = i > s.value, g = i < s.value;
+      i > p + Aa ? o ? (h.value.classList.add("scroll-down"), h.value.classList.remove("scroll-up"), d.value = "down") : g && (h.value.classList.add("scroll-up"), h.value.classList.remove("scroll-down"), d.value = "up") : (h.value.classList.remove("scroll-down", "scroll-up"), d.value = null), s.value = i;
+    }, _ = () => {
+      C(), c(), r("scroll", {
         scrollY: l.value,
         scrollHeight: n.value,
         direction: d.value,
         timestamp: Date.now()
       });
-    }, S = (f) => {
-      for (const o of f) {
-        const { width: i, height: v } = o.contentRect;
+    }, S = (m) => {
+      for (const p of m) {
+        const { width: i, height: o } = p.contentRect;
         r("resize", {
           width: i,
-          height: v
+          height: o
         });
       }
-    }, $ = b(() => {
-      const f = ["g-wrap"];
-      return e.class && f.push(e.class), f;
+    }, D = k(() => {
+      const m = ["g-wrap"];
+      return e.class && m.push(e.class), m;
     });
-    return re(() => {
-      e.enableScrollDetection && (w(), window.addEventListener("scroll", B, { passive: !0 })), h.value && typeof ResizeObserver < "u" && (p.value = new ResizeObserver(S), p.value.observe(h.value));
-    }), ie(() => {
-      e.enableScrollDetection && window.removeEventListener("scroll", B), p.value && (p.value.disconnect(), p.value = null);
+    return ie(() => {
+      e.enableScrollDetection && (C(), window.addEventListener("scroll", _, { passive: !0 })), h.value && typeof ResizeObserver < "u" && (v.value = new ResizeObserver(S), v.value.observe(h.value));
+    }), ve(() => {
+      e.enableScrollDetection && window.removeEventListener("scroll", _), v.value && (v.value.disconnect(), v.value = null);
     }), () => t("div", {
       id: e.id,
-      class: $.value,
+      class: D.value,
       ref: h
     }, a.default?.());
   }
-}), _a = Ea, Aa = M({
+}), Va = Ma, Pa = /* @__PURE__ */ A({
   name: "KrdsSideNavigation",
   props: {
     title: {
@@ -2903,142 +2963,149 @@ var _t = M({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a }) {
-    const r = b(() => e.modelValue || []), l = D(/* @__PURE__ */ new Map()), n = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Map()), d = D(null), h = (x, K, E) => {
-      const T = `${K}-${E}`;
-      x ? l.value.set(T, x) : l.value.delete(T);
-    }, p = (x, K, E) => {
-      const T = `${K}-${E}`;
-      x ? n.value.set(T, x) : n.value.delete(T);
-    }, w = (x, K, E) => {
-      const T = `${K}-${E}`;
-      x ? s.value.set(T, x) : s.value.delete(T);
-    }, c = (x) => {
-      a("update:modelValue", r.value.map((K, E) => {
-        if (E === x && K.subItems) {
-          const T = K.expanded, _ = {
-            ...K,
-            expanded: !K.expanded
+    const r = k(() => e.modelValue || []), l = ce(), n = E(/* @__PURE__ */ new Map()), s = E(/* @__PURE__ */ new Map()), d = E(/* @__PURE__ */ new Map()), h = E(null), v = (T, L, x) => {
+      const K = `${L}-${x}`;
+      T ? n.value.set(K, T) : n.value.delete(K);
+    }, C = (T, L, x) => {
+      const K = `${L}-${x}`;
+      T ? s.value.set(K, T) : s.value.delete(K);
+    }, c = (T, L, x) => {
+      const K = `${L}-${x}`;
+      T ? d.value.set(K, T) : d.value.delete(K);
+    }, _ = (T) => {
+      a("update:modelValue", r.value.map((L, x) => {
+        if (x === T && L.subItems) {
+          const K = L.expanded, f = {
+            ...L,
+            expanded: !L.expanded
           };
-          return T && !_.expanded && (_.subItems = K.subItems.map((g) => ({
-            ...g,
+          return K && !f.expanded && (f.subItems = L.subItems.map((B) => ({
+            ...B,
             expanded: !1
-          })), d.value = null), _;
+          })), h.value = null), f;
         }
-        return K;
+        return L;
       }));
-    }, B = (x, K) => {
-      a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
-        ...E,
-        subItems: E.subItems.map((_, g) => {
-          if (g === K && _.subItems) {
-            const A = {
-              ..._,
-              expanded: !_.expanded
+    }, S = (T, L) => {
+      a("update:modelValue", r.value.map((x, K) => K === T && x.subItems ? {
+        ...x,
+        subItems: x.subItems.map((f, B) => {
+          if (B === L && f.subItems) {
+            const R = {
+              ...f,
+              expanded: !f.expanded
             };
-            if (A.expanded) {
-              const I = `${x}-${K}`;
-              d.value = l.value.get(I) || null;
-              const O = n.value.get(I), H = s.value.get(I);
-              O && H && O.addEventListener("transitionend", () => {
-                H.focus();
-              }, { once: !0 });
+            if (R.expanded) {
+              const H = `${T}-${L}`;
+              h.value = n.value.get(H) || null;
+              const N = s.value.get(H), O = d.value.get(H);
+              N && O && (N.addEventListener("transitionend", () => {
+                O.focus();
+              }, { once: !0 }), requestAnimationFrame(() => {
+                N.getAnimations({ subtree: !0 }).length || O.focus();
+              }));
             }
-            return A;
+            return R;
           }
-          return _;
+          return f;
         })
-      } : E));
-    }, S = (x, K) => {
-      a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
-        ...E,
-        subItems: E.subItems.map((_, g) => {
-          if (g === K && _.subItems && _.expanded) {
-            if (d.value) {
-              const A = d.value;
+      } : x));
+    }, D = (T, L) => {
+      a("update:modelValue", r.value.map((x, K) => K === T && x.subItems ? {
+        ...x,
+        subItems: x.subItems.map((f, B) => {
+          if (B === L && f.subItems && f.expanded) {
+            if (h.value) {
+              const R = h.value;
               requestAnimationFrame(() => {
-                A.focus();
-              }), d.value = null;
+                R.focus();
+              }), h.value = null;
             }
             return {
-              ..._,
+              ...f,
               expanded: !1
             };
           }
-          return _;
+          return f;
         })
-      } : E));
-    }, $ = (x, K, E) => {
-      const T = `${K}-${E}`, _ = n.value.get(T);
-      _ && !_.contains(x.relatedTarget) && S(K, E);
-    }, f = (x, K) => {
-      S(x, K);
-    }, o = (x, K) => {
-      x.onClick && x.onClick(K);
-    }, i = (x, K, E) => x.map((T, _) => t("li", {
-      key: `popup-item-${K}-${E}-${_}`,
+      } : x));
+    }, m = (T, L, x) => {
+      const K = `${L}-${x}`, f = s.value.get(K);
+      f && !f.contains(T.relatedTarget) && D(L, x);
+    }, p = (T, L) => {
+      D(T, L);
+    }, i = (T, L) => {
+      T.onClick && T.onClick(L);
+    }, o = (T, L, x) => T.map((K, f) => t("li", {
+      key: `popup-item-${L}-${x}-${f}`,
       role: "none"
     }, t("a", {
-      href: T.href || "#",
+      href: K.href || "#",
       class: "lnb-btn",
       role: "menuitem",
-      onClick: (g) => o(T, g)
-    }, T.text))), v = (x, K) => x.map((E, T) => {
-      const _ = `lnb-subitem-${K}-${T}`;
+      onClick: (B) => i(K, B)
+    }, K.text))), g = (T, L) => T.map((x, K) => {
+      const f = `lnb-subitem-${L}-${K}`;
       return t("li", {
-        key: _,
-        class: ["lnb-subitem", { active: E.expanded }],
+        key: f,
+        class: ["lnb-subitem", { active: x.expanded }],
         role: "none"
-      }, [E.subItems ? [t("button", {
-        ref: (g) => h(g, K, T),
+      }, [x.subItems ? [t("button", {
+        ref: (B) => v(B, L, K),
         type: "button",
         class: "lnb-btn lnb-toggle-popup",
         role: "menuitem",
-        "aria-controls": `lnbmenu-${K}-${T}`,
-        "aria-expanded": E.expanded ? "true" : "false",
+        "aria-controls": `${l}-lnbmenu-${L}-${K}`,
+        "aria-expanded": x.expanded ? "true" : "false",
         "aria-haspopup": "true",
-        onClick: () => B(K, T)
-      }, E.text), t("div", {
-        ref: (g) => p(g, K, T),
-        id: `lnbmenu-${K}-${T}`,
-        class: ["lnb-submenu-lv2", { active: E.expanded }],
+        onClick: () => S(L, K)
+      }, x.text), t("div", {
+        ref: (B) => C(B, L, K),
+        id: `${l}-lnbmenu-${L}-${K}`,
+        class: ["lnb-submenu-lv2", { active: x.expanded }],
         role: "menu",
-        onFocusout: (g) => $(g, K, T)
+        onFocusout: (B) => m(B, L, K)
       }, [t("button", {
-        ref: (g) => w(g, K, T),
+        ref: (B) => c(B, L, K),
         type: "button",
         class: "lnb-btn-tit",
-        onClick: () => f(K, T)
-      }, E.popupTitle || E.text), t("ul", {}, i(E.subItems || [], K, T))])] : t("a", {
-        href: E.href || "#",
+        onClick: () => p(L, K)
+      }, x.popupTitle || x.text), t("ul", {}, o(x.subItems || [], L, K))])] : t("a", {
+        href: x.href || "#",
         class: ["lnb-btn", "lnb-link"],
         role: "menuitem",
-        onClick: (g) => o(E, g)
-      }, E.text)]);
-    }), m = () => r.value.map((x, K) => t("li", {
-      key: `lnb-item-${K}`,
-      class: ["lnb-item", { active: x.expanded }],
+        onClick: (B) => i(x, B)
+      }, x.text)]);
+    }), z = () => r.value.map((T, L) => t("li", {
+      key: `lnb-item-${L}`,
+      class: ["lnb-item", { active: T.expanded }],
       role: "none"
-    }, [t("button", {
+    }, [T.subItems ? t("button", {
       type: "button",
       class: [
         "lnb-btn",
         "lnb-toggle",
-        { active: x.expanded }
+        { active: T.expanded }
       ],
       role: "menuitem",
-      "aria-controls": `lnbmenu-${K}`,
-      "aria-expanded": x.expanded ? "true" : "false",
-      onClick: () => c(K)
-    }, x.text), x.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
-      id: `lnbmenu-${K}`,
+      "aria-controls": `${l}-lnbmenu-${L}`,
+      "aria-expanded": T.expanded ? "true" : "false",
+      onClick: () => _(L)
+    }, T.text) : t("a", {
+      href: T.href || "#",
+      class: ["lnb-btn", "lnb-link"],
+      role: "menuitem",
+      onClick: (x) => i(T, x)
+    }, T.text), T.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
+      id: `${l}-lnbmenu-${L}`,
       role: "menu"
-    }, v(x.subItems, K))]) : null]));
+    }, g(T.subItems, L))]) : null]));
     return () => t("nav", { class: "krds-side-navigation" }, [t("h2", { class: "lnb-tit" }, e.title), t("ul", {
       class: "lnb-list",
       role: "menubar"
-    }, m())]);
+    }, z())]);
   }
-}), Ma = Aa, Va = M({
+}), za = Pa, Fa = /* @__PURE__ */ A({
   name: "KrdsStructuredList",
   props: { full: {
     type: Boolean,
@@ -3056,7 +3123,7 @@ var _t = M({
       return t("ul", { class: ["krds-structured-list", e.full ? "type-full" : ""] }, [d]);
     };
   }
-}), Pa = Va, za = M({
+}), Ra = Fa, Ia = /* @__PURE__ */ A({
   name: "KrdsTextList",
   props: {
     type: {
@@ -3071,7 +3138,7 @@ var _t = M({
   setup(e, { slots: a }) {
     return () => t(e.type, { class: ["krds-info-list", e.variant] }, a.default?.());
   }
-}), Fa = za, Ra = M({
+}), Ha = Ia, Na = /* @__PURE__ */ A({
   name: "KrdsCriticalAlerts",
   props: {
     type: {
@@ -3110,7 +3177,7 @@ var _t = M({
       }, [t("span", { class: "m-hide" }, e.linkText), t("i", { class: "svg-icon ico-angle right" })])
     ])])]);
   }
-}), Ia = Ra, Ha = "새 창 열림", Na = 100, we = 400, Oa = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', qa = M({
+}), qa = Na, Oa = "새 창 열림", Wa = 100, _e = 400, Ya = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', ja = /* @__PURE__ */ A({
   name: "KrdsMainMenu",
   props: {
     items: {
@@ -3149,172 +3216,177 @@ var _t = M({
   },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = oe(), n = D(null), s = D(null), d = D(null), h = b(() => e.variant === "pc"), p = (u) => `${l}-gnb-panel-${u}`, w = (u, y) => `${l}-gnb-sub-${u}-${y}`, c = (u) => `${l}-gnb-tab-${u}`, B = (u, y) => `${l}-gnb-depth3-${u}-${y}`, S = (u) => !!u?.subItems?.length, $ = (u) => !S(u) && !!u?.items?.length, f = (u) => S(u) || $(u), o = (u) => !u.items?.length, i = (u) => u ? {
+    const l = ce(), n = E(null), s = E(null), d = E(null), h = k(() => e.variant === "pc"), v = (u) => `${l}-gnb-panel-${u}`, C = (u, y) => `${l}-gnb-sub-${u}-${y}`, c = (u) => `${l}-gnb-tab-${u}`, _ = (u, y) => `${l}-gnb-depth3-${u}-${y}`, S = (u) => !!u?.subItems?.length, D = (u) => !S(u) && !!u?.items?.length, m = (u) => S(u) || D(u), p = (u) => !u.items?.length, i = (u) => u ? {
       target: "_blank",
       rel: "noopener noreferrer",
-      title: Ha
-    } : {}, v = (u, y) => {
+      title: Oa
+    } : {}, o = (u, y) => {
       u.onClick?.(y), a("item-click", u, y);
-    }, m = D(-1), x = D({}), K = D(0), E = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), _ = (u, y, C) => {
-      y ? u.set(C, y) : u.delete(C);
-    }, g = (u) => {
-      const y = u?.subItems?.findIndex((C) => !o(C));
+    }, g = E(-1), z = E({}), T = E(0), L = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), K = (u, y, $) => {
+      y ? u.set($, y) : u.delete($);
+    }, f = (u) => {
+      const y = u?.subItems?.findIndex(($) => !p($));
       return y === void 0 ? -1 : y;
-    }, A = (u) => {
-      const y = x.value[u];
-      return y === void 0 ? g(e.items[u]) : y;
-    }, I = (u) => {
+    }, B = (u) => {
+      const y = z.value[u];
+      return y === void 0 ? f(e.items[u]) : y;
+    }, R = (u) => {
       if (typeof document > "u") return;
       document.body.classList.toggle("is-gnb-web", u);
       const y = document.body.scrollHeight > window.innerHeight;
       document.body.classList.toggle("hasScrollY", u && y);
-    }, O = async () => {
-      await ce();
-      const u = E.get(m.value)?.querySelector(".gnb-sub-list.active");
-      K.value = u?.scrollHeight ?? 0;
-    }, H = (u = !1) => {
-      if (m.value === -1) return;
-      const y = m.value;
-      m.value = -1, K.value = 0, I(!1), a("menu-toggle", y, !1), u && T.get(y)?.focus();
-    }, G = (u) => {
-      if (f(e.items[u])) {
-        if (m.value === u) {
-          H();
+    }, H = async () => {
+      await pe();
+      const u = L.get(g.value)?.querySelector(".gnb-sub-list.active");
+      T.value = u?.scrollHeight ?? 0;
+    }, N = (u = !1) => {
+      if (g.value === -1) return;
+      const y = g.value;
+      g.value = -1, T.value = 0, R(!1), a("menu-toggle", y, !1), u && x.get(y)?.focus();
+    }, O = (u) => {
+      if (m(e.items[u])) {
+        if (g.value === u) {
+          N();
           return;
         }
-        m.value = u, I(!0), a("menu-toggle", u, !0), O();
+        N(), g.value = u, R(!0), a("menu-toggle", u, !0), H();
       }
     }, j = (u, y) => {
-      x.value = {
-        ...x.value,
+      z.value = {
+        ...z.value,
         [u]: y
-      }, O();
-    }, X = (u) => {
+      }, H();
+    }, U = (u) => {
       const y = n.value;
-      !y || y.contains(u.target) || H();
-    }, le = (u) => {
-      const y = n.value, C = u.relatedTarget;
-      !y || !C || y.contains(C) || H();
-    }, de = (u) => {
+      !y || y.contains(u.target) || N();
+    }, oe = (u) => {
+      const y = n.value, $ = u.relatedTarget;
+      !y || !$ || y.contains($) || N();
+    }, ge = (u) => {
       if (u.key === "Escape") {
-        H(!0);
+        N(!0);
         return;
       }
       const y = u.target;
       if (!y?.dataset.trigger) return;
-      const C = (k) => {
-        const P = y.closest("li");
-        (k === "next" ? P?.nextElementSibling : P?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
+      const $ = (w) => {
+        const V = y.closest("li");
+        (w === "next" ? V?.nextElementSibling : V?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
       };
       switch (u.key) {
         case "Home":
-          u.preventDefault(), T.get(0)?.focus();
+          u.preventDefault(), x.get(0)?.focus();
           break;
         case "End":
-          u.preventDefault(), T.get(e.items.length - 1)?.focus();
+          u.preventDefault(), x.get(e.items.length - 1)?.focus();
           break;
         case "ArrowRight":
         case "ArrowDown":
-          u.preventDefault(), C("next");
+          u.preventDefault(), $("next");
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          u.preventDefault(), C("prev");
+          u.preventDefault(), $("prev");
       }
-    }, ae = D(0), Q = D({}), ne = D(null), L = D(null), R = D(e.open), Y = D(e.open), V = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), U = (u, y, C) => {
-      y ? u.set(C, y) : u.delete(C);
+    }, ne = E(0), Q = E({}), ue = E(null), ee = E(null), de = E(e.open), le = E(e.open), P = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), b = (u, y, $) => {
+      y ? u.set($, y) : u.delete($);
     };
-    let J, ee;
-    const ue = (u) => {
+    let M, I, J = null;
+    const se = (u) => {
       typeof document > "u" || document.body.classList.toggle("is-gnb-mobile", u);
-    }, Ee = () => {
-      ee && clearTimeout(ee), R.value = !0, J = setTimeout(() => {
-        Y.value = !0, ue(!0), s.value?.focus();
-      }, Na);
-    }, _e = () => {
-      J && clearTimeout(J), Y.value = !1, ee = setTimeout(() => {
-        R.value = !1, ue(!1);
-      }, we);
+    }, X = () => {
+      le.value && s.value?.focus();
+    }, te = () => {
+      I && clearTimeout(I), J = document.activeElement, de.value = !0, M = setTimeout(() => {
+        le.value = !0, se(!0), n.value?.addEventListener("transitionend", X, { once: !0 }), requestAnimationFrame(() => {
+          n.value?.getAnimations().length || X();
+        });
+      }, Wa);
+    }, he = () => {
+      M && clearTimeout(M), le.value = !1, J?.focus(), J = null, I = setTimeout(() => {
+        de.value = !1, se(!1);
+      }, _e);
     };
-    se(() => e.open, (u) => {
-      u ? Ee() : _e();
+    re(() => e.open, (u) => {
+      u ? te() : he();
     });
-    const Ae = (u, y) => {
-      u.preventDefault(), ae.value = y;
-      const C = d.value, k = V.get(y);
-      C && k && C.scrollTo({
+    const ye = (u, y) => {
+      u.preventDefault(), ne.value = y;
+      const $ = d.value, w = P.get(y);
+      $ && w && $.scrollTo({
         left: 0,
-        top: k.offsetTop,
+        top: w.offsetTop,
         behavior: "smooth"
       });
-    }, Me = () => {
+    }, Se = () => {
       const u = d.value;
       if (!u) return;
-      const { scrollTop: y, scrollHeight: C, clientHeight: k } = u;
-      let P = ae.value;
-      V.forEach((q, W) => {
-        (y >= q.offsetTop || y + k >= C) && (P = W);
-      }), ae.value = P;
-    }, Ve = (u, y) => {
+      const { scrollTop: y, scrollHeight: $, clientHeight: w } = u;
+      let V = ne.value;
+      P.forEach((W, Y) => {
+        (y >= W.offsetTop || y + w >= $) && (V = Y);
+      }), ne.value = V;
+    }, me = (u, y) => {
       u.preventDefault(), Q.value = {
         ...Q.value,
         [y]: !Q.value[y]
       };
-    }, Pe = async (u, y) => {
-      u.preventDefault(), ne.value = y, await ce(), L.value = y, await ce(), N.get(y)?.focus();
-    }, ye = (u) => {
-      L.value = null, F.get(u)?.focus(), setTimeout(() => {
-        L.value || (ne.value = null);
-      }, we);
-    }, ze = (u, y) => {
-      const C = Array.from(u.querySelectorAll(Oa));
-      if (!C.length) return;
-      const k = C[0], P = C[C.length - 1], q = document.activeElement;
-      y.shiftKey && (q === k || q === u) ? (y.preventDefault(), P.focus()) : !y.shiftKey && q === P && (y.preventDefault(), k.focus());
-    }, Fe = (u) => {
+    }, Re = async (u, y) => {
+      u.preventDefault(), ue.value = y, await pe(), ee.value = y, await pe(), q.get(y)?.focus();
+    }, Le = (u) => {
+      ee.value = null, F.get(u)?.focus(), setTimeout(() => {
+        ee.value || (ue.value = null);
+      }, _e);
+    }, Ie = (u, y) => {
+      const $ = Array.from(u.querySelectorAll(Ya));
+      if (!$.length) return;
+      const w = $[0], V = $[$.length - 1], W = document.activeElement;
+      y.shiftKey && (W === w || W === u) ? (y.preventDefault(), V.focus()) : !y.shiftKey && W === V && (y.preventDefault(), w.focus());
+    }, He = (u) => {
       if (u.key === "Escape") {
-        L.value ? ye(L.value) : a("update:open", !1);
+        ee.value ? Le(ee.value) : a("update:open", !1);
         return;
       }
       if (u.key !== "Tab") return;
-      const y = L.value ? z.get(L.value) : s.value;
-      y && ze(y, u);
+      const y = ee.value ? G.get(ee.value) : s.value;
+      y && Ie(y, u);
     };
-    re(() => {
+    ie(() => {
       if (h.value) {
-        document.addEventListener("click", X);
+        document.addEventListener("click", U);
         return;
       }
-      e.open && (R.value = !0, Y.value = !0, ue(!0));
+      e.open && (de.value = !0, le.value = !0, se(!0));
       const u = {};
-      e.items.forEach((y, C) => {
-        y.subItems?.forEach((k, P) => {
-          k.expanded && (u[`${C}-${P}`] = !0);
+      e.items.forEach((y, $) => {
+        y.subItems?.forEach((w, V) => {
+          w.expanded && (u[`${$}-${V}`] = !0);
         });
       }), Q.value = u;
     }), fe(() => {
-      typeof document < "u" && (document.removeEventListener("click", X), document.body.classList.remove("is-gnb-web", "hasScrollY", "is-gnb-mobile")), J && clearTimeout(J), ee && clearTimeout(ee);
+      typeof document < "u" && (document.removeEventListener("click", U), document.body.classList.remove("is-gnb-web", "hasScrollY", "is-gnb-mobile")), M && clearTimeout(M), I && clearTimeout(I);
     });
-    const Re = (u) => {
-      const y = u.some((k) => !!k.description), C = u.map((k, P) => {
-        const q = i(k.external), W = k.external ? t("i", { class: "svg-icon ico-go" }) : null;
-        if (y) return t("li", { key: `link-${P}` }, [t("h3", { class: "tit" }, [t("a", {
-          href: k.href || "#",
-          ...q,
-          onClick: (te) => v(k, te)
-        }, [k.text, W])]), k.description ? t("p", { class: "txt" }, k.description) : null]);
-        const Z = k.href ? "a" : "button";
-        return t("li", { key: `link-${P}` }, [t(Z, {
-          ...k.href ? {
-            href: k.href,
-            ...q
+    const Ne = (u) => {
+      const y = u.some((w) => !!w.description), $ = u.map((w, V) => {
+        const W = i(w.external), Y = w.external ? t("i", { class: "svg-icon ico-go" }) : null;
+        if (y) return t("li", { key: `link-${V}` }, [t("h3", { class: "tit" }, [t("a", {
+          href: w.href || "#",
+          ...W,
+          class: { active: w.selected },
+          onClick: (ae) => o(w, ae)
+        }, [w.text, Y])]), w.description ? t("p", { class: "txt" }, w.description) : null]);
+        const Z = w.href ? "a" : "button";
+        return t("li", { key: `link-${V}` }, [t(Z, {
+          ...w.href ? {
+            href: w.href,
+            ...W
           } : { type: "button" },
-          class: { active: k.selected },
-          onClick: (te) => v(k, te)
-        }, [k.text, W])]);
+          class: { active: w.selected },
+          onClick: (ae) => o(w, ae)
+        }, [w.text, Y])]);
       });
-      return t("ul", { class: y ? "type-description" : void 0 }, C);
-    }, me = (u) => {
+      return t("ul", { class: y ? "type-description" : void 0 }, $);
+    }, De = (u) => {
       const y = u.titleLink ? [u.title, t("a", {
         href: u.titleLink.href,
         class: "krds-btn link basic small"
@@ -3326,57 +3398,57 @@ var _t = M({
           between: u.layout === "between",
           "single-list": u.single
         }]
-      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, y), Re(u.linkItems)]), u.banner]);
-    }, Ie = (u, y) => (u.subItems ?? []).map((C, k) => {
-      if (o(C)) {
-        const W = C.href ? "a" : "button";
-        return t("li", { key: `sub-${k}` }, [t(W, {
-          ...C.href ? {
-            href: C.href,
-            ...i(C.external)
+      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, y), Ne(u.linkItems)]), u.banner]);
+    }, qe = (u, y) => (u.subItems ?? []).map(($, w) => {
+      if (p($)) {
+        const Y = $.href ? "a" : "button";
+        return t("li", { key: `sub-${w}` }, [t(Y, {
+          ...$.href ? {
+            href: $.href,
+            ...i($.external)
           } : { type: "button" },
           class: [
             "gnb-sub-trigger",
             "is-link",
             {
-              "external-link": C.external,
-              selected: C.selected
+              "external-link": $.external,
+              selected: $.selected
             }
           ],
           "data-trigger": "gnb",
-          onClick: (Z) => v(C, Z)
-        }, C.text)]);
+          onClick: (Z) => o($, Z)
+        }, $.text)]);
       }
-      const P = A(y) === k, q = C.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
+      const V = B(y) === w, W = $.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
         item: u,
-        subItem: C,
+        subItem: $,
         index: y,
-        subIndex: k
+        subIndex: w
       })) : null;
-      return t("li", { key: `sub-${k}` }, [t("button", {
+      return t("li", { key: `sub-${w}` }, [t("button", {
         type: "button",
         class: ["gnb-sub-trigger", {
-          active: P,
-          selected: C.selected
+          active: V,
+          selected: $.selected
         }],
         "data-trigger": "gnb",
-        "aria-controls": w(y, k),
-        "aria-expanded": P ? "true" : "false",
+        "aria-controls": C(y, w),
+        "aria-expanded": V ? "true" : "false",
         "aria-haspopup": "true",
-        onClick: (W) => {
-          j(y, k), v(C, W);
+        onClick: (Y) => {
+          j(y, w), o($, Y);
         }
-      }, C.text), me({
-        id: w(y, k),
-        title: C.title || C.text,
-        titleLink: C.titleLink,
-        linkItems: C.items ?? [],
-        layout: C.layout,
-        active: P,
-        banner: q
+      }, $.text), De({
+        id: C(y, w),
+        title: $.title || $.text,
+        titleLink: $.titleLink,
+        linkItems: $.items ?? [],
+        layout: $.layout,
+        active: V,
+        banner: W
       })]);
-    }), He = (u, y) => {
-      const C = m.value === y, k = S(u), P = k ? [t("ul", {}, Ie(u, y))] : [me({
+    }), Oe = (u, y) => {
+      const $ = g.value === y, w = S(u), V = w ? [t("ul", {}, qe(u, y))] : [De({
         title: u.title || u.text,
         linkItems: u.items ?? [],
         layout: u.layout,
@@ -3388,39 +3460,39 @@ var _t = M({
         })) : null
       })];
       return t("div", {
-        id: p(y),
-        class: ["gnb-toggle-wrap", { "is-open": C }]
+        id: v(y),
+        class: ["gnb-toggle-wrap", { "is-open": $ }]
       }, [t("div", {
-        ref: (q) => _(E, q, y),
+        ref: (W) => K(L, W, y),
         class: "gnb-main-list",
-        ...k ? { "data-has-submenu": "true" } : {},
-        style: C && K.value ? { minHeight: `${K.value}px` } : void 0
-      }, P)]);
-    }, Ne = () => {
-      const u = e.items.map((C, k) => {
-        const P = f(C), q = m.value === k, W = !P && C.href ? "a" : "button", Z = t(W, {
-          ref: (te) => _(T, te, k),
-          ...W === "a" ? {
-            href: C.href,
-            ...i(C.external)
+        ...w ? { "data-has-submenu": "true" } : {},
+        style: $ && T.value ? { minHeight: `${T.value}px` } : void 0
+      }, V)]);
+    }, We = () => {
+      const u = e.items.map(($, w) => {
+        const V = m($), W = g.value === w, Y = !V && $.href ? "a" : "button", Z = t(Y, {
+          ref: (ae) => K(x, ae, w),
+          ...Y === "a" ? {
+            href: $.href,
+            ...i($.external)
           } : { type: "button" },
           class: ["gnb-main-trigger", {
-            active: q,
-            "is-link": !P,
-            selected: C.selected
+            active: W,
+            "is-link": !V,
+            selected: $.selected
           }],
           "data-trigger": "gnb",
-          ...P ? {
-            "aria-controls": p(k),
-            "aria-expanded": q ? "true" : "false",
+          ...V ? {
+            "aria-controls": v(w),
+            "aria-expanded": W ? "true" : "false",
             "aria-haspopup": "true"
           } : {},
-          onClick: (te) => {
-            P && G(k), v(C, te);
+          onClick: (ae) => {
+            V && O(w), o($, ae);
           }
-        }, C.text);
-        return t("li", { key: `main-${k}` }, [Z, P ? He(C, k) : null]);
-      }), y = e.backdrop && m.value !== -1 ? t(Ce, { to: "body" }, [t("div", {
+        }, $.text);
+        return t("li", { key: `main-${w}` }, [Z, V ? Oe($, w) : null]);
+      }), y = e.backdrop && g.value !== -1 ? t(Ce, { to: "body" }, [t("div", {
         class: "gnb-backdrop active",
         "aria-hidden": "true"
       })]) : null;
@@ -3428,108 +3500,111 @@ var _t = M({
         ref: n,
         class: "krds-main-menu",
         "aria-label": e.ariaLabel,
-        onKeydown: de,
-        onFocusout: le
+        onKeydown: ge,
+        onFocusout: oe
       }, [t("div", { class: "inner" }, [t("ul", {
         class: "gnb-menu",
         "aria-label": e.ariaLabel
       }, u)]), y]);
-    }, Oe = (u, y) => {
-      const C = () => ye(y);
+    }, Ye = (u, y) => {
+      const $ = () => Le(y);
       return t("div", {
-        ref: (k) => U(z, k, y),
-        class: ["depth4-wrap", { "is-open": L.value === y }],
-        style: ne.value === y ? { display: "block" } : void 0
+        ref: (w) => b(G, w, y),
+        class: ["depth4-wrap", { "is-open": ee.value === y }],
+        style: ue.value === y ? { display: "block" } : void 0
       }, [t("div", { class: "depth4-head" }, [t("button", {
-        ref: (k) => U(N, k, y),
+        ref: (w) => b(q, w, y),
         type: "button",
         class: "krds-btn icon trigger-prev",
-        onClick: C
+        onClick: $
       }, [t("span", { class: "sr-only" }, "이전화면"), t("i", { class: "svg-icon ico-angle left" })]), t("button", {
         type: "button",
         class: "krds-btn icon trigger-close",
-        onClick: C
-      }, [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" }, u.panelTitle || u.text), t("ul", { class: "depth4-ul" }, (u.items ?? []).map((k, P) => t("li", { key: `depth4-${P}` }, [t("a", {
-        href: k.href || "#",
-        ...i(k.external),
-        class: { selected: k.selected },
-        onClick: (q) => v(k, q)
-      }, k.text)])))])]);
-    }, qe = (u, y, C) => {
-      const k = (u.items ?? []).map((P, q) => {
-        const W = `${y}-${C}-${q}`, Z = !!P.items?.length;
-        return t("li", { key: `depth3-${q}` }, [t("a", {
-          ref: (te) => U(F, te, W),
-          href: P.href || "#",
-          ...Z ? {} : i(P.external),
+        onClick: $
+      }, [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" }, u.panelTitle || u.text), t("ul", { class: "depth4-ul" }, (u.items ?? []).map((w, V) => t("li", { key: `depth4-${V}` }, [t("a", {
+        href: w.href || "#",
+        ...i(w.external),
+        class: { selected: w.selected },
+        onClick: (W) => o(w, W)
+      }, w.text)])))])]);
+    }, je = (u, y, $) => {
+      const w = (u.items ?? []).map((V, W) => {
+        const Y = `${y}-${$}-${W}`, Z = !!V.items?.length;
+        return t("li", { key: `depth3-${W}` }, [t("a", {
+          ref: (ae) => b(F, ae, Y),
+          href: V.href || "#",
+          ...Z ? {} : i(V.external),
           class: ["depth3-trigger", {
             "has-depth4": Z,
-            selected: P.selected
+            selected: V.selected
           }],
           ...Z ? {
             "aria-haspopup": "true",
-            "aria-expanded": L.value === W ? "true" : "false"
+            "aria-expanded": ee.value === Y ? "true" : "false"
           } : {},
-          onClick: (te) => {
-            Z && Pe(te, W), v(P, te);
+          onClick: (ae) => {
+            Z && Re(ae, Y), o(V, ae);
           }
-        }, P.text), Z ? Oe(P, W) : null]);
+        }, V.text), Z ? Ye(V, Y) : null]);
       });
-      return t("div", { class: ["depth3-wrap", { "is-open": Q.value[`${y}-${C}`] }] }, [t("ul", {}, k)]);
-    }, We = (u, y) => {
-      const C = (u.subItems ?? []).map((k, P) => {
-        const q = `${y}-${P}`, W = !!k.items?.length;
-        return t("li", { key: `sub-${P}` }, [t("a", {
-          href: k.href || "#",
-          ...W ? {} : i(k.external),
+      return t("div", {
+        id: _(y, $),
+        class: ["depth3-wrap", { "is-open": Q.value[`${y}-${$}`] }]
+      }, [t("ul", {}, w)]);
+    }, Ge = (u, y) => {
+      const $ = (u.subItems ?? []).map((w, V) => {
+        const W = `${y}-${V}`, Y = !!w.items?.length;
+        return t("li", { key: `sub-${V}` }, [t("a", {
+          href: w.href || "#",
+          ...Y ? {} : i(w.external),
           class: ["gnb-sub-trigger", {
-            "has-depth3": W,
-            active: W && Q.value[q],
-            selected: k.selected
+            "has-depth3": Y,
+            active: Y && Q.value[W],
+            selected: w.selected
           }],
-          ...W ? {
-            "aria-controls": B(y, P),
-            "aria-expanded": Q.value[q] ? "true" : "false"
+          ...Y ? {
+            "aria-controls": _(y, V),
+            "aria-expanded": Q.value[W] ? "true" : "false"
           } : {},
           onClick: (Z) => {
-            W && Ve(Z, q), v(k, Z);
+            Y && me(Z, W), o(w, Z);
           }
-        }, k.text), W ? qe(k, y, P) : null]);
+        }, w.text), Y ? je(w, y, V) : null]);
       });
       return t("div", {
-        ref: (k) => _(V, k, y),
-        id: p(y),
+        ref: (w) => K(P, w, y),
+        id: v(y),
         class: "gnb-sub-list",
         role: "tabpanel",
         "aria-labelledby": c(y)
-      }, [t("h2", { class: "sub-title" }, u.title || u.text), t("ul", {}, C)]);
-    }, Ye = () => {
-      const u = e.items.map((C, k) => t("li", {
-        key: `tab-${k}`,
+      }, [t("h2", { class: "sub-title" }, u.title || u.text), t("ul", {}, $)]);
+    }, Ue = () => {
+      const u = e.items.map(($, w) => t("li", {
+        key: `tab-${w}`,
         role: "none"
       }, [t("a", {
-        id: c(k),
-        href: `#${p(k)}`,
-        class: ["gnb-main-trigger", { active: ae.value === k }],
+        id: c(w),
+        href: `#${v(w)}`,
+        class: ["gnb-main-trigger", { active: ne.value === w }],
         role: "tab",
-        "aria-controls": p(k),
-        "aria-selected": ae.value === k ? "true" : "false",
-        onClick: (P) => {
-          Ae(P, k), v(C, P);
+        "aria-controls": v(w),
+        "aria-selected": ne.value === w ? "true" : "false",
+        onClick: (V) => {
+          ye(V, w), o($, V);
         }
-      }, C.text)])), y = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
+      }, $.text)])), y = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
         role: "tablist",
         "aria-label": e.ariaLabel
-      }, u)]), t("div", { class: "submenu-wrap" }, e.items.map(We))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
+      }, u)]), t("div", { class: "submenu-wrap" }, e.items.map(Ge))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
       return t("div", {
         ref: n,
         id: e.mobileId,
         class: ["krds-main-menu-mobile", {
-          "is-open": Y.value,
-          "is-backdrop": Y.value
+          "is-open": le.value,
+          "is-backdrop": le.value
         }],
-        style: R.value ? void 0 : { display: "none" },
-        onKeydown: Fe
+        style: de.value ? void 0 : { display: "none" },
+        onKeydown: He
       }, [t("div", {
         ref: s,
         class: "gnb-wrap",
@@ -3539,7 +3614,7 @@ var _t = M({
         t("div", {
           ref: d,
           class: "gnb-body",
-          onScroll: Me
+          onScroll: Se
         }, y),
         t("button", {
           type: "button",
@@ -3549,9 +3624,9 @@ var _t = M({
         }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])
       ])]);
     };
-    return () => h.value ? Ne() : Ye();
+    return () => h.value ? We() : Ue();
   }
-}), Wa = qa, Ya = 400, ja = 2500, Ga = 0, Ua = 16, Be = (e) => e ? e.flatMap((a) => a.type === Ge ? Array.isArray(a.children) ? Be(a.children) : [] : a.type === je ? [] : a.type === Ue && typeof a.children == "string" && a.children.trim() === "" ? [] : [a]) : [], Xa = M({
+}), Ga = ja, Ua = 400, Xa = 2500, Qa = 0, Ja = 16, ze = (e) => e ? e.flatMap((a) => a.type === Qe ? Array.isArray(a.children) ? ze(a.children) : [] : a.type === Xe ? [] : a.type === Je && typeof a.children == "string" && a.children.trim() === "" ? [] : [a]) : [], Za = /* @__PURE__ */ A({
   name: "KrdsCarousel",
   props: {
     variant: {
@@ -3572,7 +3647,7 @@ var _t = M({
     },
     autoplayDelay: {
       type: Number,
-      default: ja
+      default: Xa
     },
     pauseOnHover: {
       type: Boolean,
@@ -3580,7 +3655,7 @@ var _t = M({
     },
     speed: {
       type: Number,
-      default: Ya
+      default: Ua
     },
     spaceBetween: {
       type: Number,
@@ -3635,171 +3710,171 @@ var _t = M({
     "more-click": (e) => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = xe()?.uid, n = b(() => `${e.id ?? `krds-carousel-${l}`}-wrapper`);
+    const l = xe()?.uid, n = k(() => `${e.id ?? `krds-carousel-${l}`}-wrapper`);
     let s = 0;
-    const d = D(e.activeIndex ?? 0), h = b(() => e.spaceBetween ?? (e.variant === "banner" ? Ua : Ga)), p = b(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), w = D(!1), c = D(!1), B = D(!1), S = b(() => c.value || B.value);
-    let $;
-    const f = () => {
-      $ !== void 0 && (clearInterval($), $ = void 0);
-    }, o = (V) => {
+    const d = E(e.activeIndex ?? 0), h = k(() => e.spaceBetween ?? (e.variant === "banner" ? Ja : Qa)), v = k(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), C = E(!1), c = E(!1), _ = E(!1), S = k(() => c.value || _.value);
+    let D;
+    const m = () => {
+      D !== void 0 && (clearInterval(D), D = void 0);
+    }, p = (P) => {
       if (s <= 0) return;
-      const F = e.loop ? (V % s + s) % s : Math.min(Math.max(V, 0), s - 1);
+      const F = e.loop ? (P % s + s) % s : Math.min(Math.max(P, 0), s - 1);
       F !== d.value && (d.value = F, a("update:activeIndex", F), a("change", F));
-    }, i = () => o(d.value - 1), v = () => o(d.value + 1), m = () => {
-      w.value || (w.value = !0, a("play"));
-    }, x = () => {
-      w.value && (w.value = !1, a("stop"));
+    }, i = () => p(d.value - 1), o = () => p(d.value + 1), g = () => {
+      C.value || (C.value = !0, a("play"));
+    }, z = () => {
+      C.value && (C.value = !1, a("stop"));
     };
-    se([
-      w,
+    re([
+      C,
       S,
       () => e.autoplayDelay
     ], () => {
-      f(), !(!w.value || S.value) && ($ = setInterval(() => {
+      m(), !(!C.value || S.value) && (D = setInterval(() => {
         if (!e.loop && s > 0 && d.value >= s - 1) {
-          x();
+          z();
           return;
         }
-        v();
+        o();
       }, e.autoplayDelay));
-    }), se(() => e.autoplay, (V) => {
-      V ? m() : x();
-    }), se(() => e.activeIndex, (V) => {
-      typeof V != "number" || V === d.value || (d.value = s > 0 ? Math.min(Math.max(V, 0), s - 1) : V);
+    }), re(() => e.autoplay, (P) => {
+      P ? g() : z();
+    }), re(() => e.activeIndex, (P) => {
+      typeof P != "number" || P === d.value || (d.value = s > 0 ? Math.min(Math.max(P, 0), s - 1) : P);
     });
-    const E = D(!1);
-    let T;
-    const _ = (V) => {
-      E.value = V.matches;
-    }, g = b(() => E.value ? 0 : e.speed);
-    re(() => {
-      typeof window < "u" && window.matchMedia && (T = window.matchMedia("(prefers-reduced-motion: reduce)"), E.value = T.matches, T.addEventListener("change", _)), e.autoplay && m();
+    const L = E(!1);
+    let x;
+    const K = (P) => {
+      L.value = P.matches;
+    }, f = k(() => L.value ? 0 : e.speed);
+    ie(() => {
+      typeof window < "u" && window.matchMedia && (x = window.matchMedia("(prefers-reduced-motion: reduce)"), L.value = x.matches, x.addEventListener("change", K)), e.autoplay && g();
     }), fe(() => {
-      f(), T?.removeEventListener("change", _);
+      m(), x?.removeEventListener("change", K);
     });
-    const A = () => {
+    const B = () => {
       e.pauseOnHover && (c.value = !0);
-    }, I = () => {
+    }, R = () => {
       c.value = !1;
-    }, O = () => {
-      B.value = !0;
-    }, H = (V) => {
-      const F = V.currentTarget;
-      F && F.contains(V.relatedTarget) || (B.value = !1);
-    }, G = (V) => {
-      a("more-click", V);
+    }, H = () => {
+      _.value = !0;
+    }, N = (P) => {
+      const F = P.currentTarget;
+      F && F.contains(P.relatedTarget) || (_.value = !1);
+    }, O = (P) => {
+      a("more-click", P);
     }, j = {
       position: "relative",
       overflow: "hidden",
       width: "100%"
-    }, X = {
+    }, U = {
       flex: "0 0 100%",
       width: "100%"
-    }, le = (V) => ({
+    }, oe = (P) => ({
       display: "flex",
       width: "100%",
       gap: h.value > 0 ? `${h.value}px` : void 0,
-      transform: `translate3d(calc(${-V} * (100% + ${h.value}px)), 0, 0)`,
+      transform: `translate3d(calc(${-P} * (100% + ${h.value}px)), 0, 0)`,
       transitionProperty: "transform",
-      transitionDuration: `${g.value}ms`,
+      transitionDuration: `${f.value}ms`,
       transitionTimingFunction: "ease-out",
       willChange: "transform"
-    }), de = (V) => ({
+    }), ge = (P) => ({
       position: "absolute",
       top: "50%",
-      left: V ? "0" : void 0,
-      right: V ? void 0 : "0",
+      left: P ? "0" : void 0,
+      right: P ? void 0 : "0",
       transform: "translateY(-50%)",
       zIndex: 10
-    }), ae = (V, F) => V.map((z, N) => {
-      const U = N === F;
+    }), ne = (P, F) => P.map((G, q) => {
+      const b = q === F;
       return t("li", {
-        key: z.key ?? `krds-carousel-slide-${N}`,
-        class: ["swiper-slide", { "swiper-slide-active": U }],
-        style: X,
+        key: G.key ?? `krds-carousel-slide-${q}`,
+        class: ["swiper-slide", { "swiper-slide-active": b }],
+        style: U,
         "aria-roledescription": "slide",
-        "aria-label": `${N + 1} / ${V.length}`,
-        "aria-hidden": U ? void 0 : "true",
-        inert: U ? void 0 : !0
-      }, [z]);
-    }), Q = (V, F, z) => {
-      const N = V === "prev", U = !e.loop && (N ? F <= 0 : F >= s - 1);
+        "aria-label": `${q + 1} / ${P.length}`,
+        "aria-hidden": b ? void 0 : "true",
+        inert: b ? void 0 : !0
+      }, [G]);
+    }), Q = (P, F, G) => {
+      const q = P === "prev", b = !e.loop && (q ? F <= 0 : F >= s - 1);
       return t("button", {
         type: "button",
-        class: [`swiper-button-${V}`, { "swiper-button-disabled": U }],
-        style: z ? de(N) : void 0,
-        disabled: U,
+        class: [`swiper-button-${P}`, { "swiper-button-disabled": b }],
+        style: G ? ge(q) : void 0,
+        disabled: b,
         "aria-controls": n.value,
-        onClick: N ? i : v
-      }, [t("span", { class: "sr-only" }, N ? e.prevLabel : e.nextLabel)]);
-    }, ne = () => t("a", {
+        onClick: q ? i : o
+      }, [t("span", { class: "sr-only" }, q ? e.prevLabel : e.nextLabel)]);
+    }, ue = () => t("a", {
       href: e.moreHref,
       class: "swiper-button-more",
-      onClick: G
-    }, [t("span", { class: "sr-only" }, e.moreLabel)]), L = (V, F) => p.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
+      onClick: O
+    }, [t("span", { class: "sr-only" }, e.moreLabel)]), ee = (P, F) => v.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
       t("span", { class: "swiper-pagination-current" }, String(F + 1)),
       t("span", { "aria-hidden": "true" }, "/"),
-      t("span", { class: "swiper-pagination-total" }, String(V))
-    ]) : t("div", { class: "swiper-pagination" }, Array.from({ length: V }, (z, N) => t("button", {
-      key: `krds-carousel-bullet-${N}`,
+      t("span", { class: "swiper-pagination-total" }, String(P))
+    ]) : t("div", { class: "swiper-pagination" }, Array.from({ length: P }, (G, q) => t("button", {
+      key: `krds-carousel-bullet-${q}`,
       type: "button",
-      class: ["swiper-pagination-bullet", { "swiper-pagination-bullet-active": N === F }],
-      "aria-label": `${N + 1}번째 슬라이드로 이동`,
-      "aria-current": N === F ? "true" : void 0,
+      class: ["swiper-pagination-bullet", { "swiper-pagination-bullet-active": q === F }],
+      "aria-label": `${q + 1}번째 슬라이드로 이동`,
+      "aria-current": q === F ? "true" : void 0,
       "aria-controls": n.value,
-      onClick: () => o(N)
-    }))), R = () => t("div", { class: "swiper-controller" }, [t("button", {
+      onClick: () => p(q)
+    }))), de = () => t("div", { class: "swiper-controller" }, [t("button", {
       type: "button",
       class: "swiper-button-play",
-      style: w.value ? { display: "none" } : void 0,
+      style: C.value ? { display: "none" } : void 0,
       "aria-controls": n.value,
-      onClick: m
+      onClick: g
     }, [t("span", { class: "sr-only" }, e.playLabel)]), t("button", {
       type: "button",
       class: "swiper-button-stop",
-      style: w.value ? void 0 : { display: "none" },
+      style: C.value ? void 0 : { display: "none" },
       "aria-controls": n.value,
-      onClick: x
-    }, [t("span", { class: "sr-only" }, e.stopLabel)])]), Y = (V, F) => {
-      const z = e.variant === "banner", N = p.value !== "none", U = !!e.moreHref, J = [];
-      if (N && J.push(L(V, F)), e.autoplay && J.push(R()), z) {
-        const ee = [];
-        e.navigation && ee.push(Q("prev", F, !1), Q("next", F, !1)), U && ee.push(ne()), ee.length > 0 && J.push(t("div", { class: "swiper-navigation" }, ee));
-      } else U && J.push(ne());
-      return J.length === 0 ? null : t("div", { class: ["swiper-indicator", { "text-center": !z }] }, J);
+      onClick: z
+    }, [t("span", { class: "sr-only" }, e.stopLabel)])]), le = (P, F) => {
+      const G = e.variant === "banner", q = v.value !== "none", b = !!e.moreHref, M = [];
+      if (q && M.push(ee(P, F)), e.autoplay && M.push(de()), G) {
+        const I = [];
+        e.navigation && I.push(Q("prev", F, !1), Q("next", F, !1)), b && I.push(ue()), I.length > 0 && M.push(t("div", { class: "swiper-navigation" }, I));
+      } else b && M.push(ue());
+      return M.length === 0 ? null : t("div", { class: ["swiper-indicator", { "text-center": !G }] }, M);
     };
     return () => {
-      const V = Be(r.default?.()), F = V.length;
+      const P = ze(r.default?.()), F = P.length;
       s = F;
-      const z = F > 0 ? Math.min(Math.max(d.value, 0), F - 1) : 0, N = e.variant === "banner";
+      const G = F > 0 ? Math.min(Math.max(d.value, 0), F - 1) : 0, q = e.variant === "banner";
       return t("div", {
         id: e.id,
-        class: ["krds-carousel", N ? "main-d-ban-swiper" : "vb-swiper"],
+        class: ["krds-carousel", q ? "main-d-ban-swiper" : "vb-swiper"],
         style: { position: "relative" },
         role: "region",
         "aria-roledescription": "carousel",
         "aria-label": e.ariaLabel,
-        onMouseenter: A,
-        onMouseleave: I,
-        onFocusin: O,
-        onFocusout: H
+        onMouseenter: B,
+        onMouseleave: R,
+        onFocusin: H,
+        onFocusout: N
       }, [
         t("div", {
           class: "swiper",
           style: j,
-          "aria-live": w.value ? "off" : "polite"
+          "aria-live": C.value ? "off" : "polite"
         }, [t("ul", {
           id: n.value,
           class: "swiper-wrapper",
-          style: le(z)
-        }, ae(V, z))]),
-        !N && e.navigation && F > 0 ? Q("prev", z, !0) : null,
-        !N && e.navigation && F > 0 ? Q("next", z, !0) : null,
-        F > 0 ? Y(F, z) : null
+          style: oe(G)
+        }, ne(P, G))]),
+        !q && e.navigation && F > 0 ? Q("prev", G, !0) : null,
+        !q && e.navigation && F > 0 ? Q("next", G, !0) : null,
+        F > 0 ? le(F, G) : null
       ]);
     };
   }
-}), Qa = Xa, Ja = M({
+}), el = Za, tl = /* @__PURE__ */ A({
   name: "KrdsTabs",
   props: {
     tabs: {
@@ -3832,13 +3907,13 @@ var _t = M({
     change: (e) => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = oe(), n = (c) => `tab-${l}-${c}`, s = (c) => `panel-${l}-${c}`, d = D(e.tabs.find((c) => !c.disabled)?.id), h = b(() => e.modelValue ?? d.value), p = (c) => {
+    const l = ce(), n = (c) => `tab-${l}-${c}`, s = (c) => `panel-${l}-${c}`, d = E(e.tabs.find((c) => !c.disabled)?.id), h = k(() => e.modelValue ?? d.value), v = (c) => {
       c.disabled || c.id === h.value || (d.value = c.id, a("update:modelValue", c.id), a("change", c.id));
-    }, w = (c) => {
+    }, C = (c) => {
       if (c.key !== "ArrowRight" && c.key !== "ArrowLeft") return;
       c.preventDefault();
-      const B = c.currentTarget;
-      (c.key === "ArrowRight" ? B.nextElementSibling : B.previousElementSibling)?.querySelector("button")?.focus();
+      const _ = c.currentTarget;
+      (c.key === "ArrowRight" ? _.nextElementSibling : _.previousElementSibling)?.querySelector("button")?.focus();
     };
     return () => t("div", { class: [
       "krds-tab-area",
@@ -3855,12 +3930,12 @@ var _t = M({
       "aria-selected": c.id === h.value,
       "aria-controls": s(c.id),
       class: { active: c.id === h.value },
-      onKeydown: w
+      onKeydown: C
     }, [t("button", {
       type: "button",
       class: "btn-tab",
       disabled: c.disabled || void 0,
-      onClick: () => p(c)
+      onClick: () => v(c)
     }, [c.label, c.id === h.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),
@@ -3869,119 +3944,119 @@ var _t = M({
       class: ["tab-conts", { active: c.id === h.value }]
     }, r[c.id]?.())))]);
   }
-}), Za = Ja, Ke = /* @__PURE__ */ Je({
-  KrdsAccordionGroup: () => ga,
-  KrdsAccordionItem: () => ya,
-  KrdsBadge: () => Ct,
-  KrdsBreadcrumb: () => Gt,
-  KrdsButton: () => Ze,
-  KrdsButtonGroup: () => et,
-  KrdsCarousel: () => Qa,
-  KrdsCheckArea: () => Vt,
-  KrdsCheckbox: () => zt,
-  KrdsCoachMark: () => sa,
-  KrdsContextualHelp: () => la,
-  KrdsCriticalAlerts: () => Ia,
-  KrdsDateInput: () => gt,
-  KrdsDisclosure: () => La,
-  KrdsFileUpload: () => wt,
-  KrdsFooter: () => xa,
-  KrdsFormGroup: () => dt,
-  KrdsFormHint: () => ot,
-  KrdsFormLabel: () => rt,
-  KrdsHeader: () => Ka,
-  KrdsIcon: () => tt,
-  KrdsIdentifier: () => Ba,
-  KrdsInPageNavigation: () => Xt,
-  KrdsInput: () => nt,
-  KrdsLanguageSwitcher: () => ua,
-  KrdsLayout: () => _a,
-  KrdsLink: () => at,
-  KrdsMainMenu: () => Wa,
-  KrdsMasthead: () => Tt,
-  KrdsModal: () => va,
-  KrdsPagination: () => Zt,
-  KrdsPanel: () => ta,
-  KrdsRadio: () => Rt,
-  KrdsResize: () => ca,
-  KrdsSelect: () => bt,
-  KrdsSideNavigation: () => Ma,
-  KrdsSkipLink: () => Yt,
-  KrdsSpinner: () => It,
-  KrdsStep: () => qt,
-  KrdsStepIndicator: () => Nt,
-  KrdsStructuredList: () => Pa,
-  KrdsTable: () => Sa,
-  KrdsTabs: () => Za,
-  KrdsTag: () => $t,
-  KrdsTagGroup: () => Dt,
-  KrdsTextList: () => Fa,
-  KrdsTextarea: () => yt,
-  KrdsToggleSwitch: () => At,
-  KrdsTooltip: () => ia,
-  KrdsTts: () => ba
-}), Te = "0.0.19", ll = { install(e, a = {}) {
-  e.provide("krds:config", a), (a.components || Object.keys(Ke)).forEach((r) => {
-    const l = Ke[r];
+}), al = tl, Ae = /* @__PURE__ */ tt({
+  KrdsAccordionGroup: () => ma,
+  KrdsAccordionItem: () => ka,
+  KrdsBadge: () => Lt,
+  KrdsBreadcrumb: () => Qt,
+  KrdsButton: () => at,
+  KrdsButtonGroup: () => lt,
+  KrdsCarousel: () => el,
+  KrdsCheckArea: () => Ft,
+  KrdsCheckbox: () => It,
+  KrdsCoachMark: () => oa,
+  KrdsContextualHelp: () => ra,
+  KrdsCriticalAlerts: () => qa,
+  KrdsDateInput: () => mt,
+  KrdsDisclosure: () => Ea,
+  KrdsFileUpload: () => xt,
+  KrdsFooter: () => Da,
+  KrdsFormGroup: () => vt,
+  KrdsFormHint: () => ct,
+  KrdsFormLabel: () => ut,
+  KrdsHeader: () => $a,
+  KrdsIcon: () => nt,
+  KrdsIdentifier: () => _a,
+  KrdsInPageNavigation: () => Zt,
+  KrdsInput: () => it,
+  KrdsLanguageSwitcher: () => fa,
+  KrdsLayout: () => Va,
+  KrdsLink: () => st,
+  KrdsMainMenu: () => Ga,
+  KrdsMasthead: () => At,
+  KrdsModal: () => ha,
+  KrdsPagination: () => aa,
+  KrdsPanel: () => na,
+  KrdsRadio: () => Nt,
+  KrdsResize: () => pa,
+  KrdsSelect: () => wt,
+  KrdsSideNavigation: () => za,
+  KrdsSkipLink: () => Ut,
+  KrdsSpinner: () => qt,
+  KrdsStep: () => jt,
+  KrdsStepIndicator: () => Wt,
+  KrdsStructuredList: () => Ra,
+  KrdsTable: () => Ca,
+  KrdsTabs: () => al,
+  KrdsTag: () => Bt,
+  KrdsTagGroup: () => Tt,
+  KrdsTextList: () => Ha,
+  KrdsTextarea: () => kt,
+  KrdsToggleSwitch: () => Pt,
+  KrdsTooltip: () => da,
+  KrdsTts: () => wa
+}), Fe = "0.0.20", rl = { install(e, a = {}) {
+  e.provide("krds:config", a), (a.components || Object.keys(Ae)).forEach((r) => {
+    const l = Ae[r];
     l && e.component(r, l);
-  }), Qt(e), e.config.globalProperties.$krds = { version: Te };
-} }, nl = Te;
+  }), ea(e), e.config.globalProperties.$krds = { version: Fe };
+} }, il = Fe;
 export {
-  ga as KrdsAccordionGroup,
-  ya as KrdsAccordionItem,
-  Ct as KrdsBadge,
-  Gt as KrdsBreadcrumb,
-  Ze as KrdsButton,
-  et as KrdsButtonGroup,
-  Qa as KrdsCarousel,
-  Vt as KrdsCheckArea,
-  zt as KrdsCheckbox,
-  sa as KrdsCoachMark,
-  la as KrdsContextualHelp,
-  Ia as KrdsCriticalAlerts,
-  gt as KrdsDateInput,
-  La as KrdsDisclosure,
-  wt as KrdsFileUpload,
-  xa as KrdsFooter,
-  dt as KrdsFormGroup,
-  ot as KrdsFormHint,
-  rt as KrdsFormLabel,
-  Ka as KrdsHeader,
-  tt as KrdsIcon,
-  Ba as KrdsIdentifier,
-  Xt as KrdsInPageNavigation,
-  nt as KrdsInput,
-  ua as KrdsLanguageSwitcher,
-  _a as KrdsLayout,
-  at as KrdsLink,
-  Wa as KrdsMainMenu,
-  Tt as KrdsMasthead,
-  va as KrdsModal,
-  Zt as KrdsPagination,
-  ta as KrdsPanel,
-  Rt as KrdsRadio,
-  ca as KrdsResize,
-  bt as KrdsSelect,
-  Ma as KrdsSideNavigation,
-  Yt as KrdsSkipLink,
-  It as KrdsSpinner,
-  qt as KrdsStep,
-  Nt as KrdsStepIndicator,
-  Pa as KrdsStructuredList,
-  Sa as KrdsTable,
-  Za as KrdsTabs,
-  $t as KrdsTag,
-  Dt as KrdsTagGroup,
-  Fa as KrdsTextList,
-  yt as KrdsTextarea,
-  At as KrdsToggleSwitch,
-  ia as KrdsTooltip,
-  ba as KrdsTts,
-  he as classNames,
-  ll as default,
-  tl as generateId,
-  al as generateUid,
-  nl as version
+  ma as KrdsAccordionGroup,
+  ka as KrdsAccordionItem,
+  Lt as KrdsBadge,
+  Qt as KrdsBreadcrumb,
+  at as KrdsButton,
+  lt as KrdsButtonGroup,
+  el as KrdsCarousel,
+  Ft as KrdsCheckArea,
+  It as KrdsCheckbox,
+  oa as KrdsCoachMark,
+  ra as KrdsContextualHelp,
+  qa as KrdsCriticalAlerts,
+  mt as KrdsDateInput,
+  Ea as KrdsDisclosure,
+  xt as KrdsFileUpload,
+  Da as KrdsFooter,
+  vt as KrdsFormGroup,
+  ct as KrdsFormHint,
+  ut as KrdsFormLabel,
+  $a as KrdsHeader,
+  nt as KrdsIcon,
+  _a as KrdsIdentifier,
+  Zt as KrdsInPageNavigation,
+  it as KrdsInput,
+  fa as KrdsLanguageSwitcher,
+  Va as KrdsLayout,
+  st as KrdsLink,
+  Ga as KrdsMainMenu,
+  At as KrdsMasthead,
+  ha as KrdsModal,
+  aa as KrdsPagination,
+  na as KrdsPanel,
+  Nt as KrdsRadio,
+  pa as KrdsResize,
+  wt as KrdsSelect,
+  za as KrdsSideNavigation,
+  Ut as KrdsSkipLink,
+  qt as KrdsSpinner,
+  jt as KrdsStep,
+  Wt as KrdsStepIndicator,
+  Ra as KrdsStructuredList,
+  Ca as KrdsTable,
+  al as KrdsTabs,
+  Bt as KrdsTag,
+  Tt as KrdsTagGroup,
+  Ha as KrdsTextList,
+  kt as KrdsTextarea,
+  Pt as KrdsToggleSwitch,
+  da as KrdsTooltip,
+  wa as KrdsTts,
+  $e as classNames,
+  rl as default,
+  nl as generateId,
+  sl as generateUid,
+  il as version
 };
 
 //# sourceMappingURL=krds-vue.es.js.map