@krds.ui/vue 0.0.13 → 0.0.15

package/dist/krds-vue.es.js

@@ -1,5 +1,13 @@
-import { defineComponent as K, computed as b, h as s, ref as D, onMounted as ae, onBeforeUnmount as ce, createElementBlock as x, openBlock as w, createElementVNode as c, normalizeClass as M, withDirectives as ee, unref as q, toDisplayString as E, Fragment as j, renderList as G, vShow as le, createBlock as ie, withCtx as re, createTextVNode as H, watch as ne, provide as ze, inject as Ve, createCommentVNode as X, onUnmounted as Z, resolveDirective as Ie, resolveDynamicComponent as ge, renderSlot as J, normalizeStyle as se, nextTick as we, withModifiers as de, getCurrentInstance as Ee, Teleport as Le } from "vue";
-const Ce = K({
+import { Teleport as ke, computed as g, defineComponent as D, getCurrentInstance as Se, h as t, inject as Ke, nextTick as ue, onBeforeUnmount as Q, onMounted as N, onUnmounted as q, provide as we, ref as _, useId as O, vShow as X, watch as G, withDirectives as W, withModifiers as J } from "vue";
+var se = Object.defineProperty, ce = (e, l) => {
+  let r = {};
+  for (var a in e)
+    se(r, a, {
+      get: e[a],
+      enumerable: !0
+    });
+  return l || se(r, Symbol.toStringTag, { value: "Module" }), r;
+}, fe = D({
   name: "KrdsButton",
   props: {
     type: {
@@ -40,37 +48,27 @@ const Ce = K({
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const o = ["krds-btn"];
-      return e.icon && o.push("icon"), e.border && o.push("border"), e.pure && o.push("pure"), e.text && o.push("text"), e.variant && !e.icon && o.push(e.variant), e.size && o.push(e.size), e.class && o.push(e.class), o;
-    }), t = (o) => {
-      e.disabled || n("click", o);
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      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) => {
+      e.disabled || l("click", s);
     };
-    return () => s(
-      "button",
-      {
-        type: e.type,
-        class: l.value,
-        disabled: e.disabled,
-        onClick: t
-      },
-      a.default?.()
-    );
+    return () => t("button", {
+      type: e.type,
+      class: a.value,
+      disabled: e.disabled,
+      onClick: n
+    }, r.default?.());
   }
-}), Me = K({
+}), Ce = fe, xe = D({
   name: "KrdsButtonGroup",
   props: {},
-  setup(e, { slots: n }) {
-    return () => s(
-      "div",
-      {
-        class: "btn-group"
-      },
-      n.default?.()
-    );
+  setup(e, { slots: l }) {
+    return () => t("div", { class: "btn-group" }, l.default?.());
   }
-}), Te = K({
+}), $e = D({
   name: "KrdsIcon",
   props: {
     name: {
@@ -83,11 +81,13 @@ const Ce = K({
     }
   },
   setup(e) {
-    return () => s("i", {
-      class: ["svg-icon", e.name, e.class].filter(Boolean).join(" ")
-    });
+    return () => t("i", { class: [
+      "svg-icon",
+      e.name,
+      e.class
+    ].filter(Boolean).join(" ") });
   }
-}), Re = K({
+}), Be = D({
   name: "KrdsLink",
   props: {
     href: {
@@ -124,41 +124,38 @@ const Ce = K({
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const r = ["krds-btn"];
-      return e.size && r.push(e.size), e.link && r.push("link"), e.basic && r.push("basic"), e.pure && r.push("pure"), e.class && r.push(e.class), r;
-    }), t = b(() => {
-      const r = {
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      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 = g(() => {
+      const d = {
         href: e.href,
-        class: l.value
+        class: a.value
       };
-      return e.target && (r.target = e.target), e.title && (r.title = e.title), e.target === "_blank" && (r.rel = "noopener noreferrer"), r;
-    }), o = (r) => {
-      n("click", r);
+      return e.target && (d.target = e.target), e.title && (d.title = e.title), e.target === "_blank" && (d.rel = "noopener noreferrer"), d;
+    }), s = (d) => {
+      l("click", d);
     };
-    return () => s(
-      "a",
-      {
-        ...t.value,
-        onClick: o
-      },
-      a.default?.()
-    );
+    return () => t("a", {
+      ...n.value,
+      onClick: s
+    }, r.default?.());
   }
-}), xe = K({
+}), ve = D({
   name: "KrdsSpinner",
-  props: {
-    label: {
-      type: String,
-      default: void 0
-    }
-  },
+  props: { label: {
+    type: String,
+    default: void 0
+  } },
   render() {
-    const e = [s("span", { class: "sr-only" }, "로딩 중")];
-    return this.label && e.push(s("span", this.label)), s("div", { class: "krds-spinner", role: "status" }, e);
+    const e = [t("span", { class: "sr-only" }, "로딩 중")];
+    return this.label && e.push(t("span", this.label)), t("div", {
+      class: "krds-spinner",
+      role: "status"
+    }, e);
   }
-}), Ae = K({
+}), Le = D({
   name: "KrdsInput",
   props: {
     modelValue: {
@@ -246,28 +243,36 @@ const Ce = K({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const S = ["krds-input"];
-      return e.size && S.push(e.size), e.class && S.push(e.class), S;
-    }), t = (S) => {
-      const V = S.target, m = e.type === "number" ? Number(V.value) : V.value;
-      n("update:modelValue", m), n("input", S);
-    }, o = (S) => {
-      n("change", S);
-    }, r = (S) => {
-      n("focus", S);
-    }, h = (S) => {
-      n("blur", S);
-    }, u = (S) => {
-      n("keydown", S);
-    }, g = (S) => {
-      n("keyup", S);
-    }, y = b(() => {
-      const S = {
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "focus",
+    "blur",
+    "keydown",
+    "keyup"
+  ],
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const y = ["krds-input"];
+      return e.size && y.push(e.size), e.class && y.push(e.class), y;
+    }), n = (y) => {
+      const k = y.target;
+      l("update:modelValue", e.type === "number" ? Number(k.value) : k.value), l("input", y);
+    }, s = (y) => {
+      l("change", y);
+    }, d = (y) => {
+      l("focus", y);
+    }, h = (y) => {
+      l("blur", y);
+    }, f = (y) => {
+      l("keydown", y);
+    }, S = (y) => {
+      l("keyup", y);
+    }, p = g(() => {
+      const y = {
         type: e.type,
-        class: l.value,
+        class: a.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         name: e.name,
@@ -277,24 +282,24 @@ const Ce = K({
         disabled: e.disabled,
         autocomplete: e.autocomplete,
         autofocus: e.autofocus,
-        onInput: t,
-        onChange: o,
-        onFocus: r,
+        onInput: n,
+        onChange: s,
+        onFocus: d,
         onBlur: h,
-        onKeydown: u,
-        onKeyup: g
+        onKeydown: f,
+        onKeyup: S
       };
-      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;
-    }), C = b(() => {
-      const S = ["form-conts"];
-      return e.state !== "default" && S.push(`is-${e.state}`), e.icon && S.push("btn-ico-wrap"), S;
+      return e.maxlength !== void 0 && (y.maxlength = e.maxlength), e.minlength !== void 0 && (y.minlength = e.minlength), e.type === "number" && (e.max !== void 0 && (y.max = e.max), e.min !== void 0 && (y.min = e.min), e.step !== void 0 && (y.step = e.step)), y;
+    }), C = g(() => {
+      const y = ["form-conts"];
+      return e.state !== "default" && y.push(`is-${e.state}`), e.icon && y.push("btn-ico-wrap"), y;
     });
     return () => {
-      const S = [s("input", y.value)];
-      return e.loading ? s("div", { class: C.value }, [s("div", { class: "form-spinner" }, [...S, s(xe)])]) : (a.default && S.push(...a.default()), s("div", { class: C.value }, S));
+      const y = [t("input", p.value)];
+      return e.loading ? t("div", { class: C.value }, [t("div", { class: "form-spinner" }, [...y, t(ve)])]) : (r.default && y.push(...r.default()), t("div", { class: C.value }, y));
     };
   }
-}), Fe = K({
+}), De = Le, _e = D({
   name: "KrdsFormLabel",
   props: {
     for: {
@@ -315,25 +320,19 @@ const Ce = K({
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = (t) => {
-      n("click", t);
+  setup(e, { emit: l, slots: r }) {
+    const a = (n) => {
+      l("click", n);
     };
-    return () => s("div", { class: "form-tit" }, [
-      s(
-        "label",
-        {
-          for: e.for,
-          id: e.id,
-          class: e.class,
-          style: e.style,
-          onClick: l
-        },
-        a.default?.()
-      )
-    ]);
+    return () => t("div", { class: "form-tit" }, [t("label", {
+      for: e.for,
+      id: e.id,
+      class: e.class,
+      style: e.style,
+      onClick: a
+    }, r.default?.())]);
   }
-}), Pe = K({
+}), Te = _e, Ve = D({
   name: "KrdsFormHint",
   props: {
     type: {
@@ -354,39 +353,34 @@ const Ce = K({
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = (o) => {
-      n("click", o);
-    }, t = () => {
-      let o;
+  setup(e, { emit: l, slots: r }) {
+    const a = (s) => {
+      l("click", s);
+    }, n = () => {
+      let s;
       switch (e.type) {
         case "error":
-          o = "form-hint-invalid";
+          s = "form-hint-invalid";
           break;
         case "success":
-          o = "form-hint-success";
+          s = "form-hint-success";
           break;
         case "information":
-          o = "form-hint-information";
+          s = "form-hint-information";
           break;
         default:
-          o = "form-hint";
-          break;
+          s = "form-hint";
       }
-      return e.class ? `${o} ${e.class}` : o;
+      return e.class ? `${s} ${e.class}` : s;
     };
-    return () => s(
-      "p",
-      {
-        id: e.id,
-        class: t(),
-        style: e.style,
-        onClick: l
-      },
-      a.default?.()
-    );
+    return () => t("p", {
+      id: e.id,
+      class: n(),
+      style: e.style,
+      onClick: a
+    }, r.default?.());
   }
-}), Oe = K({
+}), Ee = Ve, ze = D({
   name: "KrdsFormGroup",
   props: {
     class: {
@@ -402,173 +396,223 @@ const Ce = K({
       default: void 0
     }
   },
-  setup(e, { slots: n }) {
-    const a = b(() => {
-      const l = ["form-group"];
-      return e.class && l.push(e.class), l;
+  setup(e, { slots: l }) {
+    const r = g(() => {
+      const a = ["form-group"];
+      return e.class && a.push(e.class), a;
     });
-    return () => s(
-      "div",
-      {
-        id: e.id,
-        class: a.value,
-        style: e.style
-      },
-      n.default?.()
-    );
+    return () => t("div", {
+      id: e.id,
+      class: r.value,
+      style: e.style
+    }, l.default?.());
   }
-});
-function qe(e, n) {
-  const a = /* @__PURE__ */ new Date(), l = D(e || a.getFullYear()), t = D(n || a.getMonth() + 1), o = D(null), r = D(null), h = D(null), u = b(() => {
-    const f = a.getFullYear(), d = [];
-    for (let v = f - 10; v <= f + 10; v++)
-      d.push(v);
-    return d;
-  }), g = b(() => Array.from({ length: 12 }, (f, d) => d + 1)), y = () => {
-    o.value = null, r.value = null;
+}), Ie = ze;
+function Ae(e, l) {
+  const r = /* @__PURE__ */ new Date(), a = _(e || r.getFullYear()), n = _(l || r.getMonth() + 1), s = _(null), d = _(null), h = _(null), f = g(() => {
+    const i = r.getFullYear(), v = [];
+    for (let m = i - 10; m <= i + 10; m++) v.push(m);
+    return v;
+  }), S = g(() => Array.from({ length: 12 }, (i, v) => v + 1)), p = () => {
+    s.value = null, d.value = null;
   }, C = () => {
-    t.value === 1 ? (t.value = 12, l.value -= 1) : t.value -= 1;
-  }, S = () => {
-    t.value === 12 ? (t.value = 1, l.value += 1) : t.value += 1;
-  }, V = (f, d = !1) => {
-    if (d)
-      o.value = f, r.value = f;
-    else if (!o.value || o.value && r.value)
-      o.value = f, r.value = null;
+    n.value === 1 ? (n.value = 12, a.value -= 1) : n.value -= 1;
+  }, y = () => {
+    n.value === 12 ? (n.value = 1, a.value += 1) : n.value += 1;
+  }, k = (i, v = !1) => {
+    if (v)
+      s.value = i, d.value = i;
+    else if (!s.value || s.value && d.value)
+      s.value = i, d.value = null;
     else {
-      const v = new Date(o.value.replace(/\./g, "-"));
-      new Date(f.replace(/\./g, "-")) < v ? (o.value = f, r.value = null) : r.value = f;
+      const m = new Date(s.value.replace(/\./g, "-"));
+      new Date(i.replace(/\./g, "-")) < m ? (s.value = i, d.value = null) : d.value = i;
     }
   };
   return {
-    // State
-    currentYear: l,
-    currentMonth: t,
-    selectedStartDate: o,
-    selectedEndDate: r,
+    currentYear: a,
+    currentMonth: n,
+    selectedStartDate: s,
+    selectedEndDate: d,
     activeDateSelector: h,
-    // Computed
-    yearOptions: u,
-    monthOptions: g,
-    // Methods
-    clearDateSelection: y,
+    yearOptions: f,
+    monthOptions: S,
+    clearDateSelection: p,
     prevMonth: C,
-    nextMonth: S,
-    handleDateSelection: V,
+    nextMonth: y,
+    handleDateSelection: k,
     selectToday: () => {
-      const f = `${a.getFullYear()}.${String(a.getMonth() + 1).padStart(2, "0")}.${String(a.getDate()).padStart(2, "0")}`;
-      V(f, !0);
-    },
-    isDateInSelectedRange: (f) => {
-      if (!o.value || !r.value)
-        return { isInRange: !1, isStart: !1, isEnd: !1 };
-      const d = new Date(f.replace(/\./g, "-")), v = new Date(o.value.replace(/\./g, "-")), $ = new Date(r.value.replace(/\./g, "-")), F = f === o.value, T = f === r.value;
-      return { isInRange: d >= v && d <= $, isStart: F, isEnd: T };
+      const i = `${r.getFullYear()}.${String(r.getMonth() + 1).padStart(2, "0")}.${String(r.getDate()).padStart(2, "0")}`;
+      k(i, !0);
+    },
+    isDateInSelectedRange: (i) => {
+      if (!s.value || !d.value) return {
+        isInRange: !1,
+        isStart: !1,
+        isEnd: !1
+      };
+      const v = new Date(i.replace(/\./g, "-")), m = new Date(s.value.replace(/\./g, "-")), K = new Date(d.value.replace(/\./g, "-")), b = i === s.value, w = i === d.value;
+      return {
+        isInRange: v >= m && v <= K,
+        isStart: b,
+        isEnd: w
+      };
     }
   };
 }
-function Ne(e, n, a = {}) {
-  let l = null;
-  const t = typeof a == "string" ? { ignore: a } : a, { ignore: o, event: r = "click" } = t, h = () => {
-    l = (g) => {
-      const y = g.target;
-      e.value?.contains(y) || o && y.closest(o) || n();
-    }, document.addEventListener(r, l);
-  }, u = () => {
-    if (l) {
-      const g = typeof a == "string" ? "click" : a.event || "click";
-      document.removeEventListener(g, l), l = null;
+function Fe(e, l, r = {}) {
+  let a = null;
+  const { ignore: n, event: s = "click" } = typeof r == "string" ? { ignore: r } : r, d = () => {
+    a = (f) => {
+      const S = f.target;
+      e.value?.contains(S) || n && S.closest(n) || l();
+    }, document.addEventListener(s, a);
+  }, h = () => {
+    if (a) {
+      const f = typeof r == "string" ? "click" : r.event || "click";
+      document.removeEventListener(f, a), a = null;
     }
   };
-  return ae(() => {
+  return N(() => {
+    d();
+  }), Q(() => {
     h();
-  }), ce(() => {
-    u();
   }), {
-    setupGlobalListeners: h,
-    removeGlobalListeners: u
+    setupGlobalListeners: d,
+    removeGlobalListeners: h
   };
 }
-const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id", "name", "placeholder", "value", "readonly", "disabled", "required", "autofocus"], Ye = ["disabled", "aria-expanded"], Ge = { class: "calendar-head" }, Ue = { class: "calendar-switch-wrap" }, Xe = { class: "calendar-drop-down" }, Je = ["aria-expanded"], Qe = { class: "calendar-select calendar-year-wrap" }, Ze = { class: "sel year" }, et = ["onClick"], tt = { class: "calendar-drop-down" }, lt = ["aria-expanded"], at = { class: "calendar-select calendar-mon-wrap" }, nt = { class: "sel month" }, st = ["onClick"], ot = { class: "calendar-body" }, it = { class: "calendar-table-wrap" }, rt = { class: "calendar-tbl" }, dt = ["data-date"], ct = ["aria-pressed", "onClick"], ut = { class: "calendar-footer" }, ft = { class: "calendar-btn-wrap" }, vt = /* @__PURE__ */ K({
-  __name: "KrdsDateInput",
+var Me = [
+  "일",
+  "월",
+  "화",
+  "수",
+  "목",
+  "금",
+  "토"
+], Pe = D({
+  name: "KrdsDateInput",
   props: {
-    modelValue: { default: void 0 },
-    size: { default: "medium" },
-    placeholder: { default: "YYYY.MM.DD" },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    autofocus: { type: Boolean, default: !1 },
-    eventDates: { default: () => [] },
-    holidays: { default: () => [] },
-    initialYear: { default: void 0 },
-    initialMonth: { default: void 0 },
-    name: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    class: { default: void 0 },
-    style: {},
-    id: { default: void 0 }
+    modelValue: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    placeholder: {
+      type: String,
+      default: "YYYY.MM.DD"
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    autofocus: {
+      type: Boolean,
+      default: !1
+    },
+    eventDates: {
+      type: Array,
+      default: () => []
+    },
+    holidays: {
+      type: Array,
+      default: () => []
+    },
+    initialYear: {
+      type: Number,
+      default: void 0
+    },
+    initialMonth: {
+      type: Number,
+      default: void 0
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: [String, Object],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    }
   },
-  emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = D(), o = D(), r = D(!1), h = D(null), {
-      currentYear: u,
-      currentMonth: g,
-      selectedStartDate: y,
-      selectedEndDate: C,
-      yearOptions: S,
-      monthOptions: V,
-      prevMonth: m,
-      nextMonth: i,
-      handleDateSelection: f,
-      selectToday: d,
-      isDateInSelectedRange: v
-    } = qe(a.initialYear, a.initialMonth), $ = () => {
-      r.value && o.value?.focus(), r.value = !1, h.value = null;
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "focus",
+    "blur"
+  ],
+  setup(e, { emit: l }) {
+    const r = _(), a = _(), n = _(!1), s = _(null), { currentYear: d, currentMonth: h, selectedStartDate: f, selectedEndDate: S, yearOptions: p, monthOptions: C, prevMonth: y, nextMonth: k, handleDateSelection: u, selectToday: o, isDateInSelectedRange: i } = Ae(e.initialYear, e.initialMonth), v = () => {
+      n.value && a.value?.focus(), n.value = !1, s.value = null;
     };
-    Ne(t, $, ".calendar-conts");
-    const F = b(() => {
-      const B = ["krds-input", "datepicker", "cal"];
-      return a.size && B.push(a.size), a.class && B.push(a.class), B;
-    }), T = b(() => ["form-conts", "calendar-conts"]), R = b(() => ({
+    Fe(r, v, ".calendar-conts");
+    const m = g(() => {
+      const $ = [
+        "krds-input",
+        "datepicker",
+        "cal"
+      ];
+      return e.size && $.push(e.size), e.class && $.push(e.class), $;
+    }), K = g(() => ["form-conts", "calendar-conts"]), b = g(() => ({
       "krds-calendar-area": !0,
-      active: r.value
-    })), I = b(() => {
-      const B = u.value, _ = g.value, z = new Date(B, _ - 1, 1), Q = new Date(z);
-      Q.setDate(Q.getDate() - z.getDay());
-      const U = [], O = new Date(Q);
-      for (let oe = 0; oe < 6; oe++) {
-        const me = [];
-        for (let pe = 0; pe < 7; pe++) {
-          const De = `${O.getFullYear()}.${String(O.getMonth() + 1).padStart(2, "0")}.${String(O.getDate()).padStart(2, "0")}`, ye = O.getDay();
-          me.push({
-            day: O.getDate(),
-            dateString: De,
-            isCurrentMonth: O.getMonth() === _ - 1,
-            isToday: O.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
-            isPrevMonth: O.getMonth() < _ - 1 || O.getMonth() === 11 && _ === 1,
-            isNextMonth: O.getMonth() > _ - 1 || O.getMonth() === 0 && _ === 12,
-            isSunday: ye === 0,
-            isSaturday: ye === 6
-          }), O.setDate(O.getDate() + 1);
+      active: n.value
+    })), w = g(() => {
+      const $ = d.value, T = h.value, F = new Date($, T - 1, 1), R = new Date(F);
+      R.setDate(R.getDate() - F.getDay());
+      const H = [], z = new Date(R);
+      for (let te = 0; te < 6; te++) {
+        const ae = [];
+        for (let le = 0; le < 7; le++) {
+          const be = `${z.getFullYear()}.${String(z.getMonth() + 1).padStart(2, "0")}.${String(z.getDate()).padStart(2, "0")}`, ne = z.getDay();
+          ae.push({
+            day: z.getDate(),
+            dateString: be,
+            isCurrentMonth: z.getMonth() === T - 1,
+            isToday: z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
+            isPrevMonth: z.getMonth() < T - 1 || z.getMonth() === 11 && T === 1,
+            isNextMonth: z.getMonth() > T - 1 || z.getMonth() === 0 && T === 12,
+            isSunday: ne === 0,
+            isSaturday: ne === 6
+          }), z.setDate(z.getDate() + 1);
         }
-        U.push(me);
+        H.push(ae);
       }
-      return U;
-    }), p = (B) => {
-      const _ = [];
-      if (B.isPrevMonth && _.push("old"), B.isNextMonth && _.push("new"), B.isToday && _.push("today"), B.isSunday && _.push("day-off"), a.holidays?.includes(B.dateString) && _.push("day-off"), a.eventDates?.includes(B.dateString) && _.push("day-event"), B.isCurrentMonth) {
-        const z = v(B.dateString);
-        z.isInRange && (_.push("period"), z.isStart && _.push("start"), z.isEnd && _.push("end"));
+      return H;
+    }), x = ($) => {
+      const T = [];
+      if ($.isPrevMonth && T.push("old"), $.isNextMonth && T.push("new"), $.isToday && T.push("today"), $.isSunday && T.push("day-off"), e.holidays?.includes($.dateString) && T.push("day-off"), e.eventDates?.includes($.dateString) && T.push("day-event"), $.isCurrentMonth) {
+        const F = i($.dateString);
+        F.isInRange && (T.push("period"), F.isStart && T.push("start"), F.isEnd && T.push("end"));
       }
-      return _;
-    }, k = b(() => [
+      return T;
+    }, L = g(() => [
       {
         id: "get-today",
         label: "오늘",
         class: "text",
         variant: void 0,
         size: "small",
-        handler: d
+        handler: o
       },
       {
         id: "cancel-btn",
@@ -576,7 +620,7 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
         class: void 0,
         variant: "tertiary",
         size: "small",
-        handler: $
+        handler: v
       },
       {
         id: "confirm-btn",
@@ -584,211 +628,116 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
         class: void 0,
         variant: "primary",
         size: "small",
-        handler: W
-      }
-    ]), L = (B) => {
-      h.value === B ? h.value = null : h.value = B;
-    }, P = (B) => {
-      u.value = B, h.value = null;
-    }, A = (B) => {
-      g.value = B, h.value = null;
-    }, W = () => {
-      if (y.value) {
-        if (C.value && y.value !== C.value) {
-          const B = `${y.value} ~ ${C.value}`;
-          l("update:modelValue", B);
-        } else
-          l("update:modelValue", y.value);
-        $();
+        handler: I
       }
-    }, N = () => {
-      r.value = !0, h.value = null, setTimeout(() => {
-        t.value?.querySelector(".calendar-wrap")?.focus();
+    ]), c = ($) => {
+      s.value === $ ? s.value = null : s.value = $;
+    }, B = ($) => {
+      d.value = $, s.value = null;
+    }, V = ($) => {
+      h.value = $, s.value = null;
+    }, I = () => {
+      f.value && (S.value && f.value !== S.value ? l("update:modelValue", `${f.value} ~ ${S.value}`) : l("update:modelValue", f.value), v());
+    }, E = () => {
+      n.value = !0, s.value = null, setTimeout(() => {
+        r.value?.querySelector(".calendar-wrap")?.focus();
       }, 50);
-    }, Y = () => {
-      r.value ? $() : N();
-    }, he = (B) => {
-      B.code === "Escape" && (h.value ? h.value = null : r.value && $());
-    }, te = (B) => {
-      const _ = B.target;
-      l("update:modelValue", _.value), l("input", B);
-    }, Be = (B) => {
-      l("change", B);
-    }, Ke = (B) => {
-      l("focus", B);
-    }, _e = (B) => {
-      l("blur", B);
-    };
-    return (B, _) => (w(), x("div", He, [
-      c("div", {
-        class: M(T.value)
-      }, [
-        c("div", We, [
-          c("input", {
-            id: e.id,
-            name: e.name,
-            class: M(F.value),
-            placeholder: e.placeholder,
-            value: e.modelValue,
-            readonly: e.readonly,
-            disabled: e.disabled,
-            required: e.required,
-            autofocus: e.autofocus,
-            type: "text",
-            onInput: te,
-            onChange: Be,
-            onFocus: Ke,
-            onBlur: _e
-          }, null, 42, je),
-          c("button", {
-            ref_key: "datePickerButtonRef",
-            ref: o,
-            class: M(`krds-btn ${e.size || "medium"} icon form-btn-datepicker`),
-            disabled: e.disabled,
-            "aria-expanded": r.value,
-            type: "button",
-            onClick: Y
-          }, [..._[4] || (_[4] = [
-            c("span", { class: "sr-only" }, "달력 열기", -1),
-            c("i", { class: "svg-icon ico-calendar" }, null, -1)
-          ])], 10, Ye)
-        ]),
-        c("div", {
-          ref_key: "datePickerAreaRef",
-          ref: t,
-          class: M(R.value)
-        }, [
-          ee(c("div", {
-            class: "calendar-wrap bottom",
-            "aria-label": "달력",
-            tabindex: "0",
-            onKeydown: he
-          }, [
-            c("div", Ge, [
-              c("button", {
-                type: "button",
-                class: "btn-cal-move prev",
-                onClick: _[0] || (_[0] = //@ts-ignore
-                (...z) => q(m) && q(m)(...z))
-              }, [..._[5] || (_[5] = [
-                c("span", { class: "sr-only" }, "이전 달", -1)
-              ])]),
-              c("div", Ue, [
-                c("div", Xe, [
-                  c("button", {
-                    type: "button",
-                    class: "btn-cal-switch year",
-                    "aria-label": "연도 선택",
-                    "aria-expanded": h.value === "year",
-                    onClick: _[1] || (_[1] = (z) => L("year"))
-                  }, E(q(u)) + "년 ", 9, Je),
-                  ee(c("div", Qe, [
-                    c("ul", Ze, [
-                      (w(!0), x(j, null, G(q(S), (z) => (w(), x("li", { key: z }, [
-                        c("button", {
-                          type: "button",
-                          class: M({ active: z === q(u) }),
-                          onClick: (Q) => P(z)
-                        }, E(z) + "년", 11, et)
-                      ]))), 128))
-                    ])
-                  ], 512), [
-                    [le, h.value === "year"]
-                  ])
-                ]),
-                c("div", tt, [
-                  c("button", {
-                    type: "button",
-                    class: "btn-cal-switch month",
-                    "aria-label": "월 선택",
-                    "aria-expanded": h.value === "month",
-                    onClick: _[2] || (_[2] = (z) => L("month"))
-                  }, E(q(g).toString().padStart(2, "0")) + "월 ", 9, lt),
-                  ee(c("div", at, [
-                    c("ul", nt, [
-                      (w(!0), x(j, null, G(q(V), (z) => (w(), x("li", { key: z }, [
-                        c("button", {
-                          type: "button",
-                          class: M({ active: z === q(g) }),
-                          onClick: (Q) => A(z)
-                        }, E(z.toString().padStart(2, "0")) + "월 ", 11, st)
-                      ]))), 128))
-                    ])
-                  ], 512), [
-                    [le, h.value === "month"]
-                  ])
-                ])
-              ]),
-              c("button", {
-                type: "button",
-                class: "btn-cal-move next",
-                onClick: _[3] || (_[3] = //@ts-ignore
-                (...z) => q(i) && q(i)(...z))
-              }, [..._[6] || (_[6] = [
-                c("span", { class: "sr-only" }, "다음 달", -1)
-              ])])
-            ]),
-            c("div", ot, [
-              c("div", it, [
-                c("table", rt, [
-                  c("caption", null, E(q(u)) + "년 " + E(q(g).toString().padStart(2, "0")) + "월", 1),
-                  _[7] || (_[7] = c("thead", null, [
-                    c("tr", null, [
-                      c("th", null, "일"),
-                      c("th", null, "월"),
-                      c("th", null, "화"),
-                      c("th", null, "수"),
-                      c("th", null, "목"),
-                      c("th", null, "금"),
-                      c("th", null, "토")
-                    ])
-                  ], -1)),
-                  c("tbody", null, [
-                    (w(!0), x(j, null, G(I.value, (z, Q) => (w(), x("tr", { key: Q }, [
-                      (w(!0), x(j, null, G(z, (U, O) => (w(), x("td", {
-                        key: O,
-                        class: M(p(U)),
-                        "data-date": U.dateString
-                      }, [
-                        c("button", {
-                          type: "button",
-                          class: "btn-set-date",
-                          "aria-pressed": q(v)(U.dateString).isInRange ? "true" : "false",
-                          onClick: (oe) => q(f)(U.dateString)
-                        }, [
-                          c("span", null, E(U.day), 1)
-                        ], 8, ct)
-                      ], 10, dt))), 128))
-                    ]))), 128))
-                  ])
-                ])
-              ])
-            ]),
-            c("div", ut, [
-              c("div", ft, [
-                (w(!0), x(j, null, G(k.value, (z) => (w(), ie(q(Ce), {
-                  id: z.id,
-                  key: z.id,
-                  class: M(z.class),
-                  variant: z.variant,
-                  size: z.size,
-                  onClick: z.handler
-                }, {
-                  default: re(() => [
-                    H(E(z.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "class", "variant", "size", "onClick"]))), 128))
-              ])
-            ])
-          ], 544), [
-            [le, r.value]
-          ])
-        ], 2)
-      ], 2)
-    ]));
+    }, M = () => {
+      n.value ? v() : E();
+    }, A = ($) => {
+      $.code === "Escape" && (s.value ? s.value = null : n.value && v());
+    }, P = ($) => {
+      const T = $.target;
+      l("update:modelValue", T.value), l("input", $);
+    }, j = ($) => {
+      l("change", $);
+    }, me = ($) => {
+      l("focus", $);
+    }, ge = ($) => {
+      l("blur", $);
+    }, ee = ($) => {
+      const T = $ === "year", F = T ? p.value : C.value, R = T ? d.value : h.value, H = (z) => T ? `${z}년` : `${z.toString().padStart(2, "0")}월`;
+      return t("div", { class: "calendar-drop-down" }, [t("button", {
+        type: "button",
+        class: `btn-cal-switch ${$}`,
+        "aria-label": T ? "연도 선택" : "월 선택",
+        "aria-expanded": s.value === $,
+        onClick: () => c($)
+      }, H(R)), W(t("div", { class: `calendar-select ${T ? "calendar-year-wrap" : "calendar-mon-wrap"}` }, [t("ul", { class: `sel ${$}` }, F.map((z) => t("li", { key: z }, [t("button", {
+        type: "button",
+        class: { active: z === R },
+        onClick: () => T ? B(z) : V(z)
+      }, H(z))])))]), [[X, s.value === $]])]);
+    }, ye = () => t("table", { class: "calendar-tbl" }, [
+      t("caption", null, `${d.value}년 ${h.value.toString().padStart(2, "0")}월`),
+      t("thead", null, [t("tr", null, Me.map(($) => t("th", null, $)))]),
+      t("tbody", null, w.value.map(($, T) => t("tr", { key: T }, $.map((F, R) => t("td", {
+        key: R,
+        class: x(F),
+        "data-date": F.dateString
+      }, [t("button", {
+        type: "button",
+        class: "btn-set-date",
+        "aria-pressed": i(F.dateString).isInRange ? "true" : "false",
+        onClick: () => u(F.dateString)
+      }, [t("span", null, String(F.day))])])))))
+    ]);
+    return () => t("div", { class: "form-conts" }, [t("div", { class: K.value }, [t("div", { class: "calendar-input" }, [t("input", {
+      id: e.id,
+      name: e.name,
+      class: m.value,
+      placeholder: e.placeholder,
+      value: e.modelValue,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required,
+      autofocus: e.autofocus,
+      type: "text",
+      onInput: P,
+      onChange: j,
+      onFocus: me,
+      onBlur: ge
+    }), t("button", {
+      ref: a,
+      class: `krds-btn ${e.size || "medium"} icon form-btn-datepicker`,
+      disabled: e.disabled,
+      "aria-expanded": n.value,
+      type: "button",
+      onClick: M
+    }, [t("span", { class: "sr-only" }, "달력 열기"), t("i", { class: "svg-icon ico-calendar" })])]), t("div", {
+      ref: r,
+      class: b.value
+    }, [W(t("div", {
+      class: "calendar-wrap bottom",
+      "aria-label": "달력",
+      tabindex: "0",
+      onKeydown: A
+    }, [
+      t("div", { class: "calendar-head" }, [
+        t("button", {
+          type: "button",
+          class: "btn-cal-move prev",
+          onClick: y
+        }, [t("span", { class: "sr-only" }, "이전 달")]),
+        t("div", { class: "calendar-switch-wrap" }, [ee("year"), ee("month")]),
+        t("button", {
+          type: "button",
+          class: "btn-cal-move next",
+          onClick: k
+        }, [t("span", { class: "sr-only" }, "다음 달")])
+      ]),
+      t("div", { class: "calendar-body" }, [t("div", { class: "calendar-table-wrap" }, [ye()])]),
+      t("div", { class: "calendar-footer" }, [t("div", { class: "calendar-btn-wrap" }, L.value.map(($) => t(fe, {
+        id: $.id,
+        key: $.id,
+        class: $.class,
+        variant: $.variant,
+        size: $.size,
+        onClick: $.handler
+      }, { default: () => $.label })))])
+    ]), [[X, n.value]])])])]);
   }
-}), ht = K({
+}), Re = Pe, qe = D({
   name: "KrdsTextarea",
   props: {
     modelValue: {
@@ -847,7 +796,6 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
       type: String,
       default: "vertical"
     },
-    // BaseFormProps에서 상속
     class: {
       type: String,
       default: void 0
@@ -861,39 +809,43 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
       default: void 0
     }
   },
-  emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
-  setup(e, { emit: n }) {
-    const a = D(0);
-    ne(
-      () => e.modelValue,
-      (i) => {
-        a.value = (i || "").length;
-      },
-      { immediate: !0 }
-    );
-    const l = b(() => {
-      const i = ["krds-input"];
-      return e.size && i.push(e.size), e.class && i.push(e.class), i;
-    }), t = b(() => {
-      const i = {};
-      return e.resize && (i.resize = e.resize), i;
-    }), o = (i) => {
-      const d = i.target.value;
-      a.value = d.length, n("update:modelValue", d), n("input", i);
-    }, r = (i) => {
-      n("change", i);
-    }, h = (i) => {
-      n("focus", i);
-    }, u = (i) => {
-      n("blur", i);
-    }, g = (i) => {
-      n("keydown", i);
-    }, y = (i) => {
-      n("keyup", i);
-    }, C = b(() => {
-      const i = {
-        class: l.value,
-        style: t.value,
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "focus",
+    "blur",
+    "keydown",
+    "keyup"
+  ],
+  setup(e, { emit: l }) {
+    const r = _(0);
+    G(() => e.modelValue, (o) => {
+      r.value = (o || "").length;
+    }, { immediate: !0 });
+    const a = g(() => {
+      const o = ["krds-input"];
+      return e.size && o.push(e.size), e.class && o.push(e.class), o;
+    }), n = g(() => {
+      const o = {};
+      return e.resize && (o.resize = e.resize), o;
+    }), s = (o) => {
+      const i = o.target.value;
+      r.value = i.length, l("update:modelValue", i), l("input", o);
+    }, d = (o) => {
+      l("change", o);
+    }, h = (o) => {
+      l("focus", o);
+    }, f = (o) => {
+      l("blur", o);
+    }, S = (o) => {
+      l("keydown", o);
+    }, p = (o) => {
+      l("keyup", o);
+    }, C = g(() => {
+      const o = {
+        class: a.value,
+        style: n.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         name: e.name,
@@ -904,37 +856,32 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
         autofocus: e.autofocus,
         rows: e.rows,
         cols: e.cols,
-        onInput: o,
-        onChange: r,
+        onInput: s,
+        onChange: d,
         onFocus: h,
-        onBlur: u,
-        onKeydown: g,
-        onKeyup: y
-      };
-      return e.maxlength !== void 0 && (i.maxlength = e.maxlength), e.minlength !== void 0 && (i.minlength = e.minlength), i;
-    }), S = b(() => ["form-conts"]), V = b(() => ["textarea-wrap"]), m = b(() => {
-      if (!e.showCount) return null;
-      const i = a.value, f = e.maxlength;
-      return {
-        current: i,
-        max: f || ""
+        onBlur: f,
+        onKeydown: S,
+        onKeyup: p
       };
-    });
+      return e.maxlength !== void 0 && (o.maxlength = e.maxlength), e.minlength !== void 0 && (o.minlength = e.minlength), o;
+    }), y = g(() => ["form-conts"]), k = g(() => ["textarea-wrap"]), u = g(() => e.showCount ? {
+      current: r.value,
+      max: e.maxlength || ""
+    } : null);
     return () => {
-      const i = [s("textarea", C.value)];
-      return m.value && i.push(
-        s("p", { class: "textarea-count" }, [
-          s("span", { class: "count-now" }, m.value.current),
-          s("span", { class: "count-total" }, m.value.max ? `/${m.value.max}` : "")
-        ])
-      ), s("div", { class: S.value }, [s("div", { class: V.value }, i)]);
+      const o = [t("textarea", C.value)];
+      return u.value && o.push(t("p", { class: "textarea-count" }, [t("span", { class: "count-now" }, u.value.current), t("span", { class: "count-total" }, u.value.max ? `/${u.value.max}` : "")])), t("div", { class: y.value }, [t("div", { class: k.value }, o)]);
     };
   }
-}), mt = K({
+}), He = qe, Ne = D({
   name: "KrdsSelect",
   props: {
     modelValue: {
-      type: [String, Number, null],
+      type: [
+        String,
+        Number,
+        null
+      ],
       default: null
     },
     size: {
@@ -978,55 +925,55 @@ const He = { class: "form-conts" }, We = { class: "calendar-input" }, je = ["id"
       default: void 0
     }
   },
-  emits: ["update:modelValue", "focus", "blur"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const y = [];
-      return e.sort ? y.push("krds-form-select-sort") : y.push("krds-form-select"), e.size && y.push(e.size), e.class && y.push(e.class), y;
-    }), t = (y) => {
-      const C = y.target, S = C.value === "" ? null : C.value;
-      n("update:modelValue", S);
-    }, o = (y) => {
-      n("focus", y);
-    }, r = (y) => {
-      n("blur", y);
-    }, h = b(() => ({
-      class: l.value,
+  emits: [
+    "update:modelValue",
+    "focus",
+    "blur"
+  ],
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const p = [];
+      return e.sort ? p.push("krds-form-select-sort") : p.push("krds-form-select"), e.size && p.push(e.size), e.class && p.push(e.class), p;
+    }), n = (p) => {
+      const C = p.target;
+      l("update:modelValue", C.value === "" ? null : C.value);
+    }, s = (p) => {
+      l("focus", p);
+    }, d = (p) => {
+      l("blur", p);
+    }, h = g(() => ({
+      class: a.value,
       value: e.modelValue ?? "",
       title: e.title || e.placeholder,
       name: e.name,
       id: e.id,
       disabled: e.disabled || e.readonly,
-      onChange: t,
-      onFocus: o,
-      onBlur: r
-    })), u = b(() => {
-      const y = ["form-conts"];
-      return e.state !== "default" && y.push(`is-${e.state}`), y;
-    }), g = () => {
-      const y = [];
-      return e.placeholder && !e.modelValue && y.push(s("option", { value: "", disabled: !0, selected: !0 }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((C) => {
-        y.push(
-          s(
-            "option",
-            {
-              value: C.value,
-              disabled: C.disabled,
-              selected: C.value === e.modelValue
-            },
-            C.label
-          )
-        );
-      }), a.default && y.push(...a.default()), y;
+      onChange: n,
+      onFocus: s,
+      onBlur: d
+    })), f = g(() => {
+      const p = ["form-conts"];
+      return e.state !== "default" && p.push(`is-${e.state}`), p;
+    }), S = () => {
+      const p = [];
+      return e.placeholder && !e.modelValue && p.push(t("option", {
+        value: "",
+        disabled: !0,
+        selected: !0
+      }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((C) => {
+        p.push(t("option", {
+          value: C.value,
+          disabled: C.disabled,
+          selected: C.value === e.modelValue
+        }, C.label));
+      }), r.default && p.push(...r.default()), p;
     };
     return () => {
-      const y = s("select", h.value, g());
-      return e.sort ? y : s("div", { class: u.value }, [y]);
+      const p = t("select", h.value, S());
+      return e.sort ? p : t("div", { class: f.value }, [p]);
     };
   }
-});
-let pt = 0;
-const yt = K({
+}), Oe = Ne, je = 0, We = D({
   name: "KrdsFileUpload",
   props: {
     modelValue: {
@@ -1047,8 +994,7 @@ const yt = K({
     },
     maxFileSize: {
       type: Number,
-      default: 20 * 1024 * 1024
-      // 20MB
+      default: 20971520
     },
     multiple: {
       type: Boolean,
@@ -1090,7 +1036,6 @@ const yt = K({
       type: Boolean,
       default: !0
     },
-    // BaseFormProps에서 상속
     name: {
       type: String,
       default: void 0
@@ -1129,191 +1074,128 @@ const yt = K({
     "download",
     "preview"
   ],
-  setup(e, { emit: n }) {
-    const a = D(!1), l = D(null), t = e.id ? `${e.id}-input` : `krds-file-upload-${++pt}`, o = (p) => p < 1024 ? `${p}B` : p < 1024 * 1024 ? `${Math.round(p / 1024)}KB` : `${(p / (1024 * 1024)).toFixed(1)}MB`, r = (p) => {
-      const k = p.split(".");
-      return k.length > 1 ? k.pop().toLowerCase() : "";
-    }, h = (p) => {
-      const k = r(p.name), L = k ? p.name.slice(0, -(k.length + 1)) : p.name;
-      return k ? `${L} [${k}, ${o(p.size)}]` : `${p.name} [${o(p.size)}]`;
-    }, u = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, g = (p) => {
-      if (e.maxFileSize && p.size > e.maxFileSize)
-        return `등록 가능한 파일 용량을 초과하였습니다.
-${o(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
+  setup(e, { emit: l }) {
+    const r = _(!1), a = _(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++je}`, s = (c) => c < 1024 ? `${c}B` : c < 1048576 ? `${Math.round(c / 1024)}KB` : `${(c / 1048576).toFixed(1)}MB`, d = (c) => {
+      const B = c.split(".");
+      return B.length > 1 ? B.pop().toLowerCase() : "";
+    }, h = (c) => {
+      const B = d(c.name), V = B ? c.name.slice(0, -(B.length + 1)) : c.name;
+      return B ? `${V} [${B}, ${s(c.size)}]` : `${c.name} [${s(c.size)}]`;
+    }, f = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, S = (c) => {
+      if (e.maxFileSize && c.size > e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
+${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       if (e.accept) {
-        const k = e.accept.split(",").map((A) => A.trim().toLowerCase()), L = `.${r(p.name)}`, P = p.type;
-        if (!k.some((A) => A.startsWith(".") ? L === A : A.endsWith("/*") ? P.startsWith(A.replace("/*", "/")) : P === A))
-          return "허용되지 않는 파일 형식입니다.";
+        const B = e.accept.split(",").map((E) => E.trim().toLowerCase()), V = `.${d(c.name)}`, I = c.type;
+        if (!B.some((E) => E.startsWith(".") ? V === E : E.endsWith("/*") ? I.startsWith(E.replace("/*", "/")) : I === E)) return "허용되지 않는 파일 형식입니다.";
       }
       return null;
-    }, y = (p) => {
+    }, p = (c) => {
       if (e.disabled || e.readonly) return;
-      let k = [...e.modelValue || []];
-      !e.multiple && k.length > 0 && (k = []);
-      const L = [];
-      for (let P = 0; P < p.length && !(k.length + L.length >= e.maxFiles); P++) {
-        const A = p[P], W = g(A), N = {
-          id: u(),
-          file: A,
-          name: A.name,
-          size: A.size,
-          type: A.type,
-          status: W ? "error" : "pending",
-          errorMessage: W || void 0
+      let B = [...e.modelValue || []];
+      !e.multiple && B.length > 0 && (B = []);
+      const V = [];
+      for (let I = 0; I < c.length && !(B.length + V.length >= e.maxFiles); I++) {
+        const E = c[I], M = S(E), A = {
+          id: f(),
+          file: E,
+          name: E.name,
+          size: E.size,
+          type: E.type,
+          status: M ? "error" : "pending",
+          errorMessage: M || void 0
         };
-        L.push(N), W ? n("file-error", N, W) : n("file-added", N);
+        V.push(A), M ? l("file-error", A, M) : l("file-added", A);
       }
-      L.length > 0 && n("update:modelValue", [...k, ...L]);
-    }, C = (p) => {
-      const k = p.target;
-      k.files?.length && (y(k.files), k.value = "");
-    }, S = (p) => {
-      e.disabled || e.readonly || !e.dragAndDrop || (p.preventDefault(), a.value = !0);
-    }, V = () => {
-      a.value = !1;
-    }, m = (p) => {
-      p.preventDefault(), a.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && p.dataTransfer?.files && y(p.dataTransfer.files);
-    }, i = () => {
-      e.disabled || e.readonly || l.value?.click();
-    }, f = (p) => {
-      e.disabled || e.readonly || (n(
-        "update:modelValue",
-        (e.modelValue || []).filter((k) => k.id !== p)
-      ), n("file-removed", p));
-    }, d = () => {
-      e.disabled || e.readonly || (n("update:modelValue", []), n("clear-all"));
-    }, v = b(() => {
-      const p = ["krds-file-upload", "line"];
-      return e.class && p.push(e.class), p;
-    }), $ = () => s("div", { class: "file-head" }, [s("h3", { class: "tit" }, e.title), s("div", null, [s("p", null, e.description)])]), F = () => s(
-      "div",
-      {
-        class: "file-upload",
-        onDragover: S,
-        onDragleave: V,
-        onDrop: m
-      },
-      [
-        s("p", { class: "txt" }, e.placeholder),
-        s("div", { class: "file-upload-btn-wrap" }, [
-          s("input", {
-            ref: l,
-            type: "file",
-            name: e.name || "myFile",
-            id: t,
-            hidden: !0,
-            accept: e.accept || void 0,
-            multiple: e.multiple,
-            onChange: C
-          }),
-          s("label", { for: t }, [
-            s(
-              "button",
-              {
-                type: "button",
-                class: ["krds-btn", e.size],
-                disabled: e.disabled || void 0,
-                onClick: i
-              },
-              [s("i", { class: "svg-icon ico-upload" }), "파일선택"]
-            )
-          ])
-        ])
-      ]
-    ), T = (p) => {
-      const k = [];
-      return p.status === "uploading" ? k.push(s("span", { class: "krds-spinner", role: "status" }, [s("span", { class: "sr-only" }, "업로드 중")])) : p.downloadUrl ? (e.showDownload && k.push(
-        s(
-          "button",
-          {
-            type: "button",
-            class: "krds-btn medium text",
-            onClick: () => n("download", p)
-          },
-          ["다운로드 ", s("i", { class: "svg-icon ico-down" })]
-        )
-      ), e.showPreviewButton && k.push(
-        s(
-          "button",
-          {
-            type: "button",
-            class: "krds-btn medium text",
-            onClick: () => n("preview", p)
-          },
-          ["바로보기 ", s("i", { class: "svg-icon ico-angle right" })]
-        )
-      )) : p.status === "completed" ? k.push(s("span", { class: "ico-invalid complete" }, [s("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || k.push(
-        s(
-          "button",
-          {
-            type: "button",
-            class: "krds-btn medium text",
-            disabled: e.disabled || void 0,
-            onClick: () => f(p.id)
-          },
-          ["삭제 ", s("i", { class: "svg-icon ico-delete-fill" })]
-        )
-      ), k;
-    }, R = (p) => {
-      const k = [
-        s(
-          "div",
-          {
-            class: p.downloadUrl ? "file-info m-column" : "file-info"
-          },
-          [s("div", { class: "file-name" }, h(p)), s("div", { class: "btn-wrap" }, T(p))]
-        )
-      ];
-      if (p.status === "error" && p.errorMessage) {
-        const L = p.errorMessage.split(`
-`), P = [];
-        L.forEach((A, W) => {
-          W > 0 && P.push(s("br")), P.push(A);
-        }), k.push(s("p", { class: "file-hint-invalid" }, P));
+      V.length > 0 && l("update:modelValue", [...B, ...V]);
+    }, C = (c) => {
+      const B = c.target;
+      B.files?.length && (p(B.files), B.value = "");
+    }, y = (c) => {
+      e.disabled || e.readonly || !e.dragAndDrop || (c.preventDefault(), r.value = !0);
+    }, k = () => {
+      r.value = !1;
+    }, u = (c) => {
+      c.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && c.dataTransfer?.files && p(c.dataTransfer.files);
+    }, o = () => {
+      e.disabled || e.readonly || a.value?.click();
+    }, i = (c) => {
+      e.disabled || e.readonly || (l("update:modelValue", (e.modelValue || []).filter((B) => B.id !== c)), l("file-removed", c));
+    }, v = () => {
+      e.disabled || e.readonly || (l("update:modelValue", []), l("clear-all"));
+    }, m = g(() => {
+      const c = ["krds-file-upload", "line"];
+      return e.class && c.push(e.class), c;
+    }), K = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), b = () => t("div", {
+      class: "file-upload",
+      onDragover: y,
+      onDragleave: k,
+      onDrop: u
+    }, [t("p", { class: "txt" }, e.placeholder), t("div", { class: "file-upload-btn-wrap" }, [t("input", {
+      ref: a,
+      type: "file",
+      name: e.name || "myFile",
+      id: n,
+      hidden: !0,
+      accept: e.accept || void 0,
+      multiple: e.multiple,
+      onChange: C
+    }), 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" }), "파일선택"])])])]), w = (c) => {
+      const B = [];
+      return c.status === "uploading" ? B.push(t("span", {
+        class: "krds-spinner",
+        role: "status"
+      }, [t("span", { class: "sr-only" }, "업로드 중")])) : c.downloadUrl ? (e.showDownload && B.push(t("button", {
+        type: "button",
+        class: "krds-btn medium text",
+        onClick: () => l("download", c)
+      }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && B.push(t("button", {
+        type: "button",
+        class: "krds-btn medium text",
+        onClick: () => l("preview", c)
+      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : c.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(c.id)
+      }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), B;
+    }, x = (c) => {
+      const B = [t("div", { class: c.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, h(c)), t("div", { class: "btn-wrap" }, w(c))])];
+      if (c.status === "error" && c.errorMessage) {
+        const V = c.errorMessage.split(`
+`), I = [];
+        V.forEach((E, M) => {
+          M > 0 && I.push(t("br")), I.push(E);
+        }), B.push(t("p", { class: "file-hint-invalid" }, I));
       }
-      return s(
-        "li",
-        {
-          key: p.id,
-          class: p.status === "error" ? "is-error" : void 0
-        },
-        k
-      );
-    }, I = (p) => {
-      const k = p.filter((P) => P.status !== "error").length, L = [
-        s("div", { class: "total" }, [s("span", { class: "current" }, `${k}개`), ` / ${e.maxFiles}개`]),
-        s("ul", { class: "upload-list" }, p.map(R))
-      ];
-      return e.showClearAll && !e.readonly && L.push(
-        s("div", { class: "upload-delete-btn" }, [
-          s(
-            "button",
-            {
-              type: "button",
-              class: "krds-btn xsmall tertiary",
-              disabled: e.disabled || void 0,
-              onClick: d
-            },
-            ["전체 파일 삭제", s("i", { class: "svg-icon ico-angle right" })]
-          )
-        ])
-      ), s("div", { class: "file-list" }, L);
+      return t("li", {
+        key: c.id,
+        class: c.status === "error" ? "is-error" : void 0
+      }, B);
+    }, L = (c) => {
+      const B = c.filter((I) => I.status !== "error").length, V = [t("div", { class: "total" }, [t("span", { class: "current" }, `${B}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, c.map(x))];
+      return e.showClearAll && !e.readonly && V.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" }, V);
     };
     return () => {
-      const p = [$()];
-      e.readonly || p.push(F());
-      const k = e.modelValue || [];
-      return k.length > 0 && p.push(I(k)), s(
-        "div",
-        {
-          class: v.value,
-          style: e.style || void 0
-        },
-        p
-      );
+      const c = [K()];
+      e.readonly || c.push(b());
+      const B = e.modelValue || [];
+      return B.length > 0 && c.push(L(B)), t("div", {
+        class: m.value,
+        style: e.style || void 0
+      }, c);
     };
   }
-}), gt = K({
+}), Ge = We, Ye = D({
   name: "KrdsBadge",
   props: {
     type: {
@@ -1338,27 +1220,23 @@ ${o(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const o = ["krds-badge"];
-      return o.push(`${e.type}-${e.color}`), e.size && o.push(e.size), e.number && o.push("number"), e.class && o.push(e.class), o;
-    }), t = (o) => {
-      n("click", o);
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      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) => {
+      l("click", s);
     };
-    return () => s(
-      "span",
-      {
-        type: e.type,
-        color: e.color,
-        size: e.size,
-        number: e.number,
-        class: l.value,
-        onClick: t
-      },
-      a.default?.()
-    );
+    return () => t("span", {
+      type: e.type,
+      color: e.color,
+      size: e.size,
+      number: e.number,
+      class: a.value,
+      onClick: n
+    }, r.default?.());
   }
-}), bt = K({
+}), Ue = Ye, Xe = D({
   name: "KrdsTag",
   props: {
     link: {
@@ -1383,40 +1261,30 @@ ${o(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }
   },
   emits: ["remove"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const r = ["krds-btn-tag"];
-      return e.link && r.push("link"), e.class && r.push(e.class), r;
-    }), t = (r) => {
-      n("remove", r);
-    }, o = () => s(
-      "button",
-      {
-        type: "button",
-        class: "btn-delete",
-        onClick: t
-      },
-      [s("span", { class: "sr-only" }, "삭제")]
-    );
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const d = ["krds-btn-tag"];
+      return e.link && d.push("link"), e.class && d.push(e.class), d;
+    }), n = (d) => {
+      l("remove", d);
+    }, s = () => t("button", {
+      type: "button",
+      class: "btn-delete",
+      onClick: n
+    }, [t("span", { class: "sr-only" }, "삭제")]);
     return () => {
-      const r = [], h = a.default?.();
-      if (h && r.push(h), e.link || r.push(o()), e.link) {
-        const u = {
+      const d = [], h = r.default?.();
+      if (h && d.push(h), e.link || d.push(s()), e.link) {
+        const f = {
           href: e.href,
-          class: l.value
+          class: a.value
         };
-        return e.target && (u.target = e.target), e.rel && (u.rel = e.rel), s("a", u, r);
+        return e.target && (f.target = e.target), e.rel && (f.rel = e.rel), t("a", f, d);
       }
-      return s(
-        "span",
-        {
-          class: l.value
-        },
-        r
-      );
+      return t("span", { class: a.value }, d);
     };
   }
-}), kt = K({
+}), Je = Xe, Qe = D({
   name: "KrdsTagGroup",
   props: {
     size: {
@@ -1428,62 +1296,44 @@ ${o(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       default: void 0
     }
   },
-  setup(e, { slots: n }) {
-    const a = b(() => {
-      const l = ["krds-tag-wrap"];
-      return e.size && l.push(e.size), e.class && l.push(e.class), l;
+  setup(e, { slots: l }) {
+    const r = g(() => {
+      const a = ["krds-tag-wrap"];
+      return e.size && a.push(e.size), e.class && a.push(e.class), a;
     });
-    return () => s(
-      "div",
-      {
-        class: a.value
-      },
-      n.default?.()
-    );
+    return () => t("div", { class: r.value }, l.default?.());
   }
-}), St = K({
+}), Ze = Qe, et = D({
   name: "KrdsMasthead",
-  props: {
-    class: {
-      type: String,
-      default: void 0
-    }
-  },
+  props: { class: {
+    type: String,
+    default: void 0
+  } },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = b(() => {
-      const o = [""];
-      return e.class && o.push(e.class), o;
-    }), t = (o) => {
-      n("click", o);
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const s = [""];
+      return e.class && s.push(e.class), s;
+    }), n = (s) => {
+      l("click", s);
     };
-    return () => s(
-      "div",
-      {
-        id: "krds-masthead",
-        class: l.value,
-        onClick: t
-      },
-      [
-        s("div", { class: "toggle-wrap" }, [
-          s("div", { class: "toggle-head" }, [s("div", { class: "inner" }, [s("span", { class: "nuri-txt" }, a.default?.())])])
-        ])
-      ]
-    );
+    return () => t("div", {
+      id: "krds-masthead",
+      class: a.value,
+      onClick: n
+    }, [t("div", { class: "toggle-wrap" }, [t("div", { class: "toggle-head" }, [t("div", { class: "inner" }, [t("span", { class: "nuri-txt" }, r.default?.())])])])]);
   }
-});
-let wt = 0;
-function ue(e = "krds") {
-  return `${e}-${++wt}`;
+}), tt = et, at = 0;
+function fa(e = "krds") {
+  return `${e}-${++at}`;
 }
-function El() {
-  const e = Date.now().toString(36).slice(-4), n = Math.random().toString(36).substring(2, 5);
-  return `${e}${n}`;
+function va() {
+  return `${Date.now().toString(36).slice(-4)}${Math.random().toString(36).substring(2, 5)}`;
 }
-function fe(...e) {
+function Z(...e) {
   return e.filter(Boolean).join(" ");
 }
-const Ct = K({
+var lt = D({
   name: "KrdsToggleSwitch",
   props: {
     modelValue: {
@@ -1525,48 +1375,23 @@ const Ct = K({
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n, attrs: a }) {
-    const l = b(() => e.modelValue), t = b(() => fe("krds-form-toggle-switch", e.size, e.class)), o = (h) => {
-      if (e.disabled)
-        return;
-      const g = h.target.checked;
-      n("update:modelValue", g), n("change", g);
-    }, r = b(() => e.id || ue("toggle-switch"));
-    return () => s(
-      "div",
-      {
-        class: t.value
-      },
-      [
-        s("input", {
-          type: "checkbox",
-          id: r.value,
-          name: e.name,
-          checked: l.value,
-          disabled: e.disabled,
-          onChange: o,
-          ...a
-        }),
-        s(
-          "label",
-          {
-            for: r.value
-          },
-          [
-            s(
-              "span",
-              {
-                class: "switch-toggle"
-              },
-              [s("i")]
-            ),
-            e.label || ""
-          ]
-        )
-      ]
-    );
+  setup(e, { emit: l, attrs: r }) {
+    const a = `toggle-switch-${O()}`, n = g(() => e.modelValue), s = g(() => Z("krds-form-toggle-switch", e.size, e.class)), d = (f) => {
+      if (e.disabled) return;
+      const S = f.target.checked;
+      l("update:modelValue", S), l("change", S);
+    }, h = g(() => e.id || a);
+    return () => t("div", { class: s.value }, [t("input", {
+      type: "checkbox",
+      id: h.value,
+      name: e.name,
+      checked: n.value,
+      disabled: e.disabled,
+      onChange: d,
+      ...r
+    }), t("label", { for: h.value }, [t("span", { class: "switch-toggle" }, [t("i")]), e.label || ""])]);
   }
-}), xt = K({
+}), nt = lt, st = D({
   name: "KrdsCheckArea",
   props: {
     class: {
@@ -1578,19 +1403,13 @@ const Ct = K({
       default: !1
     }
   },
-  setup(e, { slots: n }) {
+  setup(e, { slots: l }) {
     return () => {
-      const a = ["krds-check-area"];
-      return e.column && a.push("chk-column"), e.class && a.push(e.class), s(
-        "div",
-        {
-          class: a
-        },
-        n.default?.()
-      );
+      const r = ["krds-check-area"];
+      return e.column && r.push("chk-column"), e.class && r.push(e.class), t("div", { class: r }, l.default?.());
     };
   }
-}), $t = K({
+}), rt = st, it = D({
   name: "KrdsCheckbox",
   props: {
     modelValue: {
@@ -1621,52 +1440,44 @@ const Ct = K({
   },
   emits: ["update:modelValue"],
   slots: Object,
-  setup(e, { emit: n, attrs: a, slots: l }) {
-    const t = b(() => e.modelValue), o = b(() => {
-      const u = e.chip ? "krds-form-chip" : "krds-form-check";
-      return fe(u, e.size, e.class);
-    }), r = (u) => {
-      if (e.disabled)
-        return;
-      const y = u.target.checked;
-      n("update:modelValue", y);
-    }, h = b(() => e.id || ue("checkbox"));
+  setup(e, { emit: l, attrs: r, slots: a }) {
+    const n = `checkbox-${O()}`, s = g(() => e.modelValue), d = g(() => {
+      const S = e.chip ? "krds-form-chip" : "krds-form-check";
+      return Z(S, e.size, e.class);
+    }), h = (S) => {
+      if (e.disabled) return;
+      const p = S.target.checked;
+      l("update:modelValue", p);
+    }, f = g(() => e.id || n);
     return () => {
-      const u = [
-        s("input", {
-          type: "checkbox",
-          id: h.value,
-          checked: t.value,
-          disabled: e.disabled,
-          onChange: r,
-          ...a
-        }),
-        s(
-          "label",
-          {
-            for: h.value
-          },
-          l.default?.()
-        )
-      ];
-      return l.description && !e.chip && u.push(s("div", { class: "krds-form-check-cnt" }, s("p", { class: "krds-form-check-p" }, l.description()))), s(
-        "div",
-        {
-          class: o.value
-        },
-        u
-      );
+      const S = [t("input", {
+        type: "checkbox",
+        id: f.value,
+        checked: s.value,
+        disabled: e.disabled,
+        onChange: h,
+        ...r
+      }), t("label", { for: f.value }, a.default?.())];
+      return a.description && !e.chip && S.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, a.description()))), t("div", { class: d.value }, S);
     };
   }
-}), Bt = K({
+}), ot = it, dt = D({
   name: "KrdsRadio",
   props: {
     modelValue: {
-      type: [String, Number, Boolean],
+      type: [
+        String,
+        Number,
+        Boolean
+      ],
       default: void 0
     },
     value: {
-      type: [String, Number, Boolean],
+      type: [
+        String,
+        Number,
+        Boolean
+      ],
       required: !0
     },
     disabled: {
@@ -1697,45 +1508,28 @@ const Ct = K({
   },
   emits: ["update:modelValue"],
   slots: Object,
-  setup(e, { emit: n, attrs: a, slots: l }) {
-    const t = b(() => e.modelValue === e.value), o = b(() => {
-      const g = e.chip ? "krds-form-chip" : "krds-form-check";
-      return fe(g, e.size, e.class);
-    }), r = (g) => {
-      if (e.disabled)
-        return;
-      g.target.checked && n("update:modelValue", e.value);
-    }, h = b(() => e.id || ue("radio")), u = b(() => e.name);
+  setup(e, { emit: l, attrs: r, slots: a }) {
+    const n = `radio-${O()}`, s = g(() => e.modelValue === e.value), d = g(() => {
+      const p = e.chip ? "krds-form-chip" : "krds-form-check";
+      return Z(p, e.size, e.class);
+    }), h = (p) => {
+      e.disabled || p.target.checked && l("update:modelValue", e.value);
+    }, f = g(() => e.id || n), S = g(() => e.name);
     return () => {
-      const g = [
-        s("input", {
-          type: "radio",
-          id: h.value,
-          name: u.value,
-          value: String(e.value),
-          checked: t.value,
-          disabled: e.disabled,
-          onChange: r,
-          ...a
-        }),
-        s(
-          "label",
-          {
-            for: h.value
-          },
-          l.default?.()
-        )
-      ];
-      return l.description && !e.chip && g.push(s("div", { class: "krds-form-check-cnt" }, s("p", { class: "krds-form-check-p" }, l.description()))), s(
-        "div",
-        {
-          class: o.value
-        },
-        g
-      );
+      const p = [t("input", {
+        type: "radio",
+        id: f.value,
+        name: S.value,
+        value: String(e.value),
+        checked: s.value,
+        disabled: e.disabled,
+        onChange: h,
+        ...r
+      }), t("label", { for: f.value }, a.default?.())];
+      return a.description && !e.chip && p.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, a.description()))), t("div", { class: d.value }, p);
     };
   }
-}), Kt = K({
+}), ut = dt, ct = ve, ft = D({
   name: "KrdsStepIndicator",
   props: {
     modelValue: {
@@ -1748,30 +1542,24 @@ const Ct = K({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { slots: n }) {
-    const a = b(() => {
+  setup(e, { slots: l }) {
+    const r = g(() => {
       const h = ["krds-step-wrap"];
       return e.class && h.push(e.class), h;
-    }), l = (h) => {
-      const u = e.modelValue || 0;
-      return h < u ? "done" : h === u ? "active" : "pending";
-    }, t = D(0), o = () => {
-      t.value = 0;
-    }, r = () => t.value++;
-    return ze("stepIndicator", {
-      activeStep: b(() => e.modelValue || 0),
-      getStepStatus: l,
-      getNextStepIndex: r,
-      resetStepIndex: o
-    }), () => (o(), s(
-      "ol",
-      {
-        class: a.value
-      },
-      n.default?.()
-    ));
+    }), a = (h) => {
+      const f = e.modelValue || 0;
+      return h < f ? "done" : h === f ? "active" : "pending";
+    }, n = _(0), s = () => {
+      n.value = 0;
+    }, d = () => n.value++;
+    return we("stepIndicator", {
+      activeStep: g(() => e.modelValue || 0),
+      getStepStatus: a,
+      getNextStepIndex: d,
+      resetStepIndex: s
+    }), () => (s(), t("ol", { class: r.value }, l.default?.()));
   }
-}), _t = K({
+}), vt = ft, ht = D({
   name: "KrdsStep",
   props: {
     step: {
@@ -1792,117 +1580,96 @@ const Ct = K({
     }
   },
   emits: ["click"],
-  setup(e, { emit: n, slots: a }) {
-    const l = Ve("stepIndicator"), t = l ? l.getNextStepIndex() : -1, o = b(() => e.status ? e.status : l && t >= 0 ? l.getStepStatus(t) : "pending"), r = b(() => {
-      const u = [o.value];
-      return e.class && u.push(e.class), u;
-    }), h = (u) => {
-      n("click", u, e.step);
+  setup(e, { emit: l, slots: r }) {
+    const a = Ke("stepIndicator"), n = a ? a.getNextStepIndex() : -1, s = g(() => e.status ? e.status : a && n >= 0 ? a.getStepStatus(n) : "pending"), d = g(() => {
+      const f = [s.value];
+      return e.class && f.push(e.class), f;
+    }), h = (f) => {
+      l("click", f, e.step);
     };
     return () => {
-      const u = o.value === "active";
-      return s(
-        "li",
-        {
-          class: r.value,
-          onClick: h
-        },
-        [
-          s("span", [
-            // 현재 단계 표시 (활성 상태일 때만)
-            u && s("em", { class: "sr-only" }, "현재단계"),
-            // 단계 번호
-            s("i", { class: "step" }, e.step),
-            // 단계 제목
-            s("span", { class: "step-tit" }, e.title),
-            // 슬롯 내용 (추가 콘텐츠가 있는 경우)
-            a.default?.()
-          ])
-        ]
-      );
+      const f = s.value === "active";
+      return t("li", {
+        class: d.value,
+        onClick: h
+      }, [t("span", [
+        f && t("em", { class: "sr-only" }, "현재단계"),
+        t("i", { class: "step" }, e.step),
+        t("span", { class: "step-tit" }, e.title),
+        r.default?.()
+      ])]);
     };
   }
-}), Dt = K({
+}), pt = ht, mt = D({
   name: "KrdsSkipLink",
   props: {
-    /**
-     * 건너뛸 대상 요소의 ID
-     * @example '#main-content', '#breadcrumb'
-     */
     href: {
       type: String,
       required: !0,
       validator: (e) => e.startsWith("#")
     },
-    /**
-     * 추가 CSS 클래스
-     */
     class: {
-      type: [String, Array, Object],
+      type: [
+        String,
+        Array,
+        Object
+      ],
       default: void 0
     },
-    /**
-     * 요소 ID
-     */
     id: {
       type: String,
       default: "krds-skip-link"
     }
   },
-  setup(e, { slots: n }) {
-    return () => s(
-      "div",
-      {
-        id: e.id,
-        class: e.class
-      },
-      [
-        s(
-          "a",
-          {
-            href: e.href
-          },
-          n.default?.()
-        )
-      ]
-    );
+  setup(e, { slots: l }) {
+    return () => t("div", {
+      id: e.id,
+      class: e.class
+    }, [t("a", { href: e.href }, l.default?.())]);
   }
-}), zt = ["id", "aria-label"], Vt = { class: "breadcrumb" }, It = ["href", "aria-current", "onClick"], Et = { key: 0 }, Lt = /* @__PURE__ */ K({
-  __name: "KrdsBreadcrumb",
+}), gt = mt, yt = D({
+  name: "KrdsBreadcrumb",
   props: {
-    items: {},
-    id: { default: void 0 },
-    ariaLabel: { default: "현재 경로" },
-    showHomeIcon: { type: Boolean, default: !0 }
+    items: {
+      type: Array,
+      required: !0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    ariaLabel: {
+      type: String,
+      default: "현재 경로"
+    },
+    showHomeIcon: {
+      type: Boolean,
+      default: !0
+    }
   },
   emits: ["item-click"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = (r) => r === a.items.length - 1, o = (r, h) => {
-      r.onClick && r.onClick(h), l("item-click", r, h);
+  setup(e, { emit: l }) {
+    const r = (n) => n === e.items.length - 1, a = (n, s) => {
+      n.onClick && n.onClick(s), l("item-click", n, s);
     };
-    return (r, h) => (w(), x("nav", {
+    return () => t("nav", {
       id: e.id,
       class: "krds-breadcrumb-wrap",
       "aria-label": e.ariaLabel
-    }, [
-      c("ol", Vt, [
-        (w(!0), x(j, null, G(e.items, (u, g) => (w(), x("li", {
-          key: `breadcrumb-${g}`,
-          class: M({ home: g === 0 && e.showHomeIcon })
-        }, [
-          c("a", {
-            href: u.href || "#",
-            class: "txt",
-            "aria-current": t(g) ? "page" : void 0,
-            onClick: (y) => o(u, y)
-          }, [
-            g === 0 && e.showHomeIcon ? X("", !0) : (w(), x("span", Et, E(u.text), 1))
-          ], 8, It)
-        ], 2))), 128))
-      ])
-    ], 8, zt));
+    }, [t("ol", { class: "breadcrumb" }, e.items.map((n, s) => {
+      const d = s === 0 && e.showHomeIcon;
+      return t("li", {
+        key: `breadcrumb-${s}`,
+        class: { home: d }
+      }, [t("a", {
+        href: n.href || "#",
+        class: "txt",
+        "aria-current": r(s) ? "page" : void 0,
+        onClick: (h) => a(n, h)
+      }, d ? [] : [t("span", null, n.text)])]);
+    }))]);
   }
-}), Mt = K({
+}), bt = yt, kt = D({
   name: "KrdsInPageNavigation",
   props: {
     title: {
@@ -1936,735 +1703,735 @@ const Ct = K({
   },
   emits: ["itemClick"],
   slots: Object,
-  setup(e, { emit: n, slots: a }) {
-    const l = D(""), t = D(/* @__PURE__ */ new Map()), o = b(() => {
-      const m = ["krds-in-page-navigation-type"];
-      return e.class && m.push(e.class), m;
-    }), r = () => {
-      const m = e.headerTopSelector, i = e.headerInnerSelector, f = document.querySelector(m)?.clientHeight || 0, d = document.querySelector(i)?.clientHeight || 0;
-      return f + d;
-    }, h = (m, i) => {
-      if (n("itemClick", m, i), m.href.startsWith("#")) {
-        i.preventDefault();
-        const f = document.querySelector(m.href);
-        if (f) {
-          const d = r();
+  setup(e, { emit: l, slots: r }) {
+    const a = _(""), n = _(/* @__PURE__ */ new Map()), s = g(() => {
+      const u = ["krds-in-page-navigation-type"];
+      return e.class && u.push(e.class), u;
+    }), d = () => {
+      const u = e.headerTopSelector, o = e.headerInnerSelector;
+      return (document.querySelector(u)?.clientHeight || 0) + (document.querySelector(o)?.clientHeight || 0);
+    }, h = (u, o) => {
+      if (l("itemClick", u, o), u.href.startsWith("#")) {
+        o.preventDefault();
+        const i = document.querySelector(u.href);
+        if (i) {
+          const v = d();
           if (window.scrollTo({
             left: 0,
-            top: f.getBoundingClientRect().top + window.scrollY - d,
+            top: i.getBoundingClientRect().top + window.scrollY - v,
             behavior: "smooth"
-          }), l.value = m.href, i instanceof KeyboardEvent) {
-            const v = f.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
-            v && v instanceof HTMLElement && (v.setAttribute("tabindex", "-1"), v.focus({ preventScroll: !0 }));
+          }), a.value = u.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 }));
           }
         }
       }
-    }, u = () => {
-      t.value.clear(), e.items && e.items.filter((m) => m.href.startsWith("#")).forEach((m) => {
-        const i = document.querySelector(m.href);
-        i && t.value.set(m.href, i);
+    }, f = () => {
+      n.value.clear(), e.items && e.items.filter((u) => u.href.startsWith("#")).forEach((u) => {
+        const o = document.querySelector(u.href);
+        o && n.value.set(u.href, o);
       });
-    }, g = () => {
-      if (!e.autoActive || !e.items || t.value.size === 0) return;
-      const m = window.innerHeight, i = Math.ceil(m / 5), f = window.scrollY + m, d = document.body.scrollHeight, v = e.items.filter((I) => I.href.startsWith("#") && t.value.has(I.href)).map((I) => ({
-        href: I.href,
-        element: t.value.get(I.href),
-        item: I
+    }, S = () => {
+      if (!e.autoActive || !e.items || n.value.size === 0) return;
+      const u = window.innerHeight, o = Math.ceil(u / 5), i = window.scrollY + u, v = document.body.scrollHeight, m = e.items.filter((L) => L.href.startsWith("#") && n.value.has(L.href)).map((L) => ({
+        href: L.href,
+        element: n.value.get(L.href),
+        item: L
       }));
-      if (v.length === 0) return;
-      const $ = v[0], F = v[v.length - 1], T = $.element.offsetTop;
-      let R = "";
-      if (f >= d)
-        R = F.href;
-      else if (window.scrollY <= T)
-        R = $.href;
-      else
-        for (const I of v) {
-          const p = I.element.offsetHeight, k = I.element.offsetTop - i;
-          if (window.scrollY > k && window.scrollY <= k + p) {
-            R = I.href;
-            break;
-          }
+      if (m.length === 0) return;
+      const K = m[0], b = m[m.length - 1], w = K.element.offsetTop;
+      let x = "";
+      if (i >= v) x = b.href;
+      else if (window.scrollY <= w) x = K.href;
+      else for (const L of m) {
+        const c = L.element.offsetHeight, B = L.element.offsetTop - o;
+        if (window.scrollY > B && window.scrollY <= B + c) {
+          x = L.href;
+          break;
         }
-      R && R !== l.value && (l.value = R);
-    }, y = () => {
+      }
+      x && x !== a.value && (a.value = x);
+    }, p = () => {
       if (!e.items) return;
-      const m = e.items.find((i) => i.active);
-      m ? l.value = m.href : e.items.length > 0 && (l.value = e.items[0].href);
+      const u = e.items.find((o) => o.active);
+      u ? a.value = u.href : e.items.length > 0 && (a.value = e.items[0].href);
     };
-    ae(() => {
-      if (y(), e.autoActive) {
-        u(), g(), window.addEventListener("scroll", g, { passive: !0 });
-        const m = new MutationObserver(() => {
-          u();
+    N(() => {
+      if (p(), e.autoActive) {
+        f(), S(), window.addEventListener("scroll", S, { passive: !0 });
+        const u = new MutationObserver(() => {
+          f();
         });
-        m.observe(document.body, {
+        u.observe(document.body, {
           childList: !0,
           subtree: !0
-        }), Z(() => {
-          m.disconnect();
+        }), q(() => {
+          u.disconnect();
         });
       }
-    }), Z(() => {
-      e.autoActive && (window.removeEventListener("scroll", g), t.value.clear());
+    }), q(() => {
+      e.autoActive && (window.removeEventListener("scroll", S), n.value.clear());
     });
-    const C = () => !e.caption && !e.title ? null : s("div", { class: "in-page-navigation-header" }, [
-      e.caption && s("p", { class: "quick-caption" }, e.caption),
-      e.title && s("p", { class: "quick-title" }, e.title)
-    ]), S = () => {
+    const C = () => !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)]), y = () => {
       if (!e.items) return null;
-      const m = e.items.map((i) => {
-        const f = l.value === i.href || !e.autoActive && i.active;
-        return s("li", { key: i.href }, [
-          s(
-            "a",
-            {
-              href: i.href,
-              class: f ? "active" : "",
-              onClick: (d) => h(i, d),
-              onKeydown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), h(i, d));
-              }
-            },
-            i.text
-          )
-        ]);
+      const u = e.items.map((o) => {
+        const i = a.value === o.href || !e.autoActive && o.active;
+        return t("li", { key: o.href }, [t("a", {
+          href: o.href,
+          class: i ? "active" : "",
+          onClick: (v) => h(o, v),
+          onKeydown: (v) => {
+            (v.key === "Enter" || v.key === " ") && (v.preventDefault(), h(o, v));
+          }
+        }, o.text)]);
       });
-      return s("nav", { class: "in-page-navigation-list" }, [s("ul", {}, m)]);
-    }, V = () => a.action ? s("div", { class: "in-page-navigation-action" }, [a.action()]) : null;
-    return () => s("div", { class: o.value }, [
-      s("div", { class: "krds-in-page-navigation-area" }, [C(), S(), V()].filter(Boolean))
-    ]);
+      return t("nav", { class: "in-page-navigation-list" }, [t("ul", {}, u)]);
+    }, k = () => 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" }, [
+      C(),
+      y(),
+      k()
+    ].filter(Boolean))]);
+  }
+}), St = kt, Y = {
+  mounted(e, l) {
+    l.value !== !1 && e.classList.add("sr-only");
+  },
+  updated(e, l) {
+    l.value === !1 ? e.classList.remove("sr-only") : e.classList.add("sr-only");
+  },
+  unmounted(e) {
+    e.classList.remove("sr-only");
   }
-}), Tt = ["id"], Rt = { class: "page-links" }, At = ["href", "aria-current", "onClick"], Ft = { key: 0 }, Pt = ["aria-label"], Ot = /* @__PURE__ */ K({
-  __name: "KrdsPagination",
+}, U = /* @__PURE__ */ ce({
+  default: () => re,
+  directives: () => re,
+  installDirectives: () => he,
+  vSrOnly: () => Y
+}), re = { "sr-only": Y }, he = (e) => {
+  e.directive("sr-only", Y);
+}, ie = 1, oe = 8, Kt = D({
+  name: "KrdsPagination",
   props: {
-    modelValue: { default: 1 },
-    min: { default: 1 },
-    max: {},
-    id: { default: void 0 },
-    ariaLabel: { default: "페이지 내비게이션" },
-    pageRange: { default: 8 }
+    modelValue: {
+      type: Number,
+      default: 1
+    },
+    min: {
+      type: Number,
+      default: ie
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    ariaLabel: {
+      type: String,
+      default: "페이지 내비게이션"
+    },
+    pageRange: {
+      type: Number,
+      default: oe
+    }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = b(() => Math.max(1, a.min)), o = b(() => a.modelValue ?? t.value), r = b(() => o.value <= t.value), h = b(() => o.value >= a.max), u = b(() => {
-      if (!r.value)
+  setup(e, { emit: l }) {
+    const r = g(() => Math.max(1, e.min ?? ie)), a = g(() => e.modelValue ?? r.value), n = g(() => a.value <= r.value), s = g(() => a.value >= e.max), d = g(() => {
+      if (!n.value)
         return "#";
-    }), g = b(() => {
-      if (!h.value)
+    }), h = g(() => {
+      if (!s.value)
         return "#";
-    }), y = b(() => {
-      const { pageRange: m, max: i } = a, f = 1, d = [];
-      if (i <= m + 2 * f)
-        for (let v = t.value; v <= i; v++)
-          d.push({
-            type: "page",
-            key: `page-${v}`,
-            page: v,
-            href: "#"
-          });
+    }), f = g(() => {
+      const { max: k } = e, u = e.pageRange ?? oe, o = 1, i = [];
+      if (k <= u + 2) for (let v = r.value; v <= k; v++) i.push({
+        type: "page",
+        key: `page-${v}`,
+        page: v,
+        href: "#"
+      });
       else {
-        const v = Math.min(f, i), $ = Math.max(i - f + 1, 1), F = Math.max(t.value, o.value - Math.floor(m / 2)), T = Math.min(i, F + m - 1), R = Math.max(t.value, T - m + 1);
-        for (let k = t.value; k <= v; k++)
-          d.push({
-            type: "page",
-            key: `page-${k}`,
-            page: k,
-            href: "#"
-          });
-        R > v + 1 && d.push({
+        const v = Math.min(o, k), m = Math.max(k - o + 1, 1), K = Math.max(r.value, a.value - Math.floor(u / 2)), b = Math.min(k, K + u - 1), w = Math.max(r.value, b - u + 1);
+        for (let c = r.value; c <= v; c++) i.push({
+          type: "page",
+          key: `page-${c}`,
+          page: c,
+          href: "#"
+        });
+        w > v + 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-left",
           ariaLabel: "페이지 생략"
         });
-        const I = Math.max(R, v + 1), p = Math.min(T, $ - 1);
-        for (let k = I; k <= p; k++)
-          d.push({
-            type: "page",
-            key: `page-${k}`,
-            page: k,
-            href: "#"
-          });
-        T < $ - 1 && d.push({
+        const x = Math.max(w, v + 1), L = Math.min(b, m - 1);
+        for (let c = x; c <= L; c++) i.push({
+          type: "page",
+          key: `page-${c}`,
+          page: c,
+          href: "#"
+        });
+        b < m - 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-right",
           ariaLabel: "페이지 생략"
         });
-        for (let k = $; k <= i; k++)
-          d.push({
-            type: "page",
-            key: `page-${k}`,
-            page: k,
-            href: "#"
-          });
+        for (let c = m; c <= k; c++) i.push({
+          type: "page",
+          key: `page-${c}`,
+          page: c,
+          href: "#"
+        });
       }
-      return d;
-    }), C = (m, i) => {
-      if (m === o.value) {
-        i.preventDefault();
+      return i;
+    }), S = (k, u) => {
+      if (k === a.value) {
+        u.preventDefault();
         return;
       }
-      l("update:modelValue", m);
-    }, S = (m) => {
-      if (r.value) {
-        m.preventDefault();
+      l("update:modelValue", k);
+    }, p = (k) => {
+      if (n.value) {
+        k.preventDefault();
         return;
       }
-      const i = o.value - 1;
-      l("update:modelValue", i);
-    }, V = (m) => {
-      if (h.value) {
-        m.preventDefault();
+      l("update:modelValue", a.value - 1);
+    }, C = (k) => {
+      if (s.value) {
+        k.preventDefault();
         return;
       }
-      const i = o.value + 1;
-      l("update:modelValue", i);
-    };
-    return (m, i) => {
-      const f = Ie("sr-only");
-      return w(), x("div", {
-        id: e.id,
-        class: "krds-pagination"
-      }, [
-        (w(), ie(ge(r.value ? "span" : "a"), {
-          href: r.value ? void 0 : u.value,
-          class: M(["page-navi", "prev", { disabled: r.value }]),
-          onClick: S
-        }, {
-          default: re(() => [...i[0] || (i[0] = [
-            H(" 이전 ", -1)
-          ])]),
-          _: 1
-        }, 8, ["href", "class"])),
-        c("div", Rt, [
-          (w(!0), x(j, null, G(y.value, (d) => (w(), x(j, {
-            key: d.key
-          }, [
-            d.type === "page" ? (w(), x("a", {
-              key: 0,
-              href: d.href || "#",
-              class: M(["page-link", { active: d.page === o.value }]),
-              "aria-current": d.page === o.value ? "page" : void 0,
-              onClick: (v) => C(d.page, v)
-            }, [
-              d.page === o.value ? ee((w(), x("span", Ft, [...i[1] || (i[1] = [
-                H("현재페이지", -1)
-              ])])), [
-                [f]
-              ]) : X("", !0),
-              H(" " + E(d.page), 1)
-            ], 10, At)) : d.type === "ellipsis" ? (w(), x("span", {
-              key: 1,
-              class: "page-link link-dot",
-              "aria-label": d.ariaLabel
-            }, null, 8, Pt)) : X("", !0)
-          ], 64))), 128))
-        ]),
-        (w(), ie(ge(h.value ? "span" : "a"), {
-          href: h.value ? void 0 : g.value,
-          class: M(["page-navi", "next", { disabled: h.value }]),
-          onClick: V
-        }, {
-          default: re(() => [...i[2] || (i[2] = [
-            H(" 다음 ", -1)
-          ])]),
-          _: 1
-        }, 8, ["href", "class"]))
-      ], 8, Tt);
+      l("update:modelValue", a.value + 1);
+    }, y = (k) => {
+      if (k.type === "page") {
+        const u = k.page === a.value;
+        return t("a", {
+          key: k.key,
+          href: k.href || "#",
+          class: ["page-link", { active: u }],
+          "aria-current": u ? "page" : void 0,
+          onClick: (o) => S(k.page, o)
+        }, [u ? W(t("span", null, "현재페이지"), [[Y]]) : null, ` ${k.page} `]);
+      }
+      return t("span", {
+        key: k.key,
+        class: "page-link link-dot",
+        "aria-label": k.ariaLabel
+      });
     };
+    return () => t("div", {
+      id: e.id,
+      class: "krds-pagination"
+    }, [
+      t(n.value ? "span" : "a", {
+        href: n.value ? void 0 : d.value,
+        class: [
+          "page-navi",
+          "prev",
+          { disabled: n.value }
+        ],
+        onClick: p
+      }, "이전"),
+      t("div", { class: "page-links" }, f.value.map(y)),
+      t(s.value ? "span" : "a", {
+        href: s.value ? void 0 : h.value,
+        class: [
+          "page-navi",
+          "next",
+          { disabled: s.value }
+        ],
+        onClick: C
+      }, "다음")
+    ]);
   }
-}), qt = { class: "inner help-panel-flexible" }, Nt = { class: "help-panel-wrap" }, Ht = { class: "help-conts-area" }, Wt = /* @__PURE__ */ K({
-  __name: "KrdsPanel",
-  props: {
-    modelValue: { type: Boolean, default: !1 }
-  },
+}), wt = Kt, Ct = D({
+  name: "KrdsPanel",
+  props: { modelValue: {
+    type: Boolean,
+    default: !1
+  } },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = b({
-      get: () => a.modelValue,
-      set: (h) => l("update:modelValue", h)
-    }), o = () => {
-      t.value = !0;
-    }, r = () => {
-      t.value = !1;
+  setup(e, { emit: l, slots: r }) {
+    const a = g({
+      get: () => e.modelValue,
+      set: (d) => l("update:modelValue", d)
+    }), n = () => {
+      a.value = !0;
+    }, s = () => {
+      a.value = !1;
     };
-    return (h, u) => (w(), x("div", qt, [
-      c("button", {
-        type: "button",
-        class: "krds-btn small tertiary btn-help-panel expand btn-help-exec",
-        onClick: o
-      }, [...u[0] || (u[0] = [
-        c("i", { class: "svg-icon ico-fold" }, null, -1),
-        H(" 도움말 ", -1)
-      ])]),
-      c("div", {
-        class: M(["krds-help-panel", { expand: t.value }])
-      }, [
-        c("div", Nt, [
-          c("div", Ht, [
-            J(h.$slots, "default"),
-            c("button", {
-              type: "button",
-              class: "krds-btn small tertiary btn-help-panel fold",
-              onClick: r
-            }, [...u[1] || (u[1] = [
-              c("span", { class: "sr-only" }, "도움말", -1),
-              H(" 접어두기 ", -1),
-              c("i", { class: "svg-icon ico-angle right" }, null, -1)
-            ])])
-          ])
-        ])
-      ], 2)
-    ]));
+    return () => t("div", { class: "inner help-panel-flexible" }, [t("button", {
+      type: "button",
+      class: "krds-btn small tertiary btn-help-panel expand btn-help-exec",
+      onClick: n
+    }, [t("i", { class: "svg-icon ico-fold" }), " 도움말"]), t("div", { class: ["krds-help-panel", { expand: a.value }] }, [t("div", { class: "help-panel-wrap" }, [t("div", { class: "help-conts-area" }, [r.default?.(), t("button", {
+      type: "button",
+      class: "krds-btn small tertiary btn-help-panel fold",
+      onClick: s
+    }, [
+      t("span", { class: "sr-only" }, "도움말"),
+      " 접어두기 ",
+      t("i", { class: "svg-icon ico-angle right" })
+    ])])])])]);
   }
-}), jt = { class: "tooltip-action" }, Yt = {
-  key: 0,
-  class: "svg-icon ico-help"
-}, Gt = {
-  key: 1,
-  class: "svg-icon ico-tooltip"
-}, Ut = { class: "tooltip-title" }, Xt = { class: "tooltip-contents" }, Jt = /* @__PURE__ */ K({
-  __name: "KrdsContextualHelp",
+}), xt = Ct, $t = D({
+  name: "KrdsContextualHelp",
   props: {
-    tooltipTitle: { default: "도움말 제목" },
-    helpIcon: { type: Boolean },
-    position: { default: "top left" }
-  },
-  setup(e) {
-    const n = e, a = D(), l = D(), t = D(), o = D(), r = D(!1), h = () => {
-      const i = r.value;
-      y(), i || u();
-    }, u = () => {
-      if (!t.value || !l.value) return;
-      r.value = !0, t.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), t.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), C();
-    }, g = () => {
-      !t.value || !l.value || (r.value = !1, t.value.style.display = "none", l.value.setAttribute("aria-expanded", "false"));
-    }, y = () => {
-      const i = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), f = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
-      i.forEach((d) => {
-        d.style.display = "none";
-      }), f.forEach((d) => {
-        d.setAttribute("aria-expanded", "false");
-      }), r.value = !1;
-    }, C = () => {
-      if (!a.value || !t.value) return;
-      const i = window.innerWidth <= 768, f = a.value.querySelector(".tooltip-action");
-      if (i) {
-        const v = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], F = f.getBoundingClientRect().left - parseInt(v), T = document.body.clientWidth - parseInt(v) * 2;
-        t.value.style.left = `-${F}px`, t.value.style.width = `${T}px`;
+    tooltipTitle: {
+      type: String,
+      default: "도움말 제목"
+    },
+    helpIcon: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: "top left"
+    }
+  },
+  setup(e, { slots: l }) {
+    const r = _(), a = _(), n = _(), s = _(), d = _(!1), h = () => {
+      const o = d.value;
+      p(), o || f();
+    }, f = () => {
+      !n.value || !a.value || (d.value = !0, n.value.style.display = "block", a.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), C());
+    }, S = () => {
+      !n.value || !a.value || (d.value = !1, n.value.style.display = "none", a.value.setAttribute("aria-expanded", "false"));
+    }, p = () => {
+      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");
+      }), d.value = !1;
+    }, C = () => {
+      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), K = document.body.clientWidth - parseInt(v) * 2;
+        n.value.style.left = `-${m}px`, n.value.style.width = `${K}px`;
       } else
-        t.value.style.left = "", t.value.style.right = "", t.value.style.width = "360px";
-    }, S = (i) => {
-      (i.key === "Escape" || i.key === "Esc") && y();
-    }, V = (i) => {
-      i.target.closest(".tooltip-action") || y();
-    }, m = () => {
-      r.value && C();
+        n.value.style.left = "", n.value.style.right = "", n.value.style.width = "360px";
+    }, y = (o) => {
+      (o.key === "Escape" || o.key === "Esc") && p();
+    }, k = (o) => {
+      o.target.closest(".tooltip-action") || p();
+    }, u = () => {
+      d.value && C();
     };
-    return ae(() => {
-      a.value && (l.value && l.value.setAttribute("aria-expanded", "false"), t.value && t.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", S), document.addEventListener("click", V), window.addEventListener("resize", m));
-    }), Z(() => {
-      document.removeEventListener("keydown", S), document.removeEventListener("click", V), window.removeEventListener("resize", m);
-    }), (i, f) => (w(), x("div", {
-      ref_key: "containerRef",
+    return N(() => {
+      r.value && (a.value && a.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", y), document.addEventListener("click", k), window.addEventListener("resize", u));
+    }), q(() => {
+      document.removeEventListener("keydown", y), document.removeEventListener("click", k), window.removeEventListener("resize", u);
+    }), () => t("div", {
+      ref: r,
+      class: ["krds-contextual-help", e.position]
+    }, [t("div", { class: "tooltip-action" }, [t("button", {
       ref: a,
-      class: M(["krds-contextual-help", n.position])
+      type: "button",
+      class: "krds-btn medium icon tooltip-btn",
+      onClick: h
+    }, [t("span", { class: "sr-only" }, "도움말"), e.helpIcon ? t("i", { class: "svg-icon ico-help" }) : t("i", { class: "svg-icon ico-tooltip" })]), t("div", {
+      ref: n,
+      class: "tooltip-popover",
+      role: "tooltip"
     }, [
-      c("div", jt, [
-        c("button", {
-          ref_key: "tooltipBtnRef",
-          ref: l,
-          type: "button",
-          class: "krds-btn medium icon tooltip-btn",
-          onClick: h
-        }, [
-          f[0] || (f[0] = c("span", { class: "sr-only" }, "도움말", -1)),
-          n.helpIcon ? (w(), x("i", Yt)) : (w(), x("i", Gt))
-        ], 512),
-        c("div", {
-          ref_key: "tooltipPopoverRef",
-          ref: t,
-          class: "tooltip-popover",
-          role: "tooltip"
-        }, [
-          c("h4", Ut, E(n.tooltipTitle), 1),
-          c("div", Xt, [
-            J(i.$slots, "default")
-          ]),
-          c("button", {
-            ref_key: "closeBtnRef",
-            ref: o,
-            type: "button",
-            class: "krds-btn xsmall icon tooltip-close",
-            onClick: g
-          }, [...f[1] || (f[1] = [
-            c("span", { class: "sr-only" }, "닫기", -1),
-            c("i", { class: "svg-icon ico-modal-close" }, null, -1)
-          ])], 512)
-        ], 512)
-      ])
-    ], 2));
+      t("h4", { class: "tooltip-title" }, e.tooltipTitle),
+      t("div", { class: "tooltip-contents" }, l.default?.()),
+      t("button", {
+        ref: s,
+        type: "button",
+        class: "krds-btn xsmall icon tooltip-close",
+        onClick: S
+      }, [t("span", { class: "sr-only" }, "닫기"), t("i", { class: "svg-icon ico-modal-close" })])
+    ])])]);
   }
-}), Qt = {
-  key: 0,
-  class: "coach-balloon"
-}, Zt = { class: "coach-tit" }, el = { class: "desc" }, tl = { class: "coach-controls" }, ll = { class: "num" }, al = { class: "btn-wrap" }, nl = /* @__PURE__ */ K({
-  __name: "KrdsCoachMark",
+}), Bt = $t, Lt = D({
+  name: "KrdsCoachMark",
   props: {
-    coachMarkClass: { default: "" },
-    stepsData: {},
-    activeStep: {},
-    modelValue: { default: null },
-    class: {},
-    style: {},
-    id: {}
+    coachMarkClass: {
+      type: [String, Array],
+      default: ""
+    },
+    stepsData: {
+      type: Array,
+      required: !0
+    },
+    activeStep: {
+      type: Number,
+      required: !0
+    },
+    modelValue: {
+      type: Number,
+      default: null
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: [String, Object],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: n }) {
-    const a = e, l = b(() => {
-      const u = a.activeStep - 1;
-      return a.stepsData && u >= 0 && u < a.stepsData.length ? a.stepsData[u] : null;
-    }), t = n, o = () => {
-      a.activeStep > 1 && t("update:modelValue", a.activeStep - 1);
-    }, r = () => {
-      a.activeStep < a.stepsData.length && t("update:modelValue", a.activeStep + 1);
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const f = e.activeStep - 1;
+      return e.stepsData && f >= 0 && f < e.stepsData.length ? e.stepsData[f] : null;
+    }), n = () => {
+      e.activeStep > 1 && l("update:modelValue", e.activeStep - 1);
+    }, s = () => {
+      e.activeStep < e.stepsData.length && l("update:modelValue", e.activeStep + 1);
+    }, d = () => {
+      l("close");
     }, h = () => {
-      t("close");
+      const f = a.value;
+      return e.modelValue !== e.activeStep || !f ? null : t("div", { class: "coach-balloon" }, [
+        t("h5", { class: "sr-only" }, "따라하기 가이드"),
+        t("h6", { class: "coach-tit" }, `${e.activeStep}단계 : ${f.title}`),
+        t("p", { class: "desc" }, f.description),
+        t("div", { class: "coach-controls" }, [t("div", { class: "num" }, [
+          t("span", { class: "sr-only" }, "현재 단계"),
+          t("strong", null, String(e.activeStep)),
+          t("span", { class: "sr-only" }, "총 단계"),
+          t("span", null, String(e.stepsData.length))
+        ]), t("div", { class: "btn-wrap" }, [
+          t("button", {
+            type: "button",
+            class: "krds-btn small text",
+            onClick: d
+          }, "그만보기"),
+          e.activeStep !== 1 ? t("button", {
+            type: "button",
+            class: "krds-btn small text",
+            onClick: n
+          }, "이전으로") : null,
+          e.activeStep !== e.stepsData.length ? t("button", {
+            type: "button",
+            class: "krds-btn small tertiary",
+            onClick: s
+          }, "다음으로") : null
+        ])])
+      ]);
     };
-    return (u, g) => (w(), x("div", {
-      class: M(["krds-coach-mark", e.coachMarkClass]),
-      style: se(e.style)
-    }, [
-      e.modelValue === e.activeStep && l.value ? (w(), x("div", Qt, [
-        g[2] || (g[2] = c("h5", { class: "sr-only" }, "따라하기 가이드", -1)),
-        c("h6", Zt, E(e.activeStep) + "단계 : " + E(l.value.title), 1),
-        c("p", el, E(l.value.description), 1),
-        c("div", tl, [
-          c("div", ll, [
-            g[0] || (g[0] = c("span", { class: "sr-only" }, "현재 단계", -1)),
-            c("strong", null, E(e.activeStep), 1),
-            g[1] || (g[1] = c("span", { class: "sr-only" }, "총 단계", -1)),
-            c("span", null, E(e.stepsData.length), 1)
-          ]),
-          c("div", al, [
-            c("button", {
-              type: "button",
-              class: "krds-btn small text",
-              onClick: h
-            }, "그만보기"),
-            e.activeStep !== 1 ? (w(), x("button", {
-              key: 0,
-              type: "button",
-              class: "krds-btn small text",
-              onClick: o
-            }, "이전으로")) : X("", !0),
-            e.activeStep !== e.stepsData.length ? (w(), x("button", {
-              key: 1,
-              type: "button",
-              class: "krds-btn small tertiary",
-              onClick: r
-            }, "다음으로")) : X("", !0)
-          ])
-        ])
-      ])) : X("", !0),
-      J(u.$slots, "coach-mark-content")
-    ], 6));
+    return () => t("div", {
+      class: ["krds-coach-mark", e.coachMarkClass],
+      style: e.style
+    }, [h(), r["coach-mark-content"]?.()]);
   }
-}), sl = ["disabled", "aria-labelledby"], ol = ["id", "aria-hidden"], il = { class: "sr-only" }, rl = /* @__PURE__ */ K({
-  __name: "KrdsTooltip",
+}), Dt = Lt, _t = D({
+  name: "KrdsTooltip",
   props: {
-    type: { default: "default" },
-    tooltipContent: {},
-    vertical: { type: Boolean },
-    box: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    class: {},
-    style: {},
-    id: {}
+    type: {
+      type: String,
+      default: "default"
+    },
+    tooltipContent: {
+      type: String,
+      required: !0
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    },
+    box: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: [String, Object],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    }
   },
-  setup(e) {
-    const n = e, a = D(null), l = D(null), t = D(!1), o = D({}), r = D(`tooltip-popover-${Math.random().toString(36).substring(2, 9)}`), h = D(!1), u = b(() => {
-      const v = ["krds-btn", "krds-tooltip"];
-      return n.type === "default" ? v.push("small", "text") : n.type === "icon" ? v.push("icon") : n.type === "button" && v.push(""), !n.box && n.vertical && v.push("tooltip-vertical"), n.box && !n.vertical && v.push("tooltip-box"), v.join(" ");
-    }), g = b(() => {
-      const v = [];
-      return n.box && v.push("tooltip-box"), n.vertical && v.push("tooltip-vertical"), t.value && v.push("active"), v;
-    }), y = b(() => a.value?.querySelector("button")?.textContent?.trim() || ""), C = () => window.innerWidth <= 768, S = () => {
-      if (!a.value || !l.value) return;
-      const v = a.value.querySelector("button");
-      if (!v) return;
-      const $ = 12, { clientHeight: F, clientWidth: T } = l.value, { top: R, left: I, right: p, height: k, width: L } = v.getBoundingClientRect(), P = window.innerWidth / 2, A = window.innerHeight / 2;
-      let W, N;
-      const Y = [];
-      h.value || n.box || n.vertical ? (R + k > A ? (W = R - F - $, Y.push("top")) : (W = R + k + $, Y.push("bottom")), I + L > P ? (N = p - T, Y.push("right"), window.innerWidth - (I + L) > T / 2 && (N = I + (L - T) / 2, Y.splice(Y.indexOf("right"), 1))) : (N = I + (L - T) / 2, N < 0 && (N = I, Y.push("left")))) : (W = R + (k - F) / 2, I + L > P ? (N = I - T - $, Y.push("right")) : N = p + $);
-      const te = window.innerWidth <= 420;
-      o.value = {
-        top: `${W}px`,
-        left: te ? "50%" : `${N}px`,
-        transform: te ? "translateX(-50%)" : "none"
-      }, l.value && (l.value.className = `krds-tooltip-popover ${Y.join(" ")} ${g.value.join(" ")}`);
-    }, V = async () => {
-      n.disabled || !n.tooltipContent || (t.value = !0, await we(), S());
-    }, m = () => {
-      t.value = !1, o.value = {};
-    }, i = (v) => {
-      (v.key === "Escape" || v.key === "Esc") && t.value && m();
-    }, f = () => {
-      h.value = C(), t.value && m();
-    }, d = () => {
-      t.value && m();
+  setup(e, { slots: l }) {
+    const r = _(null), a = _(null), n = _(!1), s = _({}), d = `tooltip-popover-${O()}`, h = _(!1), f = g(() => {
+      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(" ");
+    }), S = g(() => {
+      const m = [];
+      return e.box && m.push("tooltip-box"), e.vertical && m.push("tooltip-vertical"), n.value && m.push("active"), m;
+    }), p = g(() => r.value?.querySelector("button")?.textContent?.trim() || ""), C = () => window.innerWidth <= 768, y = () => {
+      if (!r.value || !a.value) return;
+      const m = r.value.querySelector("button");
+      if (!m) return;
+      const K = 12, { clientHeight: b, clientWidth: w } = a.value, { top: x, left: L, right: c, height: B, width: V } = m.getBoundingClientRect(), I = window.innerWidth / 2, E = window.innerHeight / 2;
+      let M, A;
+      const P = [];
+      h.value || e.box || e.vertical ? (x + B > E ? (M = x - b - K, P.push("top")) : (M = x + B + K, P.push("bottom")), L + V > I ? (A = c - w, P.push("right"), window.innerWidth - (L + V) > w / 2 && (A = L + (V - w) / 2, P.splice(P.indexOf("right"), 1))) : (A = L + (V - w) / 2, A < 0 && (A = L, P.push("left")))) : (M = x + (B - b) / 2, L + V > I ? (A = L - w - K, P.push("right")) : A = c + K);
+      const j = window.innerWidth <= 420;
+      s.value = {
+        top: `${M}px`,
+        left: j ? "50%" : `${A}px`,
+        transform: j ? "translateX(-50%)" : "none"
+      }, a.value && (a.value.className = `krds-tooltip-popover ${P.join(" ")} ${S.value.join(" ")}`);
+    }, k = async () => {
+      e.disabled || !e.tooltipContent || (n.value = !0, await ue(), y());
+    }, u = () => {
+      n.value = !1, s.value = {};
+    }, o = (m) => {
+      (m.key === "Escape" || m.key === "Esc") && n.value && u();
+    }, i = () => {
+      h.value = C(), n.value && u();
+    }, v = () => {
+      n.value && u();
     };
-    return ae(() => {
-      h.value = C(), document.addEventListener("keydown", i), window.addEventListener("scroll", d), window.addEventListener("resize", f);
-    }), Z(() => {
-      document.removeEventListener("keydown", i), window.removeEventListener("scroll", d), window.removeEventListener("resize", f);
-    }), (v, $) => (w(), x("div", {
-      ref_key: "containerRef",
-      ref: a
+    return N(() => {
+      h.value = C(), document.addEventListener("keydown", o), window.addEventListener("scroll", v), window.addEventListener("resize", i);
+    }), q(() => {
+      document.removeEventListener("keydown", o), window.removeEventListener("scroll", v), window.removeEventListener("resize", i);
+    }), () => t("div", { ref: r }, [t("button", {
+      type: "button",
+      class: f.value,
+      disabled: e.disabled,
+      "aria-labelledby": d,
+      onMouseover: k,
+      onMouseout: u,
+      onFocusin: k,
+      onFocusout: u
+    }, l.default?.()), W(t("div", {
+      id: d,
+      ref: a,
+      class: ["krds-tooltip-popover", S.value],
+      style: s.value,
+      "aria-hidden": !n.value,
+      role: "tooltip"
     }, [
-      c("button", {
-        type: "button",
-        class: M(u.value),
-        disabled: e.disabled,
-        "aria-labelledby": r.value,
-        onMouseover: V,
-        onMouseout: m,
-        onFocusin: V,
-        onFocusout: m
-      }, [
-        J(v.$slots, "default")
-      ], 42, sl),
-      ee(c("div", {
-        id: r.value,
-        ref_key: "popoverRef",
-        ref: l,
-        class: M(["krds-tooltip-popover", g.value]),
-        style: se(o.value),
-        "aria-hidden": !t.value,
-        role: "tooltip"
-      }, [
-        c("span", il, E(y.value), 1),
-        H(" " + E(e.tooltipContent), 1)
-      ], 14, ol), [
-        [le, t.value]
-      ])
-    ], 512));
+      t("span", { class: "sr-only" }, p.value),
+      " ",
+      e.tooltipContent
+    ]), [[X, n.value]])]);
   }
-}), dl = ["aria-expanded"], cl = { class: "drop-in" }, ul = {
-  key: 0,
-  class: "drop-top"
-}, fl = {
-  key: 1,
-  class: "drop-list"
-}, vl = ["lang", "aria-selected", "onClick"], hl = { class: "sr-only" }, ml = {
-  key: 2,
-  class: "drop-list"
-}, pl = ["href", "lang"], yl = /* @__PURE__ */ K({
-  __name: "KrdsLanguageSwitcher",
+}), Tt = _t, Vt = D({
+  name: "KrdsLanguageSwitcher",
   props: {
-    languageList: {},
-    modelValue: { default: "" },
-    type: { default: "default" },
-    dropPosition: { default: "center" },
-    class: {},
-    style: {},
-    id: {}
+    languageList: {
+      type: Array,
+      required: !0
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    dropPosition: {
+      type: String,
+      default: "center"
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: [String, Object],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = D(!1), o = D(), r = D(), h = () => {
-      t.value = !t.value, t.value && o.value && y();
-    }, u = () => {
-      t.value = !1;
-    }, g = (i) => {
-      l("update:modelValue", i), u(), l("close"), r.value?.focus();
-    }, y = () => {
-      if (!o.value) return;
-      const i = o.value.querySelector(".drop-menu");
+  setup(e, { emit: l, slots: r }) {
+    const a = _(!1), n = _(), s = _(), d = () => {
+      a.value = !a.value, a.value && n.value && S();
+    }, h = () => {
+      a.value = !1;
+    }, f = (i) => {
+      l("update:modelValue", i), h(), l("close"), s.value?.focus();
+    }, S = () => {
+      if (!n.value) return;
+      const i = n.value.querySelector(".drop-menu");
       if (!i) return;
-      const f = i.getBoundingClientRect(), d = window.innerWidth;
-      o.value.classList.remove("drop-left", "drop-right"), f.left < 0 ? o.value.classList.add("drop-left") : d < f.left + f.width && o.value.classList.add("drop-right");
+      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");
+    }, p = (i) => {
+      i.key === "Escape" && (h(), s.value?.focus());
     }, C = (i) => {
-      i.key === "Escape" && (u(), r.value?.focus());
-    }, S = (i) => {
-      o.value?.contains(i.target) || u();
-    }, V = (i) => {
-      o.value?.contains(i.relatedTarget) || u();
-    }, m = (i) => {
-      if (!o.value) return;
-      o.value.querySelectorAll(".drop-list .item-link").forEach((v) => {
-        v.style.position = "relative", v.style.zIndex = "0";
+      n.value?.contains(i.target) || h();
+    }, y = (i) => {
+      n.value?.contains(i.relatedTarget) || h();
+    }, k = (i) => {
+      if (!n.value) return;
+      n.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
+        m.style.position = "relative", m.style.zIndex = "0";
       });
-      const d = i.target;
-      d.style.zIndex = "1";
+      const v = i.target;
+      v.style.zIndex = "1";
     };
-    return ne(t, (i) => {
-      i ? (document.addEventListener("keydown", C), document.addEventListener("click", S)) : (document.removeEventListener("keydown", C), document.removeEventListener("click", S));
-    }), Z(() => {
-      document.removeEventListener("keydown", C), document.removeEventListener("click", S);
-    }), (i, f) => (w(), x("div", {
-      ref_key: "dropdownRef",
-      ref: o,
-      class: M(["krds-drop-wrap krds-language", {
-        active: t.value,
-        "drop-left": a.dropPosition === "left",
-        "drop-right": a.dropPosition === "right"
-      }]),
-      onFocusout: V
+    G(a, (i) => {
+      i ? (document.addEventListener("keydown", p), document.addEventListener("click", C)) : (document.removeEventListener("keydown", p), document.removeEventListener("click", C));
+    }), q(() => {
+      document.removeEventListener("keydown", p), document.removeEventListener("click", C);
+    });
+    const u = () => 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: J(() => f(i.code), ["prevent"]),
+      onFocus: k
     }, [
-      c("button", {
-        ref_key: "buttonRef",
-        ref: r,
-        type: "button",
-        class: M(["krds-btn small text drop-btn", { active: t.value }]),
-        "aria-expanded": t.value,
-        onClick: h
-      }, [
-        f[0] || (f[0] = c("i", { class: "svg-icon ico-global" }, null, -1)),
-        J(i.$slots, "default"),
-        f[1] || (f[1] = c("i", { class: "svg-icon ico-toggle" }, null, -1))
-      ], 10, dl),
-      c("div", {
-        class: "drop-menu",
-        style: se({ display: t.value ? "block" : "none" })
-      }, [
-        c("div", cl, [
-          i.$slots["prev-item"] ? (w(), x("div", ul, [
-            J(i.$slots, "prev-item")
-          ])) : X("", !0),
-          a.type === "default" ? (w(), x("ul", fl, [
-            (w(!0), x(j, null, G(e.languageList, (d) => (w(), x("li", {
-              key: d.code
-            }, [
-              c("a", {
-                href: "#",
-                class: M(["item-link", { active: a.modelValue === d.code }]),
-                lang: d.code,
-                "aria-selected": a.modelValue === d.code,
-                onClick: de((v) => g(d.code), ["prevent"]),
-                onFocus: m
-              }, [
-                H(E(d.name) + " ", 1),
-                c("span", hl, E(a.modelValue === d.code ? "선택됨" : ""), 1)
-              ], 42, vl)
-            ]))), 128))
-          ])) : a.type === "external" ? (w(), x("ul", ml, [
-            (w(!0), x(j, null, G(e.languageList, (d) => (w(), x("li", {
-              key: d.code
-            }, [
-              c("a", {
-                href: d.url || "#",
-                class: "item-link",
-                lang: d.code,
-                target: "_blank",
-                title: "새 창 열림",
-                onFocus: m
-              }, [
-                H(E(d.name) + " ", 1),
-                f[2] || (f[2] = c("i", { class: "svg-icon ico-go" }, null, -1))
-              ], 40, pl)
-            ]))), 128))
-          ])) : X("", !0)
-        ])
-      ], 4)
-    ], 34));
+      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", {
+      href: i.url || "#",
+      class: "item-link",
+      lang: i.code,
+      target: "_blank",
+      title: "새 창 열림",
+      onFocus: k
+    }, [
+      i.name,
+      " ",
+      t("i", { class: "svg-icon ico-go" })
+    ])])));
+    return () => t("div", {
+      ref: n,
+      class: [
+        "krds-drop-wrap",
+        "krds-language",
+        {
+          active: a.value,
+          "drop-left": e.dropPosition === "left",
+          "drop-right": e.dropPosition === "right"
+        }
+      ],
+      onFocusout: y
+    }, [t("button", {
+      ref: s,
+      type: "button",
+      class: ["krds-btn small text drop-btn", { active: a.value }],
+      "aria-expanded": a.value,
+      onClick: d
+    }, [
+      t("i", { class: "svg-icon ico-global" }),
+      r.default?.(),
+      t("i", { class: "svg-icon ico-toggle" })
+    ]), t("div", {
+      class: "drop-menu",
+      style: { display: a.value ? "block" : "none" }
+    }, [t("div", { class: "drop-in" }, [r["prev-item"] ? t("div", { class: "drop-top" }, r["prev-item"]()) : null, e.type === "default" ? u() : e.type === "external" ? o() : null])])]);
   }
-}), gl = { class: "drop-in" }, bl = { class: "drop-list" }, kl = ["data-adjust-scale", "onClick"], Sl = { class: "drop-bottom" }, wl = /* @__PURE__ */ K({
-  __name: "KrdsResize",
+}), Et = Vt, zt = D({
+  name: "KrdsResize",
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: n }) {
-    const a = n, l = D(!1), t = D(), o = D(), r = D("md"), h = [
-      { key: "sm", label: "작게", zoom: "0.9" },
-      { key: "md", label: "보통", zoom: "1" },
-      { key: "lg", label: "조금 크게", zoom: "1.1" },
-      { key: "xlg", label: "크게", zoom: "1.3" },
-      { key: "xxlg", label: "가장 크게", zoom: "1.5" }
-    ], u = () => {
-      l.value = !l.value, l.value && t.value && S();
-    }, g = () => {
-      l.value = !1;
-    }, y = (d) => {
-      g(), a("close"), o.value?.focus(), r.value = d.key, document.body.style.zoom = d?.zoom;
+  setup(e, { emit: l }) {
+    const r = _(!1), a = _(), n = _(), s = _("md"), d = [
+      {
+        key: "sm",
+        label: "작게",
+        zoom: "0.9"
+      },
+      {
+        key: "md",
+        label: "보통",
+        zoom: "1"
+      },
+      {
+        key: "lg",
+        label: "조금 크게",
+        zoom: "1.1"
+      },
+      {
+        key: "xlg",
+        label: "크게",
+        zoom: "1.3"
+      },
+      {
+        key: "xxlg",
+        label: "가장 크게",
+        zoom: "1.5"
+      }
+    ], h = () => {
+      r.value = !r.value, r.value && a.value && C();
+    }, f = () => {
+      r.value = !1;
+    }, S = (i) => {
+      f(), l("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
+    }, p = () => {
+      const i = d.find((v) => v.key === "md");
+      i && S(i);
     }, C = () => {
-      const d = h.find((v) => v.key === "md");
-      d && y(d);
-    }, S = () => {
-      if (!t.value) return;
-      const d = t.value.querySelector(".drop-menu");
-      if (!d) return;
-      const v = d.getBoundingClientRect(), $ = window.innerWidth;
-      t.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? t.value.classList.add("drop-left") : $ < v.left + v.width && t.value.classList.add("drop-right");
-    }, V = (d) => {
-      d.key === "Escape" && (g(), o.value?.focus());
-    }, m = (d) => {
-      t.value?.contains(d.target) || g();
-    }, i = (d) => {
-      t.value?.contains(d.relatedTarget) || g();
-    }, f = (d) => {
-      if (!t.value) return;
-      t.value.querySelectorAll(".drop-list .item-link").forEach((F) => {
-        F.style.position = "relative", F.style.zIndex = "0";
+      if (!a.value) return;
+      const i = a.value.querySelector(".drop-menu");
+      if (!i) return;
+      const v = i.getBoundingClientRect(), m = window.innerWidth;
+      a.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? a.value.classList.add("drop-left") : m < v.left + v.width && a.value.classList.add("drop-right");
+    }, y = (i) => {
+      i.key === "Escape" && (f(), n.value?.focus());
+    }, k = (i) => {
+      a.value?.contains(i.target) || f();
+    }, u = (i) => {
+      a.value?.contains(i.relatedTarget) || f();
+    }, o = (i) => {
+      if (!a.value) return;
+      a.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
+        m.style.position = "relative", m.style.zIndex = "0";
       });
-      const $ = d.target;
-      $.style.zIndex = "1";
+      const v = i.target;
+      v.style.zIndex = "1";
     };
-    return ne(l, (d) => {
-      d ? (document.addEventListener("keydown", V), document.addEventListener("click", m)) : (document.removeEventListener("keydown", V), document.removeEventListener("click", m));
-    }), Z(() => {
-      document.removeEventListener("keydown", V), document.removeEventListener("click", m);
-    }), (d, v) => (w(), x("div", {
-      ref_key: "dropdownRef",
-      ref: t,
+    return G(r, (i) => {
+      i ? (document.addEventListener("keydown", y), document.addEventListener("click", k)) : (document.removeEventListener("keydown", y), document.removeEventListener("click", k));
+    }), q(() => {
+      document.removeEventListener("keydown", y), document.removeEventListener("click", k);
+    }), () => t("div", {
+      ref: a,
       class: "krds-drop-wrap krds-resize",
       "data-adjust": "scale",
-      onFocusout: i
-    }, [
-      c("button", {
-        ref_key: "buttonRef",
-        ref: o,
-        type: "button",
-        class: "krds-btn small text drop-btn",
-        onClick: u
-      }, [...v[0] || (v[0] = [
-        H(" 화면크기 ", -1),
-        c("i", { class: "svg-icon ico-toggle" }, null, -1)
-      ])], 512),
-      c("div", {
-        class: "drop-menu",
-        style: se({ display: l.value ? "block" : "none" })
-      }, [
-        c("div", gl, [
-          c("ul", bl, [
-            (w(), x(j, null, G(h, ($) => c("li", {
-              key: $.key
-            }, [
-              c("button", {
-                type: "button",
-                class: M(["item-link", [$.key, $.key === r.value ? "active" : ""]]),
-                "data-adjust-scale": $.key,
-                onClick: de((F) => y($), ["prevent"]),
-                onFocus: f
-              }, E($.label), 43, kl)
-            ])), 64))
-          ]),
-          c("div", Sl, [
-            c("button", {
-              type: "button",
-              class: "krds-btn medium text",
-              "data-adjust-scale": "md",
-              onClick: de(C, ["prevent"]),
-              onFocus: f
-            }, [...v[1] || (v[1] = [
-              c("i", { class: "svg-icon ico-reset" }, null, -1),
-              H(" 초기화 ", -1)
-            ])], 32)
-          ])
-        ])
-      ], 4)
-    ], 544));
+      onFocusout: u
+    }, [t("button", {
+      ref: n,
+      type: "button",
+      class: "krds-btn small text drop-btn",
+      onClick: h
+    }, ["화면크기 ", t("i", { class: "svg-icon ico-toggle" })]), t("div", {
+      class: "drop-menu",
+      style: { display: r.value ? "block" : "none" }
+    }, [t("div", { class: "drop-in" }, [t("ul", { class: "drop-list" }, d.map((i) => t("li", { key: i.key }, [t("button", {
+      type: "button",
+      class: [
+        "item-link",
+        i.key,
+        i.key === s.value ? "active" : ""
+      ],
+      "data-adjust-scale": i.key,
+      onClick: J(() => S(i), ["prevent"]),
+      onFocus: o
+    }, i.label)]))), t("div", { class: "drop-bottom" }, [t("button", {
+      type: "button",
+      class: "krds-btn medium text",
+      "data-adjust-scale": "md",
+      onClick: J(p, ["prevent"]),
+      onFocus: o
+    }, [t("i", { class: "svg-icon ico-reset" }), " 초기화"])])])])]);
   }
-}), Cl = K({
+}), It = zt, At = D({
   name: "KrdsModal",
   props: {
     modelValue: {
@@ -2697,100 +2464,73 @@ const Ct = K({
     }
   },
   emits: ["update:modelValue"],
-  /* eslint-disable @typescript-eslint/no-explicit-any -- Vue SlotsType requires `any` for h() children compatibility */
   slots: Object,
-  /* eslint-enable @typescript-eslint/no-explicit-any */
-  setup(e, { slots: n, emit: a }) {
-    const l = Ee()?.uid, t = b(() => e.modalId ?? `krds-modal-${l}`), o = b({
+  setup(e, { slots: l, emit: r }) {
+    const a = Se()?.uid, n = g(() => e.modalId ?? `krds-modal-${a}`), s = g({
       get: () => e.modelValue,
-      set: (f) => a("update:modelValue", f)
-    }), r = b(() => `tit_${t.value}`), h = b(() => ({
+      set: (i) => r("update:modelValue", i)
+    }), d = g(() => `tit_${n.value}`), h = g(() => ({
       small: "modal-sm",
       medium: "modal-md",
       large: "modal-lg"
-    })[e.size]), u = () => {
-      o.value = !1;
+    })[e.size]), f = () => {
+      s.value = !1;
     };
-    let g = "", y = null;
-    const C = D(null), S = (f) => Array.from(f.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(
-      (v) => !v.hasAttribute("disabled") && v.getAttribute("tabindex") !== "-1"
-    ), V = (f) => {
-      if (!C.value || f.key !== "Tab") return;
-      const d = S(C.value);
-      if (d.length === 0) {
-        f.preventDefault();
+    let S = "", p = null;
+    const C = _(null), y = (i) => Array.from(i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((v) => !v.hasAttribute("disabled") && v.getAttribute("tabindex") !== "-1"), k = (i) => {
+      if (!C.value || i.key !== "Tab") return;
+      const v = y(C.value);
+      if (v.length === 0) {
+        i.preventDefault();
         return;
       }
-      const v = d[0], $ = d[d.length - 1];
-      f.shiftKey && document.activeElement === v ? (f.preventDefault(), $.focus()) : !f.shiftKey && document.activeElement === $ && (f.preventDefault(), v.focus());
-    }, m = (f) => {
-      f.key === "Escape" && !e.persistent && u();
-    }, i = () => {
-      document.body.style.overflow = g, document.removeEventListener("keydown", V), document.removeEventListener("keydown", m), y && (y.focus(), y = null), C.value = null;
+      const m = v[0], K = v[v.length - 1];
+      i.shiftKey && document.activeElement === m ? (i.preventDefault(), K.focus()) : !i.shiftKey && document.activeElement === K && (i.preventDefault(), m.focus());
+    }, u = (i) => {
+      i.key === "Escape" && !e.persistent && f();
+    }, o = () => {
+      document.body.style.overflow = S, document.removeEventListener("keydown", k), document.removeEventListener("keydown", u), p && (p.focus(), p = null), C.value = null;
     };
-    return ne(
-      () => e.modelValue,
-      async (f) => {
-        if (f) {
-          g = document.body.style.overflow, document.body.style.overflow = "hidden", y = document.activeElement, await we();
-          const d = document.getElementById(t.value);
-          if (d) {
-            C.value = d;
-            const v = d.querySelector(".modal-conts");
-            v && (v.setAttribute("tabindex", "-1"), v.focus()), document.addEventListener("keydown", V), document.addEventListener("keydown", m);
-          }
-        } else
-          i();
-      },
-      { immediate: !0 }
-    ), ce(() => {
-      e.modelValue && i();
+    return G(() => e.modelValue, async (i) => {
+      if (i) {
+        S = document.body.style.overflow, document.body.style.overflow = "hidden", p = document.activeElement, await ue();
+        const v = document.getElementById(n.value);
+        if (v) {
+          C.value = v;
+          const m = v.querySelector(".modal-conts");
+          m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", k), document.addEventListener("keydown", u);
+        }
+      } else o();
+    }, { immediate: !0 }), Q(() => {
+      e.modelValue && o();
     }), () => {
-      if (!o.value) return null;
-      const f = {
-        id: t.value,
+      if (!s.value) return null;
+      const i = {
+        id: n.value,
         class: "krds-modal fade in shown",
         role: "dialog",
         "aria-modal": !0,
-        "aria-labelledby": r.value
+        "aria-labelledby": d.value
       };
-      return e.full ? f["data-type"] = "full" : e.bottomSheet && (f["data-type"] = "bottom-sheet"), s(
-        Le,
-        { to: "body" },
-        s("section", f, [
-          s("div", { class: `modal-dialog ${h.value}` }, [
-            s(
-              "div",
-              { class: "modal-content" },
-              [
-                // modal title
-                n.title ? s("div", { class: "modal-header" }, [s("h2", { id: r.value, class: "modal-title" }, n.title())]) : null,
-                // modal contents
-                s("div", { class: "modal-conts" }, [s("div", { class: "conts-area" }, n.default?.())]),
-                // modal btn
-                n.footer ? s("div", { class: "modal-btn btn-wrap" }, n.footer()) : null,
-                // close button
-                s(
-                  "button",
-                  {
-                    type: "button",
-                    class: "krds-btn medium icon btn-close close-modal",
-                    onClick: u
-                  },
-                  [s("span", { class: "sr-only" }, "닫기"), s("i", { class: "svg-icon ico-popup-close" })]
-                )
-              ].filter(Boolean)
-            )
-          ]),
-          s("div", {
-            class: e.backdrop ? "modal-back in" : "modal-back",
-            onClick: e.persistent ? void 0 : u
-          })
-        ])
-      );
+      return e.full ? i["data-type"] = "full" : e.bottomSheet && (i["data-type"] = "bottom-sheet"), t(ke, { to: "body" }, t("section", i, [t("div", { class: `modal-dialog ${h.value}` }, [t("div", { class: "modal-content" }, [
+        l.title ? t("div", { class: "modal-header" }, [t("h2", {
+          id: d.value,
+          class: "modal-title"
+        }, l.title())]) : null,
+        t("div", { class: "modal-conts" }, [t("div", { class: "conts-area" }, l.default?.())]),
+        l.footer ? t("div", { class: "modal-btn btn-wrap" }, l.footer()) : null,
+        t("button", {
+          type: "button",
+          class: "krds-btn medium icon btn-close close-modal",
+          onClick: f
+        }, [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 : f
+      })]));
     };
   }
-}), xl = K({
+}), Ft = At, Mt = D({
   name: "KrdsAccordionGroup",
   props: {
     typeLine: {
@@ -2802,64 +2542,56 @@ const Ct = K({
       default: void 0
     }
   },
-  setup(e, { slots: n }) {
-    const a = b(() => {
-      const l = ["krds-accordion"];
-      return e.typeLine && l.push("type-line"), e.class && l.push(e.class), l;
+  setup(e, { slots: l }) {
+    const r = g(() => {
+      const a = ["krds-accordion"];
+      return e.typeLine && a.push("type-line"), e.class && a.push(e.class), a;
     });
-    return () => s(
-      "div",
-      {
-        class: a.value
-      },
-      n.default?.()
-    );
+    return () => t("div", { class: r.value }, l.default?.());
   }
-}), $l = ["id"], Bl = { class: "accordion-header" }, Kl = ["id", "aria-expanded", "aria-controls"], _l = ["id", "aria-labelledby"], Dl = { class: "accordion-body" }, zl = /* @__PURE__ */ K({
-  __name: "KrdsAccordionItem",
+}), Pt = Mt, Rt = D({
+  name: "KrdsAccordionItem",
   props: {
-    id: {},
-    openItem: {},
-    title: {},
-    content: {}
+    id: {
+      type: String,
+      required: !0
+    },
+    openItem: {
+      type: String,
+      default: void 0
+    },
+    title: {
+      type: String,
+      default: void 0
+    },
+    content: {
+      type: String,
+      default: void 0
+    }
   },
   emits: ["toggle"],
-  setup(e, { emit: n }) {
-    const a = e, l = n, t = b(() => a.openItem === a.id), o = () => {
-      l("toggle", a.id);
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => e.openItem === e.id), n = () => {
+      l("toggle", e.id);
     };
-    return (r, h) => (w(), x("div", {
+    return () => t("div", {
       id: e.id,
-      class: M(["accordion-item", { active: t.value }])
-    }, [
-      c("h5", Bl, [
-        c("button", {
-          id: `accordion-header-${e.id}`,
-          type: "button",
-          class: "btn-accordion",
-          "aria-expanded": t.value,
-          "aria-controls": `accordion-collapse-${e.id}`,
-          onClick: h[0] || (h[0] = (u) => o())
-        }, [
-          J(r.$slots, "title", {}, () => [
-            H(E(e.title), 1)
-          ])
-        ], 8, Kl)
-      ]),
-      c("div", {
-        id: `accordion-collapse-${e.id}`,
-        class: "accordion-collapse collapse",
-        "aria-labelledby": `accordion-header-${e.id}`
-      }, [
-        c("div", Dl, [
-          J(r.$slots, "content", {}, () => [
-            H(E(e.content), 1)
-          ])
-        ])
-      ], 8, _l)
-    ], 10, $l));
+      class: ["accordion-item", { active: a.value }]
+    }, [t("h5", { class: "accordion-header" }, [t("button", {
+      id: `accordion-header-${e.id}`,
+      type: "button",
+      class: ["btn-accordion", { active: a.value }],
+      "aria-expanded": a.value,
+      "aria-controls": `accordion-collapse-${e.id}`,
+      onClick: n
+    }, r.title?.() ?? e.title)]), t("div", {
+      id: `accordion-collapse-${e.id}`,
+      class: "accordion-collapse collapse",
+      role: "region",
+      "aria-labelledby": `accordion-header-${e.id}`
+    }, [t("div", { class: "accordion-body" }, r.content?.() ?? e.content)])]);
   }
-}), Vl = K({
+}), qt = Rt, Ht = D({
   name: "KrdsTts",
   props: {
     text: {
@@ -2887,163 +2619,647 @@ const Ct = K({
       default: void 0
     }
   },
-  emits: ["play", "pause", "end", "error"],
-  setup(e, { emit: n }) {
-    const a = D(!1);
-    let l = null;
-    const t = () => {
-      typeof window < "u" && window.speechSynthesis && window.speechSynthesis.cancel(), a.value = !1, l = null;
-    }, o = () => {
+  emits: [
+    "play",
+    "pause",
+    "end",
+    "error"
+  ],
+  setup(e, { emit: l }) {
+    const r = _(!1);
+    let a = null;
+    const n = () => {
+      typeof window < "u" && window.speechSynthesis && window.speechSynthesis.cancel(), r.value = !1, a = null;
+    }, s = () => {
       if (!e.disabled) {
-        if (a.value) {
-          t(), n("pause");
+        if (r.value) {
+          n(), l("pause");
           return;
         }
         if (typeof window > "u" || !window.speechSynthesis) {
-          n("error", new Error("SpeechSynthesis API is not supported"));
+          l("error", /* @__PURE__ */ new Error("SpeechSynthesis API is not supported"));
           return;
         }
-        window.speechSynthesis.cancel(), l = new SpeechSynthesisUtterance(e.text), l.lang = "ko-KR", l.onstart = () => {
-          a.value = !0;
-        }, l.onend = () => {
-          a.value = !1, l = null, n("end");
-        }, l.onerror = (u) => {
-          a.value = !1, l = null, u.error !== "canceled" && n("error", new Error(u.error));
-        }, window.speechSynthesis.speak(l), n("play", e.text);
+        window.speechSynthesis.cancel(), a = new SpeechSynthesisUtterance(e.text), a.lang = "ko-KR", a.onstart = () => {
+          r.value = !0;
+        }, a.onend = () => {
+          r.value = !1, a = null, l("end");
+        }, a.onerror = (f) => {
+          r.value = !1, a = null, f.error !== "canceled" && l("error", new Error(f.error));
+        }, window.speechSynthesis.speak(a), l("play", e.text);
       }
-    }, r = b(() => {
-      const u = ["krds-tts"];
-      return e.size && u.push(e.size), a.value ? u.push("pause") : e.icon === "play" && u.push("play"), e.class && u.push(e.class), u;
-    }), h = b(() => a.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
-    return ce(() => {
-      t();
+    }, d = g(() => {
+      const f = ["krds-tts"];
+      return e.size && f.push(e.size), r.value ? f.push("pause") : e.icon === "play" && f.push("play"), e.class && f.push(e.class), f;
+    }), h = g(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
+    return Q(() => {
+      n();
     }), () => {
-      const u = [s("span", { class: "krds-tts-icon", "aria-hidden": "true" }, [s("i", { class: `svg-icon ${h.value}` })])];
-      return e.label && u.push(s("span", { class: "krds-tts-text" }, e.label)), s(
-        "button",
-        {
-          type: "button",
-          class: r.value,
-          disabled: e.disabled || void 0,
-          onClick: o
-        },
-        u
-      );
+      const f = [t("span", {
+        class: "krds-tts-icon",
+        "aria-hidden": "true"
+      }, [t("i", { class: `svg-icon ${h.value}` })])];
+      return e.label && f.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
+        type: "button",
+        class: d.value,
+        disabled: e.disabled || void 0,
+        onClick: s
+      }, f);
     };
   }
-}), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  KrdsAccordionGroup: xl,
-  KrdsAccordionItem: zl,
-  KrdsBadge: gt,
-  KrdsBreadcrumb: Lt,
-  KrdsButton: Ce,
-  KrdsButtonGroup: Me,
-  KrdsCheckArea: xt,
-  KrdsCheckbox: $t,
-  KrdsCoachMark: nl,
-  KrdsContextualHelp: Jt,
-  KrdsDateInput: vt,
-  KrdsFileUpload: yt,
-  KrdsFormGroup: Oe,
-  KrdsFormHint: Pe,
-  KrdsFormLabel: Fe,
-  KrdsIcon: Te,
-  KrdsInPageNavigation: Mt,
-  KrdsInput: Ae,
-  KrdsLanguageSwitcher: yl,
-  KrdsLink: Re,
-  KrdsMasthead: St,
-  KrdsModal: Cl,
-  KrdsPagination: Ot,
-  KrdsPanel: Wt,
-  KrdsRadio: Bt,
-  KrdsResize: wl,
-  KrdsSelect: mt,
-  KrdsSkipLink: Dt,
-  KrdsSpinner: xe,
-  KrdsStep: _t,
-  KrdsStepIndicator: Kt,
-  KrdsTag: bt,
-  KrdsTagGroup: kt,
-  KrdsTextarea: ht,
-  KrdsToggleSwitch: Ct,
-  KrdsTooltip: rl,
-  KrdsTts: Vl
-}, Symbol.toStringTag, { value: "Module" })), ve = {
-  mounted(e, n) {
-    n.value !== !1 && e.classList.add("sr-only");
+}), Nt = Ht, Ot = D({
+  name: "KrdsTable",
+  props: {
+    caption: {
+      type: String,
+      default: void 0
+    },
+    columns: {
+      type: Array,
+      required: !0
+    },
+    rows: {
+      type: Array,
+      required: !0
+    },
+    class: {
+      type: String,
+      default: void 0
+    }
   },
-  updated(e, n) {
-    n.value === !1 ? e.classList.remove("sr-only") : e.classList.add("sr-only");
+  emits: ["row-click"],
+  slots: Object,
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const u = ["tbl"];
+      return e.class && u.push(e.class), u;
+    }), n = g(() => ["krds-table-wrap"]), s = (u) => u.headerStyle || void 0, d = (u) => {
+      const o = [];
+      return u.align && o.push(`text-${u.align}`), u.headerClasses && o.push(u.headerClasses), o.length > 0 ? o : void 0;
+    }, h = (u, o) => {
+      if (o.style)
+        return typeof o.style == "function" ? o.style(u) : o.style;
+    }, f = (u, o) => {
+      const i = [];
+      if (o.align && i.push(`text-${o.align}`), o.classes) {
+        const v = typeof o.classes == "function" ? o.classes(u) : o.classes;
+        i.push(v);
+      }
+      return i.length > 0 ? i : void 0;
+    }, S = () => !e.columns.length || !e.columns.some((u) => u.headerStyle && u.headerStyle.includes("width")) ? null : t("colgroup", e.columns.map((u) => {
+      if (!u.headerStyle) return t("col");
+      const o = u.headerStyle.match(/width\s*:\s*([^;]+)/i);
+      return t("col", { style: o ? { width: o[1].trim() } : void 0 });
+    })), p = () => {
+      if (!e.columns.length) return null;
+      const u = e.columns.map((o) => {
+        const i = s(o), v = d(o);
+        return t("th", {
+          scope: "col",
+          class: v,
+          style: i
+        }, o.label);
+      });
+      return t("thead", [t("tr", u)]);
+    }, C = (u, o) => typeof o.field == "function" ? o.field(u) : u[o.field], y = () => {
+      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 u = e.rows.map((o, i) => {
+        const v = e.columns.map((m, K) => {
+          const b = C(o, m), w = typeof b == "function" ? b() : b, x = h(o, m), L = f(o, m);
+          return t(K === 0 ? "th" : "td", {
+            scope: K === 0 ? "row" : void 0,
+            class: L,
+            style: x
+          }, w);
+        });
+        return t("tr", { onClick: () => k(o, i) }, v);
+      });
+      return t("tbody", u);
+    }, k = (u, o) => {
+      l("row-click", u, o);
+    };
+    return () => t("div", { class: n.value }, [t("table", { class: a.value }, [
+      e.caption && t("caption", e.caption),
+      S(),
+      p(),
+      y()
+    ])]);
+  }
+}), jt = Ot, Wt = D({
+  name: "KrdsHeader",
+  props: {
+    id: {
+      type: String,
+      default: "krds-header"
+    },
+    mobileNavId: {
+      type: String,
+      default: "mobile-nav"
+    },
+    class: {
+      type: String,
+      default: void 0
+    }
   },
-  unmounted(e) {
-    e.classList.remove("sr-only");
+  slots: Object,
+  setup(e, { slots: l }) {
+    const r = g(() => {
+      const a = [];
+      return e.class && a.push(e.class), a;
+    });
+    return () => {
+      const a = [];
+      if (l.utility || l.branding) {
+        const s = [];
+        l.utility && s.push(t("div", { class: "header-utility" }, l.utility())), l.branding && s.push(t("div", { class: "header-branding" }, l.branding())), a.push(t("div", { class: "header-container" }, [t("div", { class: "inner" }, s)]));
+      }
+      l.navigation && a.push(t("nav", { class: "krds-main-menu" }, [t("div", { class: "inner" }, l.navigation())]));
+      const n = [t("div", { class: "header-in" }, a)];
+      return l.mobileNavigation && n.push(t("div", {
+        id: e.mobileNavId,
+        class: "krds-main-menu-mobile"
+      }, l.mobileNavigation())), t("header", {
+        id: e.id,
+        class: r.value
+      }, n);
+    };
+  }
+}), Gt = Wt, Yt = D({
+  name: "KrdsFooter",
+  props: {
+    id: {
+      type: String,
+      default: "krds-footer"
+    },
+    class: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e, { slots: l }) {
+    const r = g(() => {
+      const h = [];
+      return e.class && h.push(e.class), h;
+    }), a = () => l.top ? t("div", { class: "foot-quick" }, [t("div", { class: "inner" }, l.top())]) : null, n = () => l.logo ? t("div", { class: "f-logo" }, l.logo()) : null, s = () => l.content ? t("div", { class: "f-cnt" }, l.content()) : null, d = () => l.bottom ? t("div", { class: "f-btm" }, l.bottom()) : null;
+    return () => {
+      const h = a(), f = n(), S = s(), p = d(), C = [];
+      f && C.push(f), S && C.push(S), p && C.push(p);
+      const y = [];
+      return h && y.push(h), C.length > 0 && y.push(t("div", { class: "inner" }, C)), t("footer", {
+        id: e.id,
+        class: r.value
+      }, y);
+    };
   }
-}, ke = {
-  "sr-only": ve
-}, $e = (e) => {
-  e.directive("sr-only", ve);
-}, Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ke,
-  directives: ke,
-  installDirectives: $e,
-  vSrOnly: ve
-}, Symbol.toStringTag, { value: "Module" })), Ll = {
-  install(e, n = {}) {
-    e.provide("krds:config", n);
-    const a = n.components || Object.keys(be);
-    a.forEach((l) => {
-      const t = be[l];
-      t && e.component(l, t);
-    }), typeof Se == "object" && Se !== null && $e(e), e.config.globalProperties.$krds = {
-      version: "__VERSION__"
-    }, process.env.NODE_ENV !== "production" && console.log(`[KRDS Vue] v__VERSION__ 설치 완료 - 컴포넌트: ${a.length}개`);
+}), Ut = Yt, Xt = D({
+  name: "KrdsDisclosure",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l, slots: r }) {
+    const a = `disclosure-${O()}`, n = g(() => e.modelValue), s = () => {
+      l("update:modelValue", !e.modelValue);
+    };
+    return () => t("div", { class: [
+      "krds-disclosure",
+      "conts-expand-area",
+      n.value && "active"
+    ] }, [t("button", {
+      type: "button",
+      class: "btn-conts-expand",
+      onClick: s,
+      "aria-expanded": n.value,
+      "aria-controls": a
+    }, e.title), t("div", {
+      id: a,
+      class: "expand-wrap",
+      inert: !n.value
+    }, [t("div", { class: "expand-in" }, r.default?.())])]);
+  }
+}), Jt = Xt, Qt = D({
+  name: "KrdsIdentifier",
+  props: {
+    class: {
+      type: String,
+      default: void 0
+    },
+    logoLabel: {
+      type: String,
+      default: "KRDS - Korea Design System"
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: l, slots: r }) {
+    const a = g(() => {
+      const s = ["krds-identifier"];
+      return e.class && s.push(e.class), s;
+    }), n = (s) => {
+      l("click", s);
+    };
+    return () => t("div", {
+      class: a.value,
+      onClick: n
+    }, [t("span", { class: "logo" }, [t("span", { class: "sr-only" }, e.logoLabel)]), t("span", { class: "ban-txt" }, r.default?.())]);
+  }
+}), Zt = Qt, ea = 50, ta = D({
+  name: "KrdsLayout",
+  props: {
+    id: {
+      type: String,
+      default: "wrap"
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    enableScrollDetection: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: {
+    resize: (e) => !0,
+    scroll: (e) => !0,
+    "scroll-height": (e) => !0
+  },
+  setup(e, { slots: l, emit: r }) {
+    const a = _(0), n = _(0), s = _(0), d = _(null), h = _(null), f = _(null), S = () => {
+      const u = n.value;
+      a.value = window.scrollY, n.value = document.body.scrollHeight, u !== n.value && u > 0 && r("scroll-height", n.value);
+    }, p = () => {
+      if (!h.value || !e.enableScrollDetection) return;
+      const u = document.querySelector("#container");
+      if (!u) return;
+      const o = u.offsetTop, i = window.scrollY, v = i > s.value, m = i < s.value;
+      i > o + ea ? 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;
+    }, C = () => {
+      S(), p(), r("scroll", {
+        scrollY: a.value,
+        scrollHeight: n.value,
+        direction: d.value,
+        timestamp: Date.now()
+      });
+    }, y = (u) => {
+      for (const o of u) {
+        const { width: i, height: v } = o.contentRect;
+        r("resize", {
+          width: i,
+          height: v
+        });
+      }
+    }, k = g(() => {
+      const u = ["g-wrap"];
+      return e.class && u.push(e.class), u;
+    });
+    return N(() => {
+      e.enableScrollDetection && (S(), window.addEventListener("scroll", C, { passive: !0 })), h.value && typeof ResizeObserver < "u" && (f.value = new ResizeObserver(y), f.value.observe(h.value));
+    }), q(() => {
+      e.enableScrollDetection && window.removeEventListener("scroll", C), f.value && (f.value.disconnect(), f.value = null);
+    }), () => t("div", {
+      id: e.id,
+      class: k.value,
+      ref: h
+    }, l.default?.());
+  }
+}), aa = ta, la = D({
+  name: "KrdsSideNavigation",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const r = g(() => e.modelValue || []), a = _(/* @__PURE__ */ new Map()), n = _(/* @__PURE__ */ new Map()), s = _(/* @__PURE__ */ new Map()), d = _(null), h = (K, b, w) => {
+      const x = `${b}-${w}`;
+      K ? a.value.set(x, K) : a.value.delete(x);
+    }, f = (K, b, w) => {
+      const x = `${b}-${w}`;
+      K ? n.value.set(x, K) : n.value.delete(x);
+    }, S = (K, b, w) => {
+      const x = `${b}-${w}`;
+      K ? s.value.set(x, K) : s.value.delete(x);
+    }, p = (K) => {
+      l("update:modelValue", r.value.map((b, w) => {
+        if (w === K && b.subItems) {
+          const x = b.expanded, L = {
+            ...b,
+            expanded: !b.expanded
+          };
+          return x && !L.expanded && (L.subItems = b.subItems.map((c) => ({
+            ...c,
+            expanded: !1
+          })), d.value = null), L;
+        }
+        return b;
+      }));
+    }, C = (K, b) => {
+      l("update:modelValue", r.value.map((w, x) => x === K && w.subItems ? {
+        ...w,
+        subItems: w.subItems.map((L, c) => {
+          if (c === b && L.subItems) {
+            const B = {
+              ...L,
+              expanded: !L.expanded
+            };
+            if (B.expanded) {
+              const V = `${K}-${b}`;
+              d.value = a.value.get(V) || null;
+              const I = n.value.get(V), E = s.value.get(V);
+              I && E && I.addEventListener("transitionend", () => {
+                E.focus();
+              }, { once: !0 });
+            }
+            return B;
+          }
+          return L;
+        })
+      } : w));
+    }, y = (K, b) => {
+      l("update:modelValue", r.value.map((w, x) => x === K && w.subItems ? {
+        ...w,
+        subItems: w.subItems.map((L, c) => {
+          if (c === b && L.subItems && L.expanded) {
+            if (d.value) {
+              const B = d.value;
+              requestAnimationFrame(() => {
+                B.focus();
+              }), d.value = null;
+            }
+            return {
+              ...L,
+              expanded: !1
+            };
+          }
+          return L;
+        })
+      } : w));
+    }, k = (K, b, w) => {
+      const x = `${b}-${w}`, L = n.value.get(x);
+      L && !L.contains(K.relatedTarget) && y(b, w);
+    }, u = (K, b) => {
+      y(K, b);
+    }, o = (K, b) => {
+      K.onClick && K.onClick(b);
+    }, i = (K, b, w) => K.map((x, L) => t("li", {
+      key: `popup-item-${b}-${w}-${L}`,
+      role: "none"
+    }, t("a", {
+      href: x.href || "#",
+      class: "lnb-btn",
+      role: "menuitem",
+      onClick: (c) => o(x, c)
+    }, x.text))), v = (K, b) => K.map((w, x) => {
+      const L = `lnb-subitem-${b}-${x}`;
+      return t("li", {
+        key: L,
+        class: ["lnb-subitem", { active: w.expanded }],
+        role: "none"
+      }, [w.subItems ? [t("button", {
+        ref: (c) => h(c, b, x),
+        type: "button",
+        class: "lnb-btn lnb-toggle-popup",
+        role: "menuitem",
+        "aria-controls": `lnbmenu-${b}-${x}`,
+        "aria-expanded": w.expanded ? "true" : "false",
+        "aria-haspopup": "true",
+        onClick: () => C(b, x)
+      }, w.text), t("div", {
+        ref: (c) => f(c, b, x),
+        id: `lnbmenu-${b}-${x}`,
+        class: ["lnb-submenu-lv2", { active: w.expanded }],
+        role: "menu",
+        onFocusout: (c) => k(c, b, x)
+      }, [t("button", {
+        ref: (c) => S(c, b, x),
+        type: "button",
+        class: "lnb-btn-tit",
+        onClick: () => u(b, x)
+      }, w.popupTitle || w.text), t("ul", {}, i(w.subItems || [], b, x))])] : t("a", {
+        href: w.href || "#",
+        class: ["lnb-btn", "lnb-link"],
+        role: "menuitem",
+        onClick: (c) => o(w, c)
+      }, w.text)]);
+    }), m = () => r.value.map((K, b) => t("li", {
+      key: `lnb-item-${b}`,
+      class: ["lnb-item", { active: K.expanded }],
+      role: "none"
+    }, [t("button", {
+      type: "button",
+      class: [
+        "lnb-btn",
+        "lnb-toggle",
+        { active: K.expanded }
+      ],
+      role: "menuitem",
+      "aria-controls": `lnbmenu-${b}`,
+      "aria-expanded": K.expanded ? "true" : "false",
+      onClick: () => p(b)
+    }, K.text), K.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
+      id: `lnbmenu-${b}`,
+      role: "menu"
+    }, v(K.subItems, b))]) : null]));
+    return () => t("nav", { class: "krds-side-navigation" }, [t("h2", { class: "lnb-tit" }, e.title), t("ul", {
+      class: "lnb-list",
+      role: "menubar"
+    }, m())]);
+  }
+}), na = la, sa = D({
+  name: "KrdsStructuredList",
+  props: { full: {
+    type: Boolean,
+    default: !0
+  } },
+  slots: Object,
+  setup(e, { slots: l }) {
+    return () => {
+      const r = l.cardTop?.(), a = l.cardBody?.(), n = l.cardBtm?.(), s = l.cardBtn?.(), d = t("li", { class: "structured-item" }, [t("div", { class: "in" }, [
+        r && t("div", { class: "card-top" }, r),
+        a && t("div", { class: "card-body" }, a),
+        n && t("div", { class: "card-btm" }, n),
+        s && t("div", { class: "card-btn" }, s)
+      ].filter(Boolean))]);
+      return t("ul", { class: ["krds-structured-list", e.full ? "type-full" : ""] }, [d]);
+    };
+  }
+}), ra = sa, ia = D({
+  name: "KrdsTextList",
+  props: {
+    type: {
+      type: String,
+      default: "ul"
+    },
+    variant: {
+      type: String,
+      default: "dash"
+    }
+  },
+  setup(e, { slots: l }) {
+    return () => t(e.type, { class: ["krds-info-list", e.variant] }, l.default?.());
+  }
+}), oa = ia, da = D({
+  name: "KrdsCriticalAlerts",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    message: {
+      type: String,
+      required: !0
+    },
+    linkHref: {
+      type: String,
+      default: void 0
+    },
+    linkText: {
+      type: String,
+      default: "자세히 보기"
+    }
+  },
+  emits: ["link-click"],
+  setup(e, { emit: l }) {
+    const r = (n) => ({
+      danger: "긴급",
+      ok: "안전",
+      info: "안내"
+    })[n], a = (n) => {
+      l("link-click", n);
+    };
+    return () => t("ul", { class: "krds-critical-alerts" }, [t("li", [t("div", { class: "critical-ban" }, [
+      t("span", { class: ["critical-badge", e.type] }, r(e.type)),
+      t("p", { class: "critical-txt" }, e.message),
+      e.linkHref && t("a", {
+        href: e.linkHref,
+        class: "krds-btn medium link basic",
+        onClick: a
+      }, [t("span", { class: "m-hide" }, e.linkText), t("i", { class: "svg-icon ico-angle right" })])
+    ])])]);
   }
-}, Ml = "__VERSION__";
+}), ua = da, de = /* @__PURE__ */ ce({
+  KrdsAccordionGroup: () => Pt,
+  KrdsAccordionItem: () => qt,
+  KrdsBadge: () => Ue,
+  KrdsBreadcrumb: () => bt,
+  KrdsButton: () => Ce,
+  KrdsButtonGroup: () => xe,
+  KrdsCheckArea: () => rt,
+  KrdsCheckbox: () => ot,
+  KrdsCoachMark: () => Dt,
+  KrdsContextualHelp: () => Bt,
+  KrdsCriticalAlerts: () => ua,
+  KrdsDateInput: () => Re,
+  KrdsDisclosure: () => Jt,
+  KrdsFileUpload: () => Ge,
+  KrdsFooter: () => Ut,
+  KrdsFormGroup: () => Ie,
+  KrdsFormHint: () => Ee,
+  KrdsFormLabel: () => Te,
+  KrdsHeader: () => Gt,
+  KrdsIcon: () => $e,
+  KrdsIdentifier: () => Zt,
+  KrdsInPageNavigation: () => St,
+  KrdsInput: () => De,
+  KrdsLanguageSwitcher: () => Et,
+  KrdsLayout: () => aa,
+  KrdsLink: () => Be,
+  KrdsMasthead: () => tt,
+  KrdsModal: () => Ft,
+  KrdsPagination: () => wt,
+  KrdsPanel: () => xt,
+  KrdsRadio: () => ut,
+  KrdsResize: () => It,
+  KrdsSelect: () => Oe,
+  KrdsSideNavigation: () => na,
+  KrdsSkipLink: () => gt,
+  KrdsSpinner: () => ct,
+  KrdsStep: () => pt,
+  KrdsStepIndicator: () => vt,
+  KrdsStructuredList: () => ra,
+  KrdsTable: () => jt,
+  KrdsTag: () => Je,
+  KrdsTagGroup: () => Ze,
+  KrdsTextList: () => oa,
+  KrdsTextarea: () => He,
+  KrdsToggleSwitch: () => nt,
+  KrdsTooltip: () => Tt,
+  KrdsTts: () => Nt
+}), pe = "0.0.15", ha = { install(e, l = {}) {
+  e.provide("krds:config", l), (l.components || Object.keys(de)).forEach((r) => {
+    const a = de[r];
+    a && e.component(r, a);
+  }), typeof U == "object" && U !== null && "installDirectives" in U && he(e), e.config.globalProperties.$krds = { version: pe };
+} }, pa = pe;
 export {
-  xl as KrdsAccordionGroup,
-  zl as KrdsAccordionItem,
-  gt as KrdsBadge,
-  Lt as KrdsBreadcrumb,
+  Pt as KrdsAccordionGroup,
+  qt as KrdsAccordionItem,
+  Ue as KrdsBadge,
+  bt as KrdsBreadcrumb,
   Ce as KrdsButton,
-  Me as KrdsButtonGroup,
-  xt as KrdsCheckArea,
-  $t as KrdsCheckbox,
-  nl as KrdsCoachMark,
-  Jt as KrdsContextualHelp,
-  vt as KrdsDateInput,
-  yt as KrdsFileUpload,
-  Oe as KrdsFormGroup,
-  Pe as KrdsFormHint,
-  Fe as KrdsFormLabel,
-  Te as KrdsIcon,
-  Mt as KrdsInPageNavigation,
-  Ae as KrdsInput,
-  yl as KrdsLanguageSwitcher,
-  Re as KrdsLink,
-  St as KrdsMasthead,
-  Cl as KrdsModal,
-  Ot as KrdsPagination,
-  Wt as KrdsPanel,
-  Bt as KrdsRadio,
-  wl as KrdsResize,
-  mt as KrdsSelect,
-  Dt as KrdsSkipLink,
-  xe as KrdsSpinner,
-  _t as KrdsStep,
-  Kt as KrdsStepIndicator,
-  bt as KrdsTag,
-  kt as KrdsTagGroup,
-  ht as KrdsTextarea,
-  Ct as KrdsToggleSwitch,
-  rl as KrdsTooltip,
-  Vl as KrdsTts,
-  fe as classNames,
-  Ll as default,
-  ue as generateId,
-  El as generateUid,
-  Ml as version
+  xe as KrdsButtonGroup,
+  rt as KrdsCheckArea,
+  ot as KrdsCheckbox,
+  Dt as KrdsCoachMark,
+  Bt as KrdsContextualHelp,
+  ua as KrdsCriticalAlerts,
+  Re as KrdsDateInput,
+  Jt as KrdsDisclosure,
+  Ge as KrdsFileUpload,
+  Ut as KrdsFooter,
+  Ie as KrdsFormGroup,
+  Ee as KrdsFormHint,
+  Te as KrdsFormLabel,
+  Gt as KrdsHeader,
+  $e as KrdsIcon,
+  Zt as KrdsIdentifier,
+  St as KrdsInPageNavigation,
+  De as KrdsInput,
+  Et as KrdsLanguageSwitcher,
+  aa as KrdsLayout,
+  Be as KrdsLink,
+  tt as KrdsMasthead,
+  Ft as KrdsModal,
+  wt as KrdsPagination,
+  xt as KrdsPanel,
+  ut as KrdsRadio,
+  It as KrdsResize,
+  Oe as KrdsSelect,
+  na as KrdsSideNavigation,
+  gt as KrdsSkipLink,
+  ct as KrdsSpinner,
+  pt as KrdsStep,
+  vt as KrdsStepIndicator,
+  ra as KrdsStructuredList,
+  jt as KrdsTable,
+  Je as KrdsTag,
+  Ze as KrdsTagGroup,
+  oa as KrdsTextList,
+  He as KrdsTextarea,
+  nt as KrdsToggleSwitch,
+  Tt as KrdsTooltip,
+  Nt as KrdsTts,
+  Z as classNames,
+  ha as default,
+  fa as generateId,
+  va as generateUid,
+  pa as version
 };
-//# sourceMappingURL=krds-vue.es.js.map
+
+//# sourceMappingURL=krds-vue.es.js.map