@krds.ui/vue 0.0.8 → 0.0.9

package/dist/krds-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as y, h as v, ref as K, onMounted as le, onBeforeUnmount as Ke, createElementBlock as w, openBlock as S, createElementVNode as r, normalizeClass as I, withDirectives as Q, unref as P, toDisplayString as L, Fragment as F, renderList as N, vShow as te, createBlock as oe, withCtx as ie, createTextVNode as A, watch as ue, provide as De, inject as Ve, createCommentVNode as Y, onUnmounted as X, resolveDirective as ze, resolveDynamicComponent as ye, renderSlot as J, normalizeStyle as ae, nextTick as Le, withModifiers as re } from "vue";
+import { defineComponent as B, computed as y, h as v, ref as K, onMounted as le, onBeforeUnmount as Ke, createElementBlock as S, openBlock as b, createElementVNode as r, normalizeClass as I, withDirectives as Q, unref as P, toDisplayString as L, Fragment as F, renderList as N, vShow as te, createBlock as oe, withCtx as ie, createTextVNode as A, watch as ue, provide as De, inject as Ve, createCommentVNode as Y, onUnmounted as X, resolveDirective as ze, resolveDynamicComponent as ye, renderSlot as J, normalizeStyle as ae, nextTick as Le, withModifiers as re } from "vue";
 const Se = B({
   name: "KrdsButton",
   props: {
@@ -26,6 +26,10 @@ const Se = B({
       type: Boolean,
       default: !1
     },
+    text: {
+      type: Boolean,
+      default: !1
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -36,34 +40,34 @@ const Se = B({
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
-      const s = ["krds-btn"];
-      return e.icon && s.push("icon"), e.border && s.push("border"), e.pure && s.push("pure"), e.variant && !e.icon && s.push(e.variant), e.size && s.push(e.size), e.class && s.push(e.class), s;
-    }), t = (s) => {
-      e.disabled || i("click", s);
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
+      const a = ["krds-btn"];
+      return e.icon && a.push("icon"), e.border && a.push("border"), e.pure && a.push("pure"), e.text && a.push("text"), e.variant && !e.icon && a.push(e.variant), e.size && a.push(e.size), e.class && a.push(e.class), a;
+    }), t = (a) => {
+      e.disabled || o("click", a);
     };
     return () => v(
       "button",
       {
         type: e.type,
-        class: a.value,
+        class: n.value,
         disabled: e.disabled,
         onClick: t
       },
-      n.default?.()
+      s.default?.()
     );
   }
 }), Ie = B({
   name: "KrdsButtonGroup",
   props: {},
-  setup(e, { slots: i }) {
+  setup(e, { slots: o }) {
     return () => v(
       "div",
       {
         class: "btn-group"
       },
-      i.default?.()
+      o.default?.()
     );
   }
 }), Ee = B({
@@ -120,26 +124,26 @@ const Se = B({
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
-      const o = ["krds-btn"];
-      return e.size && o.push(e.size), e.link && o.push("link"), e.basic && o.push("basic"), e.pure && o.push("pure"), e.class && o.push(e.class), o;
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
+      const i = ["krds-btn"];
+      return e.size && i.push(e.size), e.link && i.push("link"), e.basic && i.push("basic"), e.pure && i.push("pure"), e.class && i.push(e.class), i;
     }), t = y(() => {
-      const o = {
+      const i = {
         href: e.href,
-        class: a.value
+        class: n.value
       };
-      return e.target && (o.target = e.target), e.title && (o.title = e.title), e.target === "_blank" && (o.rel = "noopener noreferrer"), o;
-    }), s = (o) => {
-      i("click", o);
+      return e.target && (i.target = e.target), e.title && (i.title = e.title), e.target === "_blank" && (i.rel = "noopener noreferrer"), i;
+    }), a = (i) => {
+      o("click", i);
     };
     return () => v(
       "a",
       {
         ...t.value,
-        onClick: s
+        onClick: a
       },
-      n.default?.()
+      s.default?.()
     );
   }
 }), we = B({
@@ -243,27 +247,27 @@ const Se = B({
     }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
       const k = ["krds-input"];
       return e.size && k.push(e.size), e.class && k.push(e.class), k;
     }), t = (k) => {
       const D = k.target, p = e.type === "number" ? Number(D.value) : D.value;
-      i("update:modelValue", p), i("input", k);
-    }, s = (k) => {
-      i("change", k);
-    }, o = (k) => {
-      i("focus", k);
-    }, c = (k) => {
-      i("blur", k);
+      o("update:modelValue", p), o("input", k);
+    }, a = (k) => {
+      o("change", k);
+    }, i = (k) => {
+      o("focus", k);
     }, d = (k) => {
-      i("keydown", k);
+      o("blur", k);
+    }, c = (k) => {
+      o("keydown", k);
     }, m = (k) => {
-      i("keyup", k);
+      o("keyup", k);
     }, g = y(() => {
       const k = {
         type: e.type,
-        class: a.value,
+        class: n.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         name: e.name,
@@ -274,20 +278,20 @@ const Se = B({
         autocomplete: e.autocomplete,
         autofocus: e.autofocus,
         onInput: t,
-        onChange: s,
-        onFocus: o,
-        onBlur: c,
-        onKeydown: d,
+        onChange: a,
+        onFocus: i,
+        onBlur: d,
+        onKeydown: c,
         onKeyup: m
       };
       return e.maxlength !== void 0 && (k.maxlength = e.maxlength), e.minlength !== void 0 && (k.minlength = e.minlength), e.type === "number" && (e.max !== void 0 && (k.max = e.max), e.min !== void 0 && (k.min = e.min), e.step !== void 0 && (k.step = e.step)), k;
-    }), _ = y(() => {
+    }), x = y(() => {
       const k = ["form-conts"];
       return e.state !== "default" && k.push(`is-${e.state}`), e.icon && k.push("btn-ico-wrap"), k;
     });
     return () => {
       const k = [v("input", g.value)];
-      return e.loading ? v("div", { class: _.value }, [v("div", { class: "form-spinner" }, [...k, v(we)])]) : (n.default && k.push(...n.default()), v("div", { class: _.value }, k));
+      return e.loading ? v("div", { class: x.value }, [v("div", { class: "form-spinner" }, [...k, v(we)])]) : (s.default && k.push(...s.default()), v("div", { class: x.value }, k));
     };
   }
 }), Te = B({
@@ -311,9 +315,9 @@ const Se = B({
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = (t) => {
-      i("click", t);
+  setup(e, { emit: o, slots: s }) {
+    const n = (t) => {
+      o("click", t);
     };
     return () => v("div", { class: "form-tit" }, [
       v(
@@ -323,9 +327,9 @@ const Se = B({
           id: e.id,
           class: e.class,
           style: e.style,
-          onClick: a
+          onClick: n
         },
-        n.default?.()
+        s.default?.()
       )
     ]);
   }
@@ -350,26 +354,26 @@ const Se = B({
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = (s) => {
-      i("click", s);
+  setup(e, { emit: o, slots: s }) {
+    const n = (a) => {
+      o("click", a);
     }, t = () => {
-      let s;
+      let a;
       switch (e.type) {
         case "error":
-          s = "form-hint-invalid";
+          a = "form-hint-invalid";
           break;
         case "success":
-          s = "form-hint-success";
+          a = "form-hint-success";
           break;
         case "information":
-          s = "form-hint-information";
+          a = "form-hint-information";
           break;
         default:
-          s = "form-hint";
+          a = "form-hint";
           break;
       }
-      return e.class ? `${s} ${e.class}` : s;
+      return e.class ? `${a} ${e.class}` : a;
     };
     return () => v(
       "p",
@@ -377,9 +381,9 @@ const Se = B({
         id: e.id,
         class: t(),
         style: e.style,
-        onClick: a
+        onClick: n
       },
-      n.default?.()
+      s.default?.()
     );
   }
 }), Ae = B({
@@ -398,94 +402,94 @@ const Se = B({
       default: void 0
     }
   },
-  setup(e, { slots: i }) {
-    const n = y(() => {
-      const a = ["form-group"];
-      return e.class && a.push(e.class), a;
+  setup(e, { slots: o }) {
+    const s = y(() => {
+      const n = ["form-group"];
+      return e.class && n.push(e.class), n;
     });
     return () => v(
       "div",
       {
         id: e.id,
-        class: n.value,
+        class: s.value,
         style: e.style
       },
-      i.default?.()
+      o.default?.()
     );
   }
 });
-function Fe(e, i) {
-  const n = /* @__PURE__ */ new Date(), a = K(e || n.getFullYear()), t = K(i || n.getMonth() + 1), s = K(null), o = K(null), c = K(null), d = y(() => {
-    const h = n.getFullYear(), u = [];
+function Fe(e, o) {
+  const s = /* @__PURE__ */ new Date(), n = K(e || s.getFullYear()), t = K(o || s.getMonth() + 1), a = K(null), i = K(null), d = K(null), c = y(() => {
+    const h = s.getFullYear(), u = [];
     for (let f = h - 10; f <= h + 10; f++)
       u.push(f);
     return u;
   }), m = y(() => Array.from({ length: 12 }, (h, u) => u + 1)), g = () => {
-    s.value = null, o.value = null;
-  }, _ = () => {
-    t.value === 1 ? (t.value = 12, a.value -= 1) : t.value -= 1;
+    a.value = null, i.value = null;
+  }, x = () => {
+    t.value === 1 ? (t.value = 12, n.value -= 1) : t.value -= 1;
   }, k = () => {
-    t.value === 12 ? (t.value = 1, a.value += 1) : t.value += 1;
+    t.value === 12 ? (t.value = 1, n.value += 1) : t.value += 1;
   }, D = (h, u = !1) => {
     if (u)
-      s.value = h, o.value = h;
-    else if (!s.value || s.value && o.value)
-      s.value = h, o.value = null;
+      a.value = h, i.value = h;
+    else if (!a.value || a.value && i.value)
+      a.value = h, i.value = null;
     else {
-      const f = new Date(s.value.replace(/\./g, "-"));
-      new Date(h.replace(/\./g, "-")) < f ? (s.value = h, o.value = null) : o.value = h;
+      const f = new Date(a.value.replace(/\./g, "-"));
+      new Date(h.replace(/\./g, "-")) < f ? (a.value = h, i.value = null) : i.value = h;
     }
   };
   return {
     // State
-    currentYear: a,
+    currentYear: n,
     currentMonth: t,
-    selectedStartDate: s,
-    selectedEndDate: o,
-    activeDateSelector: c,
+    selectedStartDate: a,
+    selectedEndDate: i,
+    activeDateSelector: d,
     // Computed
-    yearOptions: d,
+    yearOptions: c,
     monthOptions: m,
     // Methods
     clearDateSelection: g,
-    prevMonth: _,
+    prevMonth: x,
     nextMonth: k,
     handleDateSelection: D,
     selectToday: () => {
-      const h = `${n.getFullYear()}.${String(n.getMonth() + 1).padStart(2, "0")}.${String(n.getDate()).padStart(2, "0")}`;
+      const h = `${s.getFullYear()}.${String(s.getMonth() + 1).padStart(2, "0")}.${String(s.getDate()).padStart(2, "0")}`;
       D(h, !0);
     },
     isDateInSelectedRange: (h) => {
-      if (!s.value || !o.value)
+      if (!a.value || !i.value)
         return { isInRange: !1, isStart: !1, isEnd: !1 };
-      const u = new Date(h.replace(/\./g, "-")), f = new Date(s.value.replace(/\./g, "-")), x = new Date(o.value.replace(/\./g, "-")), R = h === s.value, E = h === o.value;
-      return { isInRange: u >= f && u <= x, isStart: R, isEnd: E };
+      const u = new Date(h.replace(/\./g, "-")), f = new Date(a.value.replace(/\./g, "-")), _ = new Date(i.value.replace(/\./g, "-")), R = h === a.value, E = h === i.value;
+      return { isInRange: u >= f && u <= _, isStart: R, isEnd: E };
     }
   };
 }
-function Oe(e, i, n = {}) {
-  let a = null;
-  const t = typeof n == "string" ? { ignore: n } : n, { ignore: s, event: o = "click" } = t, c = () => {
-    a = (m) => {
+function Oe(e, o, s = {}) {
+  let n = null;
+  const t = typeof s == "string" ? { ignore: s } : s, { ignore: a, event: i = "click" } = t, d = () => {
+    n = (m) => {
       const g = m.target;
-      e.value?.contains(g) || s && g.closest(s) || i();
-    }, document.addEventListener(o, a);
-  }, d = () => {
-    if (a) {
-      const m = typeof n == "string" ? "click" : n.event || "click";
-      document.removeEventListener(m, a), a = null;
+      e.value?.contains(g) || a && g.closest(a) || o();
+    }, document.addEventListener(i, n);
+  }, c = () => {
+    if (n) {
+      const m = typeof s == "string" ? "click" : s.event || "click";
+      document.removeEventListener(m, n), n = null;
     }
   };
   return le(() => {
-    c();
-  }), Ke(() => {
     d();
+  }), Ke(() => {
+    c();
   }), {
-    setupGlobalListeners: c,
-    removeGlobalListeners: d
+    setupGlobalListeners: d,
+    removeGlobalListeners: c
   };
 }
-const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id", "name", "placeholder", "value", "readonly", "disabled", "required", "autofocus"], je = ["disabled", "aria-expanded"], We = { class: "calendar-head" }, Ye = { class: "calendar-switch-wrap" }, Ge = { class: "calendar-drop-down" }, Ue = ["aria-expanded"], Xe = { class: "calendar-select calendar-year-wrap" }, Je = { class: "sel year" }, Qe = ["onClick"], Ze = { class: "calendar-drop-down" }, et = ["aria-expanded"], tt = { class: "calendar-select calendar-mon-wrap" }, lt = { class: "sel month" }, at = ["onClick"], st = { class: "calendar-body" }, nt = { class: "calendar-table-wrap" }, ot = { class: "calendar-tbl" }, it = ["data-date"], rt = ["aria-pressed", "onClick"], ut = { class: "calendar-footer" }, dt = { class: "calendar-btn-wrap" }, ct = /* @__PURE__ */ B({
+const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id", "name", "placeholder", "value", "readonly", "disabled", "required", "autofocus"], je = ["disabled", "aria-expanded"], We = { class: "calendar-head" }, Ye = { class: "calendar-switch-wrap" }, Ge = { class: "calendar-drop-down" }, Ue = ["aria-expanded"], Xe = { class: "calendar-select calendar-year-wrap" }, Je = { class: "sel year" }, Qe = ["onClick"], Ze = { class: "calendar-drop-down" }, et = ["aria-expanded"], tt = { class: "calendar-select calendar-mon-wrap" }, lt = { class: "sel month" }, at = ["onClick"], nt = { class: "calendar-body" }, st = { class: "calendar-table-wrap" }, ot = { class: "calendar-tbl" }, it = ["data-date"], rt = ["aria-pressed", "onClick"], ut = { class: "calendar-footer" }, dt = { class: "calendar-btn-wrap" }, ct = /* @__PURE__ */ B({
   __name: "KrdsDateInput",
   props: {
     modelValue: { default: void 0 },
@@ -505,12 +509,12 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     id: { default: void 0 }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(e, { emit: i }) {
-    const n = e, a = i, t = K(), s = K(), o = K(!1), c = K(null), {
-      currentYear: d,
+  setup(e, { emit: o }) {
+    const s = e, n = o, t = K(), a = K(), i = K(!1), d = K(null), {
+      currentYear: c,
       currentMonth: m,
       selectedStartDate: g,
-      selectedEndDate: _,
+      selectedEndDate: x,
       yearOptions: k,
       monthOptions: D,
       prevMonth: p,
@@ -518,21 +522,21 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
       handleDateSelection: h,
       selectToday: u,
       isDateInSelectedRange: f
-    } = Fe(n.initialYear, n.initialMonth), x = () => {
-      o.value && s.value?.focus(), o.value = !1, c.value = null;
+    } = Fe(s.initialYear, s.initialMonth), _ = () => {
+      i.value && a.value?.focus(), i.value = !1, d.value = null;
     };
-    Oe(t, x, ".calendar-conts");
+    Oe(t, _, ".calendar-conts");
     const R = y(() => {
-      const b = ["krds-input", "datepicker", "cal"];
-      return n.size && b.push(n.size), n.class && b.push(n.class), b;
+      const w = ["krds-input", "datepicker", "cal"];
+      return s.size && w.push(s.size), s.class && w.push(s.class), w;
     }), E = y(() => ["form-conts", "calendar-conts"]), M = y(() => ({
       "krds-calendar-area": !0,
-      active: o.value
+      active: i.value
     })), z = y(() => {
-      const b = d.value, C = m.value, $ = new Date(b, C - 1, 1), G = new Date($);
+      const w = c.value, C = m.value, $ = new Date(w, C - 1, 1), G = new Date($);
       G.setDate(G.getDate() - $.getDay());
       const W = [], T = new Date(G);
-      for (let ne = 0; ne < 6; ne++) {
+      for (let se = 0; se < 6; se++) {
         const pe = [];
         for (let he = 0; he < 7; he++) {
           const $e = `${T.getFullYear()}.${String(T.getMonth() + 1).padStart(2, "0")}.${String(T.getDate()).padStart(2, "0")}`, me = T.getDay();
@@ -550,10 +554,10 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
         W.push(pe);
       }
       return W;
-    }), H = (b) => {
+    }), H = (w) => {
       const C = [];
-      if (b.isPrevMonth && C.push("old"), b.isNextMonth && C.push("new"), b.isToday && C.push("today"), b.isSunday && C.push("day-off"), n.holidays?.includes(b.dateString) && C.push("day-off"), n.eventDates?.includes(b.dateString) && C.push("day-event"), b.isCurrentMonth) {
-        const $ = f(b.dateString);
+      if (w.isPrevMonth && C.push("old"), w.isNextMonth && C.push("new"), w.isToday && C.push("today"), w.isSunday && C.push("day-off"), s.holidays?.includes(w.dateString) && C.push("day-off"), s.eventDates?.includes(w.dateString) && C.push("day-event"), w.isCurrentMonth) {
+        const $ = f(w.dateString);
         $.isInRange && (C.push("period"), $.isStart && C.push("start"), $.isEnd && C.push("end"));
       }
       return C;
@@ -572,7 +576,7 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
         class: void 0,
         variant: "tertiary",
         size: "small",
-        handler: x
+        handler: _
       },
       {
         id: "confirm-btn",
@@ -582,66 +586,66 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
         size: "small",
         handler: U
       }
-    ]), j = (b) => {
-      c.value === b ? c.value = null : c.value = b;
-    }, Z = (b) => {
-      d.value = b, c.value = null;
-    }, se = (b) => {
-      m.value = b, c.value = null;
+    ]), j = (w) => {
+      d.value === w ? d.value = null : d.value = w;
+    }, Z = (w) => {
+      c.value = w, d.value = null;
+    }, ne = (w) => {
+      m.value = w, d.value = null;
     }, U = () => {
       if (g.value) {
-        if (_.value && g.value !== _.value) {
-          const b = `${g.value} ~ ${_.value}`;
-          a("update:modelValue", b);
+        if (x.value && g.value !== x.value) {
+          const w = `${g.value} ~ ${x.value}`;
+          n("update:modelValue", w);
         } else
-          a("update:modelValue", g.value);
-        x();
+          n("update:modelValue", g.value);
+        _();
       }
     }, O = () => {
-      o.value = !0, c.value = null, setTimeout(() => {
+      i.value = !0, d.value = null, setTimeout(() => {
         t.value?.querySelector(".calendar-wrap")?.focus();
       }, 50);
     }, q = () => {
-      o.value ? x() : O();
-    }, ve = (b) => {
-      b.code === "Escape" && (c.value ? c.value = null : o.value && x());
-    }, ee = (b) => {
-      const C = b.target;
-      a("update:modelValue", C.value), a("input", b);
-    }, _e = (b) => {
-      a("change", b);
-    }, xe = (b) => {
-      a("focus", b);
-    }, Be = (b) => {
-      a("blur", b);
+      i.value ? _() : O();
+    }, ve = (w) => {
+      w.code === "Escape" && (d.value ? d.value = null : i.value && _());
+    }, ee = (w) => {
+      const C = w.target;
+      n("update:modelValue", C.value), n("input", w);
+    }, xe = (w) => {
+      n("change", w);
+    }, _e = (w) => {
+      n("focus", w);
+    }, Be = (w) => {
+      n("blur", w);
     };
-    return (b, C) => (S(), w("div", qe, [
+    return (w, C) => (b(), S("div", qe, [
       r("div", {
         class: I(E.value)
       }, [
         r("div", Ne, [
           r("input", {
-            id: b.id,
-            name: b.name,
+            id: e.id,
+            name: e.name,
             class: I(R.value),
-            placeholder: b.placeholder,
-            value: b.modelValue,
-            readonly: b.readonly,
-            disabled: b.disabled,
-            required: b.required,
-            autofocus: b.autofocus,
+            placeholder: e.placeholder,
+            value: e.modelValue,
+            readonly: e.readonly,
+            disabled: e.disabled,
+            required: e.required,
+            autofocus: e.autofocus,
             type: "text",
             onInput: ee,
-            onChange: _e,
-            onFocus: xe,
+            onChange: xe,
+            onFocus: _e,
             onBlur: Be
           }, null, 42, He),
           r("button", {
             ref_key: "datePickerButtonRef",
-            ref: s,
-            class: I(`krds-btn ${b.size || "medium"} icon form-btn-datepicker`),
-            disabled: b.disabled,
-            "aria-expanded": o.value,
+            ref: a,
+            class: I(`krds-btn ${e.size || "medium"} icon form-btn-datepicker`),
+            disabled: e.disabled,
+            "aria-expanded": i.value,
             type: "button",
             onClick: q
           }, [...C[4] || (C[4] = [
@@ -675,21 +679,21 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
                     type: "button",
                     class: "btn-cal-switch year",
                     "aria-label": "연도 선택",
-                    "aria-expanded": c.value === "year",
+                    "aria-expanded": d.value === "year",
                     onClick: C[1] || (C[1] = ($) => j("year"))
-                  }, L(P(d)) + "년 ", 9, Ue),
+                  }, L(P(c)) + "년 ", 9, Ue),
                   Q(r("div", Xe, [
                     r("ul", Je, [
-                      (S(!0), w(F, null, N(P(k), ($) => (S(), w("li", { key: $ }, [
+                      (b(!0), S(F, null, N(P(k), ($) => (b(), S("li", { key: $ }, [
                         r("button", {
                           type: "button",
-                          class: I({ active: $ === P(d) }),
+                          class: I({ active: $ === P(c) }),
                           onClick: (G) => Z($)
                         }, L($) + "년", 11, Qe)
                       ]))), 128))
                     ])
                   ], 512), [
-                    [te, c.value === "year"]
+                    [te, d.value === "year"]
                   ])
                 ]),
                 r("div", Ze, [
@@ -697,21 +701,21 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
                     type: "button",
                     class: "btn-cal-switch month",
                     "aria-label": "월 선택",
-                    "aria-expanded": c.value === "month",
+                    "aria-expanded": d.value === "month",
                     onClick: C[2] || (C[2] = ($) => j("month"))
                   }, L(P(m).toString().padStart(2, "0")) + "월 ", 9, et),
                   Q(r("div", tt, [
                     r("ul", lt, [
-                      (S(!0), w(F, null, N(P(D), ($) => (S(), w("li", { key: $ }, [
+                      (b(!0), S(F, null, N(P(D), ($) => (b(), S("li", { key: $ }, [
                         r("button", {
                           type: "button",
                           class: I({ active: $ === P(m) }),
-                          onClick: (G) => se($)
+                          onClick: (G) => ne($)
                         }, L($.toString().padStart(2, "0")) + "월 ", 11, at)
                       ]))), 128))
                     ])
                   ], 512), [
-                    [te, c.value === "month"]
+                    [te, d.value === "month"]
                   ])
                 ])
               ]),
@@ -724,10 +728,10 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
                 r("span", { class: "sr-only" }, "다음 달", -1)
               ])])
             ]),
-            r("div", st, [
-              r("div", nt, [
+            r("div", nt, [
+              r("div", st, [
                 r("table", ot, [
-                  r("caption", null, L(P(d)) + "년 " + L(P(m).toString().padStart(2, "0")) + "월", 1),
+                  r("caption", null, L(P(c)) + "년 " + L(P(m).toString().padStart(2, "0")) + "월", 1),
                   C[7] || (C[7] = r("thead", null, [
                     r("tr", null, [
                       r("th", null, "일"),
@@ -740,8 +744,8 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
                     ])
                   ], -1)),
                   r("tbody", null, [
-                    (S(!0), w(F, null, N(z.value, ($, G) => (S(), w("tr", { key: G }, [
-                      (S(!0), w(F, null, N($, (W, T) => (S(), w("td", {
+                    (b(!0), S(F, null, N(z.value, ($, G) => (b(), S("tr", { key: G }, [
+                      (b(!0), S(F, null, N($, (W, T) => (b(), S("td", {
                         key: T,
                         class: I(H(W)),
                         "data-date": W.dateString
@@ -750,7 +754,7 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
                           type: "button",
                           class: "btn-set-date",
                           "aria-pressed": P(f)(W.dateString).isInRange ? "true" : "false",
-                          onClick: (ne) => P(h)(W.dateString)
+                          onClick: (se) => P(h)(W.dateString)
                         }, [
                           r("span", null, L(W.day), 1)
                         ], 8, rt)
@@ -762,7 +766,7 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
             ]),
             r("div", ut, [
               r("div", dt, [
-                (S(!0), w(F, null, N(V.value, ($) => (S(), oe(P(Se), {
+                (b(!0), S(F, null, N(V.value, ($) => (b(), oe(P(Se), {
                   id: $.id,
                   key: $.id,
                   class: I($.class),
@@ -778,7 +782,7 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
               ])
             ])
           ], 544), [
-            [te, o.value]
+            [te, i.value]
           ])
         ], 2)
       ], 2)
@@ -858,37 +862,37 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
-  setup(e, { emit: i }) {
-    const n = K(0);
+  setup(e, { emit: o }) {
+    const s = K(0);
     ue(
       () => e.modelValue,
       (l) => {
-        n.value = (l || "").length;
+        s.value = (l || "").length;
       },
       { immediate: !0 }
     );
-    const a = y(() => {
+    const n = y(() => {
       const l = ["krds-input"];
       return e.size && l.push(e.size), e.class && l.push(e.class), l;
     }), t = y(() => {
       const l = {};
       return e.resize && (l.resize = e.resize), l;
-    }), s = (l) => {
+    }), a = (l) => {
       const u = l.target.value;
-      n.value = u.length, i("update:modelValue", u), i("input", l);
-    }, o = (l) => {
-      i("change", l);
-    }, c = (l) => {
-      i("focus", l);
+      s.value = u.length, o("update:modelValue", u), o("input", l);
+    }, i = (l) => {
+      o("change", l);
     }, d = (l) => {
-      i("blur", l);
+      o("focus", l);
+    }, c = (l) => {
+      o("blur", l);
     }, m = (l) => {
-      i("keydown", l);
+      o("keydown", l);
     }, g = (l) => {
-      i("keyup", l);
-    }, _ = y(() => {
+      o("keyup", l);
+    }, x = y(() => {
       const l = {
-        class: a.value,
+        class: n.value,
         style: t.value,
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -900,24 +904,24 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
         autofocus: e.autofocus,
         rows: e.rows,
         cols: e.cols,
-        onInput: s,
-        onChange: o,
-        onFocus: c,
-        onBlur: d,
+        onInput: a,
+        onChange: i,
+        onFocus: d,
+        onBlur: c,
         onKeydown: m,
         onKeyup: g
       };
       return e.maxlength !== void 0 && (l.maxlength = e.maxlength), e.minlength !== void 0 && (l.minlength = e.minlength), l;
     }), k = y(() => ["form-conts"]), D = y(() => ["textarea-wrap"]), p = y(() => {
       if (!e.showCount) return null;
-      const l = n.value, h = e.maxlength;
+      const l = s.value, h = e.maxlength;
       return {
         current: l,
         max: h || ""
       };
     });
     return () => {
-      const l = [v("textarea", _.value)];
+      const l = [v("textarea", x.value)];
       return p.value && l.push(
         v("p", { class: "textarea-count" }, [
           v("span", { class: "count-now" }, p.value.current),
@@ -975,49 +979,49 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     }
   },
   emits: ["update:modelValue", "focus", "blur"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
       const g = [];
       return e.sort ? g.push("krds-form-select-sort") : g.push("krds-form-select"), e.size && g.push(e.size), e.class && g.push(e.class), g;
     }), t = (g) => {
-      const _ = g.target, k = _.value === "" ? null : _.value;
-      i("update:modelValue", k);
-    }, s = (g) => {
-      i("focus", g);
-    }, o = (g) => {
-      i("blur", g);
-    }, c = y(() => ({
-      class: a.value,
+      const x = g.target, k = x.value === "" ? null : x.value;
+      o("update:modelValue", k);
+    }, a = (g) => {
+      o("focus", g);
+    }, i = (g) => {
+      o("blur", g);
+    }, d = y(() => ({
+      class: n.value,
       value: e.modelValue ?? "",
       title: e.title || e.placeholder,
       name: e.name,
       id: e.id,
       disabled: e.disabled || e.readonly,
       onChange: t,
-      onFocus: s,
-      onBlur: o
-    })), d = y(() => {
+      onFocus: a,
+      onBlur: i
+    })), c = y(() => {
       const g = ["form-conts"];
       return e.state !== "default" && g.push(`is-${e.state}`), g;
     }), m = () => {
       const g = [];
-      return e.placeholder && !e.modelValue && g.push(v("option", { value: "", disabled: !0, selected: !0 }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((_) => {
+      return e.placeholder && !e.modelValue && g.push(v("option", { value: "", disabled: !0, selected: !0 }, e.placeholder)), e.options && e.options.length > 0 && e.options.forEach((x) => {
         g.push(
           v(
             "option",
             {
-              value: _.value,
-              disabled: _.disabled,
-              selected: _.value === e.modelValue
+              value: x.value,
+              disabled: x.disabled,
+              selected: x.value === e.modelValue
             },
-            _.label
+            x.label
           )
         );
-      }), n.default && g.push(...n.default()), g;
+      }), s.default && g.push(...s.default()), g;
     };
     return () => {
-      const g = v("select", c.value, m());
-      return e.sort ? g : v("div", { class: d.value }, [g]);
+      const g = v("select", d.value, m());
+      return e.sort ? g : v("div", { class: c.value }, [g]);
     };
   }
 }), pt = B({
@@ -1123,13 +1127,13 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     "download",
     "preview"
   ],
-  setup(e, { emit: i }) {
+  setup(e, { emit: o }) {
     K(!1), y(() => {
-      const a = ["krds-file-upload", "line"];
-      return e.class && a.push(e.class), a;
+      const n = ["krds-file-upload", "line"];
+      return e.class && n.push(e.class), n;
     });
-    const n = y(() => e.modelValue?.length || 0);
-    return y(() => !e.disabled && n.value < e.maxFiles), () => null;
+    const s = y(() => e.modelValue?.length || 0);
+    return y(() => !e.disabled && s.value < e.maxFiles), () => null;
   }
 }), ht = B({
   name: "KrdsBadge",
@@ -1156,12 +1160,12 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
-      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;
-    }), t = (s) => {
-      i("click", s);
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
+      const a = ["krds-badge"];
+      return a.push(`${e.type}-${e.color}`), e.size && a.push(e.size), e.number && a.push("number"), e.class && a.push(e.class), a;
+    }), t = (a) => {
+      o("click", a);
     };
     return () => v(
       "span",
@@ -1170,10 +1174,10 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
         color: e.color,
         size: e.size,
         number: e.number,
-        class: a.value,
+        class: n.value,
         onClick: t
       },
-      n.default?.()
+      s.default?.()
     );
   }
 }), mt = B({
@@ -1201,13 +1205,13 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     }
   },
   emits: ["remove"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
-      const o = ["krds-btn-tag"];
-      return e.link && o.push("link"), e.class && o.push(e.class), o;
-    }), t = (o) => {
-      i("remove", o);
-    }, s = () => v(
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
+      const i = ["krds-btn-tag"];
+      return e.link && i.push("link"), e.class && i.push(e.class), i;
+    }), t = (i) => {
+      o("remove", i);
+    }, a = () => v(
       "button",
       {
         type: "button",
@@ -1217,20 +1221,20 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
       [v("span", { class: "sr-only" }, "삭제")]
     );
     return () => {
-      const o = [], c = n.default?.();
-      if (c && o.push(c), e.link || o.push(s()), e.link) {
-        const d = {
+      const i = [], d = s.default?.();
+      if (d && i.push(d), e.link || i.push(a()), e.link) {
+        const c = {
           href: e.href,
-          class: a.value
+          class: n.value
         };
-        return e.target && (d.target = e.target), e.rel && (d.rel = e.rel), v("a", d, o);
+        return e.target && (c.target = e.target), e.rel && (c.rel = e.rel), v("a", c, i);
       }
       return v(
         "span",
         {
-          class: a.value
+          class: n.value
         },
-        o
+        i
       );
     };
   }
@@ -1246,17 +1250,17 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
       default: void 0
     }
   },
-  setup(e, { slots: i }) {
-    const n = y(() => {
-      const a = ["krds-tag-wrap"];
-      return e.size && a.push(e.size), e.class && a.push(e.class), a;
+  setup(e, { slots: o }) {
+    const s = y(() => {
+      const n = ["krds-tag-wrap"];
+      return e.size && n.push(e.size), e.class && n.push(e.class), n;
     });
     return () => v(
       "div",
       {
-        class: n.value
+        class: s.value
       },
-      i.default?.()
+      o.default?.()
     );
   }
 }), gt = B({
@@ -1268,23 +1272,23 @@ const qe = { class: "form-conts" }, Ne = { class: "calendar-input" }, He = ["id"
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = y(() => {
-      const s = [""];
-      return e.class && s.push(e.class), s;
-    }), t = (s) => {
-      i("click", s);
+  setup(e, { emit: o, slots: s }) {
+    const n = y(() => {
+      const a = [""];
+      return e.class && a.push(e.class), a;
+    }), t = (a) => {
+      o("click", a);
     };
     return () => v(
       "div",
       {
         id: "krds-masthead",
-        class: a.value,
+        class: n.value,
         onClick: t
       },
       [
         v("div", { class: "toggle-wrap" }, [
-          v("div", { class: "toggle-head" }, [v("div", { class: "inner" }, [v("span", { class: "nuri-txt" }, n.default?.())])])
+          v("div", { class: "toggle-head" }, [v("div", { class: "inner" }, [v("span", { class: "nuri-txt" }, s.default?.())])])
         ])
       ]
     );
@@ -1295,8 +1299,8 @@ function de(e = "krds") {
   return `${e}-${++kt}`;
 }
 function Sl() {
-  const e = Date.now().toString(36).slice(-4), i = Math.random().toString(36).substring(2, 5);
-  return `${e}${i}`;
+  const e = Date.now().toString(36).slice(-4), o = Math.random().toString(36).substring(2, 5);
+  return `${e}${o}`;
 }
 function ce(...e) {
   return e.filter(Boolean).join(" ");
@@ -1343,13 +1347,13 @@ const bt = B({
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: i, attrs: n }) {
-    const a = y(() => e.modelValue), t = y(() => ce("krds-form-toggle-switch", e.size, e.class)), s = (c) => {
+  setup(e, { emit: o, attrs: s }) {
+    const n = y(() => e.modelValue), t = y(() => ce("krds-form-toggle-switch", e.size, e.class)), a = (d) => {
       if (e.disabled)
         return;
-      const m = c.target.checked;
-      i("update:modelValue", m), i("change", m);
-    }, o = y(() => e.id || de("toggle-switch"));
+      const m = d.target.checked;
+      o("update:modelValue", m), o("change", m);
+    }, i = y(() => e.id || de("toggle-switch"));
     return () => v(
       "div",
       {
@@ -1358,17 +1362,17 @@ const bt = B({
       [
         v("input", {
           type: "checkbox",
-          id: o.value,
+          id: i.value,
           name: e.name,
-          checked: a.value,
+          checked: n.value,
           disabled: e.disabled,
-          onChange: s,
-          ...n
+          onChange: a,
+          ...s
         }),
         v(
           "label",
           {
-            for: o.value
+            for: i.value
           },
           [
             v(
@@ -1396,15 +1400,15 @@ const bt = B({
       default: !1
     }
   },
-  setup(e, { slots: i }) {
+  setup(e, { slots: o }) {
     return () => {
-      const n = ["krds-check-area"];
-      return e.column && n.push("chk-column"), e.class && n.push(e.class), v(
+      const s = ["krds-check-area"];
+      return e.column && s.push("chk-column"), e.class && s.push(e.class), v(
         "div",
         {
-          class: n
+          class: s
         },
-        i.default?.()
+        o.default?.()
       );
     };
   }
@@ -1439,40 +1443,40 @@ const bt = B({
   },
   emits: ["update:modelValue"],
   slots: Object,
-  setup(e, { emit: i, attrs: n, slots: a }) {
-    const t = y(() => e.modelValue), s = y(() => {
-      const d = e.chip ? "krds-form-chip" : "krds-form-check";
-      return ce(d, e.size, e.class);
-    }), o = (d) => {
+  setup(e, { emit: o, attrs: s, slots: n }) {
+    const t = y(() => e.modelValue), a = y(() => {
+      const c = e.chip ? "krds-form-chip" : "krds-form-check";
+      return ce(c, e.size, e.class);
+    }), i = (c) => {
       if (e.disabled)
         return;
-      const g = d.target.checked;
-      i("update:modelValue", g);
-    }, c = y(() => e.id || de("checkbox"));
+      const g = c.target.checked;
+      o("update:modelValue", g);
+    }, d = y(() => e.id || de("checkbox"));
     return () => {
-      const d = [
+      const c = [
         v("input", {
           type: "checkbox",
-          id: c.value,
+          id: d.value,
           checked: t.value,
           disabled: e.disabled,
-          onChange: o,
-          ...n
+          onChange: i,
+          ...s
         }),
         v(
           "label",
           {
-            for: c.value
+            for: d.value
           },
-          a.default?.()
+          n.default?.()
         )
       ];
-      return a.description && !e.chip && d.push(v("div", { class: "krds-form-check-cnt" }, v("p", { class: "krds-form-check-p" }, a.description()))), v(
+      return n.description && !e.chip && c.push(v("div", { class: "krds-form-check-cnt" }, v("p", { class: "krds-form-check-p" }, n.description()))), v(
         "div",
         {
-          class: s.value
+          class: a.value
         },
-        d
+        c
       );
     };
   }
@@ -1515,45 +1519,45 @@ const bt = B({
   },
   emits: ["update:modelValue"],
   slots: Object,
-  setup(e, { emit: i, attrs: n, slots: a }) {
-    const t = y(() => e.modelValue === e.value), s = y(() => {
+  setup(e, { emit: o, attrs: s, slots: n }) {
+    const t = y(() => e.modelValue === e.value), a = y(() => {
       const m = e.chip ? "krds-form-chip" : "krds-form-check";
       return ce(m, e.size, e.class);
-    }), o = (m) => {
+    }), i = (m) => {
       if (e.disabled)
         return;
-      m.target.checked && i("update:modelValue", e.value);
-    }, c = y(() => e.id || de("radio")), d = y(() => e.name);
+      m.target.checked && o("update:modelValue", e.value);
+    }, d = y(() => e.id || de("radio")), c = y(() => e.name);
     return () => {
       const m = [
         v("input", {
           type: "radio",
-          id: c.value,
-          name: d.value,
+          id: d.value,
+          name: c.value,
           value: String(e.value),
           checked: t.value,
           disabled: e.disabled,
-          onChange: o,
-          ...n
+          onChange: i,
+          ...s
         }),
         v(
           "label",
           {
-            for: c.value
+            for: d.value
           },
-          a.default?.()
+          n.default?.()
         )
       ];
-      return a.description && !e.chip && m.push(v("div", { class: "krds-form-check-cnt" }, v("p", { class: "krds-form-check-p" }, a.description()))), v(
+      return n.description && !e.chip && m.push(v("div", { class: "krds-form-check-cnt" }, v("p", { class: "krds-form-check-p" }, n.description()))), v(
         "div",
         {
-          class: s.value
+          class: a.value
         },
         m
       );
     };
   }
-}), _t = B({
+}), xt = B({
   name: "KrdsStepIndicator",
   props: {
     modelValue: {
@@ -1566,30 +1570,30 @@ const bt = B({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { slots: i }) {
-    const n = y(() => {
-      const c = ["krds-step-wrap"];
-      return e.class && c.push(e.class), c;
-    }), a = (c) => {
-      const d = e.modelValue || 0;
-      return c < d ? "done" : c === d ? "active" : "pending";
-    }, t = K(0), s = () => {
+  setup(e, { slots: o }) {
+    const s = y(() => {
+      const d = ["krds-step-wrap"];
+      return e.class && d.push(e.class), d;
+    }), n = (d) => {
+      const c = e.modelValue || 0;
+      return d < c ? "done" : d === c ? "active" : "pending";
+    }, t = K(0), a = () => {
       t.value = 0;
-    }, o = () => t.value++;
+    }, i = () => t.value++;
     return De("stepIndicator", {
       activeStep: y(() => e.modelValue || 0),
-      getStepStatus: a,
-      getNextStepIndex: o,
-      resetStepIndex: s
-    }), () => (s(), v(
+      getStepStatus: n,
+      getNextStepIndex: i,
+      resetStepIndex: a
+    }), () => (a(), v(
       "ol",
       {
-        class: n.value
+        class: s.value
       },
-      i.default?.()
+      o.default?.()
     ));
   }
-}), xt = B({
+}), _t = B({
   name: "KrdsStep",
   props: {
     step: {
@@ -1610,31 +1614,31 @@ const bt = B({
     }
   },
   emits: ["click"],
-  setup(e, { emit: i, slots: n }) {
-    const a = Ve("stepIndicator"), t = a ? a.getNextStepIndex() : -1, s = y(() => e.status ? e.status : a && t >= 0 ? a.getStepStatus(t) : "pending"), o = y(() => {
-      const d = [s.value];
-      return e.class && d.push(e.class), d;
-    }), c = (d) => {
-      i("click", d, e.step);
+  setup(e, { emit: o, slots: s }) {
+    const n = Ve("stepIndicator"), t = n ? n.getNextStepIndex() : -1, a = y(() => e.status ? e.status : n && t >= 0 ? n.getStepStatus(t) : "pending"), i = y(() => {
+      const c = [a.value];
+      return e.class && c.push(e.class), c;
+    }), d = (c) => {
+      o("click", c, e.step);
     };
     return () => {
-      const d = s.value === "active";
+      const c = a.value === "active";
       return v(
         "li",
         {
-          class: o.value,
-          onClick: c
+          class: i.value,
+          onClick: d
         },
         [
           v("span", [
             // 현재 단계 표시 (활성 상태일 때만)
-            d && v("em", { class: "sr-only" }, "현재단계"),
+            c && v("em", { class: "sr-only" }, "현재단계"),
             // 단계 번호
             v("i", { class: "step" }, e.step),
             // 단계 제목
             v("span", { class: "step-tit" }, e.title),
             // 슬롯 내용 (추가 콘텐츠가 있는 경우)
-            n.default?.()
+            s.default?.()
           ])
         ]
       );
@@ -1667,7 +1671,7 @@ const bt = B({
       default: "krds-skip-link"
     }
   },
-  setup(e, { slots: i }) {
+  setup(e, { slots: o }) {
     return () => v(
       "div",
       {
@@ -1680,7 +1684,7 @@ const bt = B({
           {
             href: e.href
           },
-          i.default?.()
+          o.default?.()
         )
       ]
     );
@@ -1694,27 +1698,27 @@ const bt = B({
     showHomeIcon: { type: Boolean, default: !0 }
   },
   emits: ["item-click"],
-  setup(e, { emit: i }) {
-    const n = e, a = i, t = (o) => o === n.items.length - 1, s = (o, c) => {
-      o.onClick && o.onClick(c), a("item-click", o, c);
+  setup(e, { emit: o }) {
+    const s = e, n = o, t = (i) => i === s.items.length - 1, a = (i, d) => {
+      i.onClick && i.onClick(d), n("item-click", i, d);
     };
-    return (o, c) => (S(), w("nav", {
-      id: o.id,
+    return (i, d) => (b(), S("nav", {
+      id: e.id,
       class: "krds-breadcrumb-wrap",
-      "aria-label": o.ariaLabel
+      "aria-label": e.ariaLabel
     }, [
       r("ol", Kt, [
-        (S(!0), w(F, null, N(o.items, (d, m) => (S(), w("li", {
+        (b(!0), S(F, null, N(e.items, (c, m) => (b(), S("li", {
           key: `breadcrumb-${m}`,
-          class: I({ home: m === 0 && o.showHomeIcon })
+          class: I({ home: m === 0 && e.showHomeIcon })
         }, [
           r("a", {
-            href: d.href || "#",
+            href: c.href || "#",
             class: "txt",
             "aria-current": t(m) ? "page" : void 0,
-            onClick: (g) => s(d, g)
+            onClick: (g) => a(c, g)
           }, [
-            m === 0 && o.showHomeIcon ? Y("", !0) : (S(), w("span", Vt, L(d.text), 1))
+            m === 0 && e.showHomeIcon ? Y("", !0) : (b(), S("span", Vt, L(c.text), 1))
           ], 8, Dt)
         ], 2))), 128))
       ])
@@ -1754,30 +1758,30 @@ const bt = B({
   },
   emits: ["itemClick"],
   slots: Object,
-  setup(e, { emit: i, slots: n }) {
-    const a = K(""), t = K(/* @__PURE__ */ new Map()), s = y(() => {
+  setup(e, { emit: o, slots: s }) {
+    const n = K(""), t = K(/* @__PURE__ */ new Map()), a = y(() => {
       const p = ["krds-in-page-navigation-type"];
       return e.class && p.push(e.class), p;
-    }), o = () => {
+    }), i = () => {
       const p = e.headerTopSelector, l = e.headerInnerSelector, h = document.querySelector(p)?.clientHeight || 0, u = document.querySelector(l)?.clientHeight || 0;
       return h + u;
-    }, c = (p, l) => {
-      if (i("itemClick", p, l), p.href.startsWith("#")) {
+    }, d = (p, l) => {
+      if (o("itemClick", p, l), p.href.startsWith("#")) {
         l.preventDefault();
         const h = document.querySelector(p.href);
         if (h) {
-          const u = o();
+          const u = i();
           if (window.scrollTo({
             left: 0,
             top: h.getBoundingClientRect().top + window.scrollY - u,
             behavior: "smooth"
-          }), a.value = p.href, l instanceof KeyboardEvent) {
+          }), n.value = p.href, l instanceof KeyboardEvent) {
             const f = h.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
             f && f instanceof HTMLElement && (f.setAttribute("tabindex", "-1"), f.focus({ preventScroll: !0 }));
           }
         }
       }
-    }, d = () => {
+    }, c = () => {
       t.value.clear(), e.items && e.items.filter((p) => p.href.startsWith("#")).forEach((p) => {
         const l = document.querySelector(p.href);
         l && t.value.set(p.href, l);
@@ -1790,12 +1794,12 @@ const bt = B({
         item: z
       }));
       if (f.length === 0) return;
-      const x = f[0], R = f[f.length - 1], E = x.element.offsetTop;
+      const _ = f[0], R = f[f.length - 1], E = _.element.offsetTop;
       let M = "";
       if (h >= u)
         M = R.href;
       else if (window.scrollY <= E)
-        M = x.href;
+        M = _.href;
       else
         for (const z of f) {
           const H = z.element.offsetHeight, V = z.element.offsetTop - l;
@@ -1804,17 +1808,17 @@ const bt = B({
             break;
           }
         }
-      M && M !== a.value && (a.value = M);
+      M && M !== n.value && (n.value = M);
     }, g = () => {
       if (!e.items) return;
       const p = e.items.find((l) => l.active);
-      p ? a.value = p.href : e.items.length > 0 && (a.value = e.items[0].href);
+      p ? n.value = p.href : e.items.length > 0 && (n.value = e.items[0].href);
     };
     le(() => {
       if (g(), e.autoActive) {
-        d(), m(), window.addEventListener("scroll", m, { passive: !0 });
+        c(), m(), window.addEventListener("scroll", m, { passive: !0 });
         const p = new MutationObserver(() => {
-          d();
+          c();
         });
         p.observe(document.body, {
           childList: !0,
@@ -1826,22 +1830,22 @@ const bt = B({
     }), X(() => {
       e.autoActive && (window.removeEventListener("scroll", m), t.value.clear());
     });
-    const _ = () => !e.caption && !e.title ? null : v("div", { class: "in-page-navigation-header" }, [
+    const x = () => !e.caption && !e.title ? null : v("div", { class: "in-page-navigation-header" }, [
       e.caption && v("p", { class: "quick-caption" }, e.caption),
       e.title && v("p", { class: "quick-title" }, e.title)
     ]), k = () => {
       if (!e.items) return null;
       const p = e.items.map((l) => {
-        const h = a.value === l.href || !e.autoActive && l.active;
+        const h = n.value === l.href || !e.autoActive && l.active;
         return v("li", { key: l.href }, [
           v(
             "a",
             {
               href: l.href,
               class: h ? "active" : "",
-              onClick: (u) => c(l, u),
+              onClick: (u) => d(l, u),
               onKeydown: (u) => {
-                (u.key === "Enter" || u.key === " ") && (u.preventDefault(), c(l, u));
+                (u.key === "Enter" || u.key === " ") && (u.preventDefault(), d(l, u));
               }
             },
             l.text
@@ -1849,9 +1853,9 @@ const bt = B({
         ]);
       });
       return v("nav", { class: "in-page-navigation-list" }, [v("ul", {}, p)]);
-    }, D = () => n.action ? v("div", { class: "in-page-navigation-action" }, [n.action()]) : null;
-    return () => v("div", { class: s.value }, [
-      v("div", { class: "krds-in-page-navigation-area" }, [_(), k(), D()].filter(Boolean))
+    }, D = () => s.action ? v("div", { class: "in-page-navigation-action" }, [s.action()]) : null;
+    return () => v("div", { class: a.value }, [
+      v("div", { class: "krds-in-page-navigation-area" }, [x(), k(), D()].filter(Boolean))
     ]);
   }
 }), It = ["id"], Et = { class: "page-links" }, Mt = ["href", "aria-current", "onClick"], Rt = { key: 0 }, Tt = ["aria-label"], Pt = /* @__PURE__ */ B({
@@ -1865,15 +1869,15 @@ const bt = B({
     pageRange: { default: 8 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const n = e, a = i, t = y(() => Math.max(1, n.min)), s = y(() => n.modelValue ?? t.value), o = y(() => s.value <= t.value), c = y(() => s.value >= n.max), d = y(() => {
-      if (!o.value)
+  setup(e, { emit: o }) {
+    const s = e, n = o, t = y(() => Math.max(1, s.min)), a = y(() => s.modelValue ?? t.value), i = y(() => a.value <= t.value), d = y(() => a.value >= s.max), c = y(() => {
+      if (!i.value)
         return "#";
     }), m = y(() => {
-      if (!c.value)
+      if (!d.value)
         return "#";
     }), g = y(() => {
-      const { pageRange: p, max: l } = n, h = 1, u = [];
+      const { pageRange: p, max: l } = s, h = 1, u = [];
       if (l <= p + 2 * h)
         for (let f = t.value; f <= l; f++)
           u.push({
@@ -1883,7 +1887,7 @@ const bt = B({
             href: "#"
           });
       else {
-        const f = Math.min(h, l), x = Math.max(l - h + 1, 1), R = Math.max(t.value, s.value - Math.floor(p / 2)), E = Math.min(l, R + p - 1), M = Math.max(t.value, E - p + 1);
+        const f = Math.min(h, l), _ = Math.max(l - h + 1, 1), R = Math.max(t.value, a.value - Math.floor(p / 2)), E = Math.min(l, R + p - 1), M = Math.max(t.value, E - p + 1);
         for (let V = t.value; V <= f; V++)
           u.push({
             type: "page",
@@ -1896,7 +1900,7 @@ const bt = B({
           key: "ellipsis-left",
           ariaLabel: "페이지 생략"
         });
-        const z = Math.max(M, f + 1), H = Math.min(E, x - 1);
+        const z = Math.max(M, f + 1), H = Math.min(E, _ - 1);
         for (let V = z; V <= H; V++)
           u.push({
             type: "page",
@@ -1904,12 +1908,12 @@ const bt = B({
             page: V,
             href: "#"
           });
-        E < x - 1 && u.push({
+        E < _ - 1 && u.push({
           type: "ellipsis",
           key: "ellipsis-right",
           ariaLabel: "페이지 생략"
         });
-        for (let V = x; V <= l; V++)
+        for (let V = _; V <= l; V++)
           u.push({
             type: "page",
             key: `page-${V}`,
@@ -1918,36 +1922,36 @@ const bt = B({
           });
       }
       return u;
-    }), _ = (p, l) => {
-      if (p === s.value) {
+    }), x = (p, l) => {
+      if (p === a.value) {
         l.preventDefault();
         return;
       }
-      a("update:modelValue", p);
+      n("update:modelValue", p);
     }, k = (p) => {
-      if (o.value) {
+      if (i.value) {
         p.preventDefault();
         return;
       }
-      const l = s.value - 1;
-      a("update:modelValue", l);
+      const l = a.value - 1;
+      n("update:modelValue", l);
     }, D = (p) => {
-      if (c.value) {
+      if (d.value) {
         p.preventDefault();
         return;
       }
-      const l = s.value + 1;
-      a("update:modelValue", l);
+      const l = a.value + 1;
+      n("update:modelValue", l);
     };
     return (p, l) => {
       const h = ze("sr-only");
-      return S(), w("div", {
-        id: p.id,
+      return b(), S("div", {
+        id: e.id,
         class: "krds-pagination"
       }, [
-        (S(), oe(ye(o.value ? "span" : "a"), {
-          href: o.value ? void 0 : d.value,
-          class: I(["page-navi", "prev", { disabled: o.value }]),
+        (b(), oe(ye(i.value ? "span" : "a"), {
+          href: i.value ? void 0 : c.value,
+          class: I(["page-navi", "prev", { disabled: i.value }]),
           onClick: k
         }, {
           default: ie(() => [...l[0] || (l[0] = [
@@ -1956,32 +1960,32 @@ const bt = B({
           _: 1
         }, 8, ["href", "class"])),
         r("div", Et, [
-          (S(!0), w(F, null, N(g.value, (u) => (S(), w(F, {
+          (b(!0), S(F, null, N(g.value, (u) => (b(), S(F, {
             key: u.key
           }, [
-            u.type === "page" ? (S(), w("a", {
+            u.type === "page" ? (b(), S("a", {
               key: 0,
               href: u.href || "#",
-              class: I(["page-link", { active: u.page === s.value }]),
-              "aria-current": u.page === s.value ? "page" : void 0,
-              onClick: (f) => _(u.page, f)
+              class: I(["page-link", { active: u.page === a.value }]),
+              "aria-current": u.page === a.value ? "page" : void 0,
+              onClick: (f) => x(u.page, f)
             }, [
-              u.page === s.value ? Q((S(), w("span", Rt, [...l[1] || (l[1] = [
+              u.page === a.value ? Q((b(), S("span", Rt, [...l[1] || (l[1] = [
                 A("현재페이지", -1)
               ])])), [
                 [h]
               ]) : Y("", !0),
               A(" " + L(u.page), 1)
-            ], 10, Mt)) : u.type === "ellipsis" ? (S(), w("span", {
+            ], 10, Mt)) : u.type === "ellipsis" ? (b(), S("span", {
               key: 1,
               class: "page-link link-dot",
               "aria-label": u.ariaLabel
             }, null, 8, Tt)) : Y("", !0)
           ], 64))), 128))
         ]),
-        (S(), oe(ye(c.value ? "span" : "a"), {
-          href: c.value ? void 0 : m.value,
-          class: I(["page-navi", "next", { disabled: c.value }]),
+        (b(), oe(ye(d.value ? "span" : "a"), {
+          href: d.value ? void 0 : m.value,
+          class: I(["page-navi", "next", { disabled: d.value }]),
           onClick: D
         }, {
           default: ie(() => [...l[2] || (l[2] = [
@@ -1998,21 +2002,21 @@ const bt = B({
     modelValue: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const n = e, a = i, t = y({
-      get: () => n.modelValue,
-      set: (c) => a("update:modelValue", c)
-    }), s = () => {
+  setup(e, { emit: o }) {
+    const s = e, n = o, t = y({
+      get: () => s.modelValue,
+      set: (d) => n("update:modelValue", d)
+    }), a = () => {
       t.value = !0;
-    }, o = () => {
+    }, i = () => {
       t.value = !1;
     };
-    return (c, d) => (S(), w("div", At, [
+    return (d, c) => (b(), S("div", At, [
       r("button", {
         type: "button",
         class: "krds-btn small tertiary btn-help-panel expand btn-help-exec",
-        onClick: s
-      }, [...d[0] || (d[0] = [
+        onClick: a
+      }, [...c[0] || (c[0] = [
         r("i", { class: "svg-icon ico-fold" }, null, -1),
         A(" 도움말 ", -1)
       ])]),
@@ -2021,12 +2025,12 @@ const bt = B({
       }, [
         r("div", Ft, [
           r("div", Ot, [
-            J(c.$slots, "default"),
+            J(d.$slots, "default"),
             r("button", {
               type: "button",
               class: "krds-btn small tertiary btn-help-panel fold",
-              onClick: o
-            }, [...d[1] || (d[1] = [
+              onClick: i
+            }, [...c[1] || (c[1] = [
               r("span", { class: "sr-only" }, "도움말", -1),
               A(" 접어두기 ", -1),
               r("i", { class: "svg-icon ico-angle right" }, null, -1)
@@ -2050,24 +2054,24 @@ const bt = B({
     position: { default: "top left" }
   },
   setup(e) {
-    const i = e, n = K(), a = K(), t = K(), s = K(), o = K(!1), c = () => {
-      const l = o.value;
-      g(), l || d();
-    }, d = () => {
-      if (!t.value || !a.value) return;
-      o.value = !0, t.value.style.display = "block", a.value.setAttribute("aria-expanded", "true"), t.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), _();
+    const o = e, s = K(), n = K(), t = K(), a = K(), i = K(!1), d = () => {
+      const l = i.value;
+      g(), l || c();
+    }, c = () => {
+      if (!t.value || !n.value) return;
+      i.value = !0, t.value.style.display = "block", n.value.setAttribute("aria-expanded", "true"), t.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), x();
     }, m = () => {
-      !t.value || !a.value || (o.value = !1, t.value.style.display = "none", a.value.setAttribute("aria-expanded", "false"));
+      !t.value || !n.value || (i.value = !1, t.value.style.display = "none", n.value.setAttribute("aria-expanded", "false"));
     }, g = () => {
       const l = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), h = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
       l.forEach((u) => {
         u.style.display = "none";
       }), h.forEach((u) => {
         u.setAttribute("aria-expanded", "false");
-      }), o.value = !1;
-    }, _ = () => {
-      if (!n.value || !t.value) return;
-      const l = window.innerWidth <= 768, h = n.value.querySelector(".tooltip-action");
+      }), i.value = !1;
+    }, x = () => {
+      if (!s.value || !t.value) return;
+      const l = window.innerWidth <= 768, h = s.value.querySelector(".tooltip-action");
       if (l) {
         const f = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], R = h.getBoundingClientRect().left - parseInt(f), E = document.body.clientWidth - parseInt(f) * 2;
         t.value.style.left = `-${R}px`, t.value.style.width = `${E}px`;
@@ -2078,27 +2082,27 @@ const bt = B({
     }, D = (l) => {
       l.target.closest(".tooltip-action") || g();
     }, p = () => {
-      o.value && _();
+      i.value && x();
     };
     return le(() => {
-      n.value && (a.value && a.value.setAttribute("aria-expanded", "false"), t.value && t.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", k), document.addEventListener("click", D), window.addEventListener("resize", p));
+      s.value && (n.value && n.value.setAttribute("aria-expanded", "false"), t.value && t.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", k), document.addEventListener("click", D), window.addEventListener("resize", p));
     }), X(() => {
       document.removeEventListener("keydown", k), document.removeEventListener("click", D), window.removeEventListener("resize", p);
-    }), (l, h) => (S(), w("div", {
+    }), (l, h) => (b(), S("div", {
       ref_key: "containerRef",
-      ref: n,
-      class: I(["krds-contextual-help", i.position])
+      ref: s,
+      class: I(["krds-contextual-help", o.position])
     }, [
       r("div", Nt, [
         r("button", {
           ref_key: "tooltipBtnRef",
-          ref: a,
+          ref: n,
           type: "button",
           class: "krds-btn medium icon tooltip-btn",
-          onClick: c
+          onClick: d
         }, [
           h[0] || (h[0] = r("span", { class: "sr-only" }, "도움말", -1)),
-          i.helpIcon ? (S(), w("i", Ht)) : (S(), w("i", jt))
+          o.helpIcon ? (b(), S("i", Ht)) : (b(), S("i", jt))
         ], 512),
         r("div", {
           ref_key: "tooltipPopoverRef",
@@ -2106,13 +2110,13 @@ const bt = B({
           class: "tooltip-popover",
           role: "tooltip"
         }, [
-          r("h4", Wt, L(i.tooltipTitle), 1),
+          r("h4", Wt, L(o.tooltipTitle), 1),
           r("div", Yt, [
             J(l.$slots, "default")
           ]),
           r("button", {
             ref_key: "closeBtnRef",
-            ref: s,
+            ref: a,
             type: "button",
             class: "krds-btn xsmall icon tooltip-close",
             onClick: m
@@ -2139,57 +2143,57 @@ const bt = B({
     id: {}
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: i }) {
-    const n = e, a = y(() => {
-      const d = n.activeStep - 1;
-      return n.stepsData && d >= 0 && d < n.stepsData.length ? n.stepsData[d] : null;
-    }), t = i, s = () => {
-      n.activeStep > 1 && t("update:modelValue", n.activeStep - 1);
-    }, o = () => {
-      n.activeStep < n.stepsData.length && t("update:modelValue", n.activeStep + 1);
-    }, c = () => {
+  setup(e, { emit: o }) {
+    const s = e, n = y(() => {
+      const c = s.activeStep - 1;
+      return s.stepsData && c >= 0 && c < s.stepsData.length ? s.stepsData[c] : null;
+    }), t = o, a = () => {
+      s.activeStep > 1 && t("update:modelValue", s.activeStep - 1);
+    }, i = () => {
+      s.activeStep < s.stepsData.length && t("update:modelValue", s.activeStep + 1);
+    }, d = () => {
       t("close");
     };
-    return (d, m) => (S(), w("div", {
-      class: I(["krds-coach-mark", d.coachMarkClass]),
-      style: ae(d.style)
+    return (c, m) => (b(), S("div", {
+      class: I(["krds-coach-mark", e.coachMarkClass]),
+      style: ae(e.style)
     }, [
-      d.modelValue === d.activeStep && a.value ? (S(), w("div", Ut, [
+      e.modelValue === e.activeStep && n.value ? (b(), S("div", Ut, [
         m[2] || (m[2] = r("h5", { class: "sr-only" }, "따라하기 가이드", -1)),
-        r("h6", Xt, L(d.activeStep) + "단계 : " + L(a.value.title), 1),
-        r("p", Jt, L(a.value.description), 1),
+        r("h6", Xt, L(e.activeStep) + "단계 : " + L(n.value.title), 1),
+        r("p", Jt, L(n.value.description), 1),
         r("div", Qt, [
           r("div", Zt, [
             m[0] || (m[0] = r("span", { class: "sr-only" }, "현재 단계", -1)),
-            r("strong", null, L(d.activeStep), 1),
+            r("strong", null, L(e.activeStep), 1),
             m[1] || (m[1] = r("span", { class: "sr-only" }, "총 단계", -1)),
-            r("span", null, L(d.stepsData.length), 1)
+            r("span", null, L(e.stepsData.length), 1)
           ]),
           r("div", el, [
             r("button", {
               type: "button",
               class: "krds-btn small text",
-              onClick: c
+              onClick: d
             }, "그만보기"),
-            d.activeStep !== 1 ? (S(), w("button", {
+            e.activeStep !== 1 ? (b(), S("button", {
               key: 0,
               type: "button",
               class: "krds-btn small text",
-              onClick: s
+              onClick: a
             }, "이전으로")) : Y("", !0),
-            d.activeStep !== d.stepsData.length ? (S(), w("button", {
+            e.activeStep !== e.stepsData.length ? (b(), S("button", {
               key: 1,
               type: "button",
               class: "krds-btn small tertiary",
-              onClick: o
+              onClick: i
             }, "다음으로")) : Y("", !0)
           ])
         ])
       ])) : Y("", !0),
-      J(d.$slots, "coach-mark-content")
+      J(c.$slots, "coach-mark-content")
     ], 6));
   }
-}), ll = ["disabled", "aria-labelledby"], al = ["id", "aria-hidden"], sl = { class: "sr-only" }, nl = /* @__PURE__ */ B({
+}), ll = ["disabled", "aria-labelledby"], al = ["id", "aria-hidden"], nl = { class: "sr-only" }, sl = /* @__PURE__ */ B({
   __name: "KrdsTooltip",
   props: {
     type: { default: "default" },
@@ -2202,50 +2206,50 @@ const bt = B({
     id: {}
   },
   setup(e) {
-    const i = e, n = K(null), a = K(null), t = K(!1), s = K({}), o = K(`tooltip-popover-${Math.random().toString(36).substring(2, 9)}`), c = K(!1), d = y(() => {
+    const o = e, s = K(null), n = K(null), t = K(!1), a = K({}), i = K(`tooltip-popover-${Math.random().toString(36).substring(2, 9)}`), d = K(!1), c = y(() => {
       const f = ["krds-btn", "krds-tooltip"];
-      return i.type === "default" ? f.push("small", "text") : i.type === "icon" ? f.push("icon") : i.type === "button" && f.push(""), !i.box && i.vertical && f.push("tooltip-vertical"), i.box && !i.vertical && f.push("tooltip-box"), f.join(" ");
+      return o.type === "default" ? f.push("small", "text") : o.type === "icon" ? f.push("icon") : o.type === "button" && f.push(""), !o.box && o.vertical && f.push("tooltip-vertical"), o.box && !o.vertical && f.push("tooltip-box"), f.join(" ");
     }), m = y(() => {
       const f = [];
-      return i.box && f.push("tooltip-box"), i.vertical && f.push("tooltip-vertical"), t.value && f.push("active"), f;
-    }), g = y(() => n.value?.querySelector("button")?.textContent?.trim() || ""), _ = () => window.innerWidth <= 768, k = () => {
-      if (!n.value || !a.value) return;
-      const f = n.value.querySelector("button");
+      return o.box && f.push("tooltip-box"), o.vertical && f.push("tooltip-vertical"), t.value && f.push("active"), f;
+    }), g = y(() => s.value?.querySelector("button")?.textContent?.trim() || ""), x = () => window.innerWidth <= 768, k = () => {
+      if (!s.value || !n.value) return;
+      const f = s.value.querySelector("button");
       if (!f) return;
-      const x = 12, { clientHeight: R, clientWidth: E } = a.value, { top: M, left: z, right: H, height: V, width: j } = f.getBoundingClientRect(), Z = window.innerWidth / 2, se = window.innerHeight / 2;
+      const _ = 12, { clientHeight: R, clientWidth: E } = n.value, { top: M, left: z, right: H, height: V, width: j } = f.getBoundingClientRect(), Z = window.innerWidth / 2, ne = window.innerHeight / 2;
       let U, O;
       const q = [];
-      c.value || i.box || i.vertical ? (M + V > se ? (U = M - R - x, q.push("top")) : (U = M + V + x, q.push("bottom")), z + j > Z ? (O = H - E, q.push("right"), window.innerWidth - (z + j) > E / 2 && (O = z + (j - E) / 2, q.splice(q.indexOf("right"), 1))) : (O = z + (j - E) / 2, O < 0 && (O = z, q.push("left")))) : (U = M + (V - R) / 2, z + j > Z ? (O = z - E - x, q.push("right")) : O = H + x);
+      d.value || o.box || o.vertical ? (M + V > ne ? (U = M - R - _, q.push("top")) : (U = M + V + _, q.push("bottom")), z + j > Z ? (O = H - E, q.push("right"), window.innerWidth - (z + j) > E / 2 && (O = z + (j - E) / 2, q.splice(q.indexOf("right"), 1))) : (O = z + (j - E) / 2, O < 0 && (O = z, q.push("left")))) : (U = M + (V - R) / 2, z + j > Z ? (O = z - E - _, q.push("right")) : O = H + _);
       const ee = window.innerWidth <= 420;
-      s.value = {
+      a.value = {
         top: `${U}px`,
         left: ee ? "50%" : `${O}px`,
         transform: ee ? "translateX(-50%)" : "none"
-      }, a.value && (a.value.className = `krds-tooltip-popover ${q.join(" ")} ${m.value.join(" ")}`);
+      }, n.value && (n.value.className = `krds-tooltip-popover ${q.join(" ")} ${m.value.join(" ")}`);
     }, D = async () => {
-      i.disabled || !i.tooltipContent || (t.value = !0, await Le(), k());
+      o.disabled || !o.tooltipContent || (t.value = !0, await Le(), k());
     }, p = () => {
-      t.value = !1, s.value = {};
+      t.value = !1, a.value = {};
     }, l = (f) => {
       (f.key === "Escape" || f.key === "Esc") && t.value && p();
     }, h = () => {
-      c.value = _(), t.value && p();
+      d.value = x(), t.value && p();
     }, u = () => {
       t.value && p();
     };
     return le(() => {
-      c.value = _(), document.addEventListener("keydown", l), window.addEventListener("scroll", u), window.addEventListener("resize", h);
+      d.value = x(), document.addEventListener("keydown", l), window.addEventListener("scroll", u), window.addEventListener("resize", h);
     }), X(() => {
       document.removeEventListener("keydown", l), window.removeEventListener("scroll", u), window.removeEventListener("resize", h);
-    }), (f, x) => (S(), w("div", {
+    }), (f, _) => (b(), S("div", {
       ref_key: "containerRef",
-      ref: n
+      ref: s
     }, [
       r("button", {
         type: "button",
-        class: I(d.value),
-        disabled: f.disabled,
-        "aria-labelledby": o.value,
+        class: I(c.value),
+        disabled: e.disabled,
+        "aria-labelledby": i.value,
         onMouseover: D,
         onMouseout: p,
         onFocusin: D,
@@ -2254,16 +2258,16 @@ const bt = B({
         J(f.$slots, "default")
       ], 42, ll),
       Q(r("div", {
-        id: o.value,
+        id: i.value,
         ref_key: "popoverRef",
-        ref: a,
+        ref: n,
         class: I(["krds-tooltip-popover", m.value]),
-        style: ae(s.value),
+        style: ae(a.value),
         "aria-hidden": !t.value,
         role: "tooltip"
       }, [
-        r("span", sl, L(g.value), 1),
-        A(" " + L(f.tooltipContent), 1)
+        r("span", nl, L(g.value), 1),
+        A(" " + L(e.tooltipContent), 1)
       ], 14, al), [
         [te, t.value]
       ])
@@ -2290,54 +2294,54 @@ const bt = B({
     id: {}
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: i }) {
-    const n = e, a = i, t = K(!1), s = K(), o = K(), c = () => {
-      t.value = !t.value, t.value && s.value && g();
-    }, d = () => {
+  setup(e, { emit: o }) {
+    const s = e, n = o, t = K(!1), a = K(), i = K(), d = () => {
+      t.value = !t.value, t.value && a.value && g();
+    }, c = () => {
       t.value = !1;
     }, m = (l) => {
-      a("update:modelValue", l), d(), a("close"), o.value?.focus();
+      n("update:modelValue", l), c(), n("close"), i.value?.focus();
     }, g = () => {
-      if (!s.value) return;
-      const l = s.value.querySelector(".drop-menu");
+      if (!a.value) return;
+      const l = a.value.querySelector(".drop-menu");
       if (!l) return;
       const h = l.getBoundingClientRect(), u = window.innerWidth;
-      s.value.classList.remove("drop-left", "drop-right"), h.left < 0 ? s.value.classList.add("drop-left") : u < h.left + h.width && s.value.classList.add("drop-right");
-    }, _ = (l) => {
-      l.key === "Escape" && (d(), o.value?.focus());
+      a.value.classList.remove("drop-left", "drop-right"), h.left < 0 ? a.value.classList.add("drop-left") : u < h.left + h.width && a.value.classList.add("drop-right");
+    }, x = (l) => {
+      l.key === "Escape" && (c(), i.value?.focus());
     }, k = (l) => {
-      s.value?.contains(l.target) || d();
+      a.value?.contains(l.target) || c();
     }, D = (l) => {
-      s.value?.contains(l.relatedTarget) || d();
+      a.value?.contains(l.relatedTarget) || c();
     }, p = (l) => {
-      if (!s.value) return;
-      s.value.querySelectorAll(".drop-list .item-link").forEach((f) => {
+      if (!a.value) return;
+      a.value.querySelectorAll(".drop-list .item-link").forEach((f) => {
         f.style.position = "relative", f.style.zIndex = "0";
       });
       const u = l.target;
       u.style.zIndex = "1";
     };
     return ue(t, (l) => {
-      l ? (document.addEventListener("keydown", _), document.addEventListener("click", k)) : (document.removeEventListener("keydown", _), document.removeEventListener("click", k));
+      l ? (document.addEventListener("keydown", x), document.addEventListener("click", k)) : (document.removeEventListener("keydown", x), document.removeEventListener("click", k));
     }), X(() => {
-      document.removeEventListener("keydown", _), document.removeEventListener("click", k);
-    }), (l, h) => (S(), w("div", {
+      document.removeEventListener("keydown", x), document.removeEventListener("click", k);
+    }), (l, h) => (b(), S("div", {
       ref_key: "dropdownRef",
-      ref: s,
+      ref: a,
       class: I(["krds-drop-wrap krds-language", {
         active: t.value,
-        "drop-left": n.dropPosition === "left",
-        "drop-right": n.dropPosition === "right"
+        "drop-left": s.dropPosition === "left",
+        "drop-right": s.dropPosition === "right"
       }]),
       onFocusout: D
     }, [
       r("button", {
         ref_key: "buttonRef",
-        ref: o,
+        ref: i,
         type: "button",
         class: I(["krds-btn small text drop-btn", { active: t.value }]),
         "aria-expanded": t.value,
-        onClick: c
+        onClick: d
       }, [
         h[0] || (h[0] = r("i", { class: "svg-icon ico-global" }, null, -1)),
         J(l.$slots, "default"),
@@ -2348,27 +2352,27 @@ const bt = B({
         style: ae({ display: t.value ? "block" : "none" })
       }, [
         r("div", il, [
-          l.$slots["prev-item"] ? (S(), w("div", rl, [
+          l.$slots["prev-item"] ? (b(), S("div", rl, [
             J(l.$slots, "prev-item")
           ])) : Y("", !0),
-          n.type === "default" ? (S(), w("ul", ul, [
-            (S(!0), w(F, null, N(l.languageList, (u) => (S(), w("li", {
+          s.type === "default" ? (b(), S("ul", ul, [
+            (b(!0), S(F, null, N(e.languageList, (u) => (b(), S("li", {
               key: u.code
             }, [
               r("a", {
                 href: "#",
-                class: I(["item-link", { active: n.modelValue === u.code }]),
+                class: I(["item-link", { active: s.modelValue === u.code }]),
                 lang: u.code,
-                "aria-selected": n.modelValue === u.code,
+                "aria-selected": s.modelValue === u.code,
                 onClick: re((f) => m(u.code), ["prevent"]),
                 onFocus: p
               }, [
                 A(L(u.name) + " ", 1),
-                r("span", cl, L(n.modelValue === u.code ? "선택됨" : ""), 1)
+                r("span", cl, L(s.modelValue === u.code ? "선택됨" : ""), 1)
               ], 42, dl)
             ]))), 128))
-          ])) : n.type === "external" ? (S(), w("ul", fl, [
-            (S(!0), w(F, null, N(l.languageList, (u) => (S(), w("li", {
+          ])) : s.type === "external" ? (b(), S("ul", fl, [
+            (b(!0), S(F, null, N(e.languageList, (u) => (b(), S("li", {
               key: u.code
             }, [
               r("a", {
@@ -2391,30 +2395,30 @@ const bt = B({
 }), hl = { class: "drop-in" }, ml = { class: "drop-list" }, yl = ["data-adjust-scale", "onClick"], gl = { class: "drop-bottom" }, kl = /* @__PURE__ */ B({
   __name: "KrdsResize",
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: i }) {
-    const n = i, a = K(!1), t = K(), s = K(), o = K("md"), c = [
+  setup(e, { emit: o }) {
+    const s = o, n = K(!1), t = K(), a = K(), i = K("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" }
-    ], d = () => {
-      a.value = !a.value, a.value && t.value && k();
+    ], c = () => {
+      n.value = !n.value, n.value && t.value && k();
     }, m = () => {
-      a.value = !1;
+      n.value = !1;
     }, g = (u) => {
-      m(), n("close"), s.value?.focus(), o.value = u.key, document.body.style.zoom = u?.zoom;
-    }, _ = () => {
-      const u = c.find((f) => f.key === "md");
+      m(), s("close"), a.value?.focus(), i.value = u.key, document.body.style.zoom = u?.zoom;
+    }, x = () => {
+      const u = d.find((f) => f.key === "md");
       u && g(u);
     }, k = () => {
       if (!t.value) return;
       const u = t.value.querySelector(".drop-menu");
       if (!u) return;
-      const f = u.getBoundingClientRect(), x = window.innerWidth;
-      t.value.classList.remove("drop-left", "drop-right"), f.left < 0 ? t.value.classList.add("drop-left") : x < f.left + f.width && t.value.classList.add("drop-right");
+      const f = u.getBoundingClientRect(), _ = window.innerWidth;
+      t.value.classList.remove("drop-left", "drop-right"), f.left < 0 ? t.value.classList.add("drop-left") : _ < f.left + f.width && t.value.classList.add("drop-right");
     }, D = (u) => {
-      u.key === "Escape" && (m(), s.value?.focus());
+      u.key === "Escape" && (m(), a.value?.focus());
     }, p = (u) => {
       t.value?.contains(u.target) || m();
     }, l = (u) => {
@@ -2424,14 +2428,14 @@ const bt = B({
       t.value.querySelectorAll(".drop-list .item-link").forEach((R) => {
         R.style.position = "relative", R.style.zIndex = "0";
       });
-      const x = u.target;
-      x.style.zIndex = "1";
+      const _ = u.target;
+      _.style.zIndex = "1";
     };
-    return ue(a, (u) => {
+    return ue(n, (u) => {
       u ? (document.addEventListener("keydown", D), document.addEventListener("click", p)) : (document.removeEventListener("keydown", D), document.removeEventListener("click", p));
     }), X(() => {
       document.removeEventListener("keydown", D), document.removeEventListener("click", p);
-    }), (u, f) => (S(), w("div", {
+    }), (u, f) => (b(), S("div", {
       ref_key: "dropdownRef",
       ref: t,
       class: "krds-drop-wrap krds-resize",
@@ -2440,30 +2444,30 @@ const bt = B({
     }, [
       r("button", {
         ref_key: "buttonRef",
-        ref: s,
+        ref: a,
         type: "button",
         class: "krds-btn small text drop-btn",
-        onClick: d
+        onClick: c
       }, [...f[0] || (f[0] = [
         A(" 화면크기 ", -1),
         r("i", { class: "svg-icon ico-toggle" }, null, -1)
       ])], 512),
       r("div", {
         class: "drop-menu",
-        style: ae({ display: a.value ? "block" : "none" })
+        style: ae({ display: n.value ? "block" : "none" })
       }, [
         r("div", hl, [
           r("ul", ml, [
-            (S(), w(F, null, N(c, (x) => r("li", {
-              key: x.key
+            (b(), S(F, null, N(d, (_) => r("li", {
+              key: _.key
             }, [
               r("button", {
                 type: "button",
-                class: I(["item-link", [x.key, x.key === o.value ? "active" : ""]]),
-                "data-adjust-scale": x.key,
-                onClick: re((R) => g(x), ["prevent"]),
+                class: I(["item-link", [_.key, _.key === i.value ? "active" : ""]]),
+                "data-adjust-scale": _.key,
+                onClick: re((R) => g(_), ["prevent"]),
                 onFocus: h
-              }, L(x.label), 43, yl)
+              }, L(_.label), 43, yl)
             ])), 64))
           ]),
           r("div", gl, [
@@ -2471,7 +2475,7 @@ const bt = B({
               type: "button",
               class: "krds-btn medium text",
               "data-adjust-scale": "md",
-              onClick: re(_, ["prevent"]),
+              onClick: re(x, ["prevent"]),
               onFocus: h
             }, [...f[1] || (f[1] = [
               r("i", { class: "svg-icon ico-reset" }, null, -1),
@@ -2510,19 +2514,19 @@ const bt = B({
   KrdsSelect: vt,
   KrdsSkipLink: Bt,
   KrdsSpinner: we,
-  KrdsStep: xt,
-  KrdsStepIndicator: _t,
+  KrdsStep: _t,
+  KrdsStepIndicator: xt,
   KrdsTag: mt,
   KrdsTagGroup: yt,
   KrdsTextarea: ft,
   KrdsToggleSwitch: bt,
-  KrdsTooltip: nl
+  KrdsTooltip: sl
 }, Symbol.toStringTag, { value: "Module" })), fe = {
-  mounted(e, i) {
-    i.value !== !1 && e.classList.add("sr-only");
+  mounted(e, o) {
+    o.value !== !1 && e.classList.add("sr-only");
   },
-  updated(e, i) {
-    i.value === !1 ? e.classList.remove("sr-only") : e.classList.add("sr-only");
+  updated(e, o) {
+    o.value === !1 ? e.classList.remove("sr-only") : e.classList.add("sr-only");
   },
   unmounted(e) {
     e.classList.remove("sr-only");
@@ -2538,15 +2542,15 @@ const bt = B({
   installDirectives: Ce,
   vSrOnly: fe
 }, Symbol.toStringTag, { value: "Module" })), wl = {
-  install(e, i = {}) {
-    e.provide("krds:config", i);
-    const n = i.components || Object.keys(ge);
-    n.forEach((a) => {
-      const t = ge[a];
-      t && e.component(a, t);
+  install(e, o = {}) {
+    e.provide("krds:config", o);
+    const s = o.components || Object.keys(ge);
+    s.forEach((n) => {
+      const t = ge[n];
+      t && e.component(n, t);
     }), typeof be == "object" && be !== null && Ce(e), e.config.globalProperties.$krds = {
       version: "__VERSION__"
-    }, process.env.NODE_ENV !== "production" && console.log(`[KRDS Vue] v__VERSION__ 설치 완료 - 컴포넌트: ${n.length}개`);
+    }, process.env.NODE_ENV !== "production" && console.log(`[KRDS Vue] v__VERSION__ 설치 완료 - 컴포넌트: ${s.length}개`);
   }
 }, Cl = "__VERSION__";
 export {
@@ -2576,13 +2580,13 @@ export {
   vt as KrdsSelect,
   Bt as KrdsSkipLink,
   we as KrdsSpinner,
-  xt as KrdsStep,
-  _t as KrdsStepIndicator,
+  _t as KrdsStep,
+  xt as KrdsStepIndicator,
   mt as KrdsTag,
   yt as KrdsTagGroup,
   ft as KrdsTextarea,
   bt as KrdsToggleSwitch,
-  nl as KrdsTooltip,
+  sl as KrdsTooltip,
   ce as classNames,
   wl as default,
   de as generateId,