yuyeon 0.3.2-rc.3 → 0.3.2-rc.5

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var ur = Object.defineProperty;
 var cr = (e, t, n) => t in e ? ur(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => cr(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ne, capitalize as sr, inject as ue, computed as k, shallowRef as re, watchEffect as We, ref as I, provide as ce, h as se, watch as R, onScopeDispose as Ce, effectScope as hn, toRaw as dr, toRef as oe, onBeforeUnmount as Tt, reactive as Ee, onMounted as gn, nextTick as ye, resolveDynamicComponent as fr, toRefs as vr, createVNode as d, withDirectives as ze, mergeProps as W, resolveDirective as Et, unref as ve, readonly as Qt, onBeforeMount as ka, Fragment as X, createTextVNode as Ot, withKeys as yr, Transition as Mt, withModifiers as bn, Teleport as mr, vShow as wn, watchPostEffect as hr, defineComponent as pn, resolveComponent as gr, onBeforeUpdate as br, isVNode as It } from "vue";
+import { getCurrentInstance as ne, capitalize as sr, inject as ue, computed as k, shallowRef as re, watchEffect as We, ref as I, provide as ce, h as se, watch as R, onScopeDispose as Ce, effectScope as hn, toRaw as dr, toRef as oe, onBeforeUnmount as Tt, reactive as Ee, onMounted as gn, nextTick as ye, resolveDynamicComponent as fr, createVNode as d, withDirectives as ze, mergeProps as W, resolveDirective as Et, unref as ve, readonly as Qt, onBeforeMount as ka, Fragment as X, createTextVNode as Ot, withKeys as vr, Transition as Mt, toRefs as yr, withModifiers as bn, Teleport as mr, vShow as wn, watchPostEffect as hr, defineComponent as pn, resolveComponent as gr, onBeforeUpdate as br, isVNode as It } from "vue";
 function Je(e, t) {
   return e ? Object.prototype.hasOwnProperty.call(e, t) : !1;
 }
@@ -574,2257 +574,2070 @@ const Pa = {
     Ba(e);
   }
 }, Nr = /rgb(a?)\((?<v>.*)\)/, Vr = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
-function Cn(e, t = 0, n = {
-  leading: !1,
-  trailing: !0
-}) {
-  let a, i, r = 0, l, o, c, s = 0, u = !1, h = !1, y = !0;
-  if (typeof e != "function")
-    throw new TypeError("NOT Function");
-  t = +t || 0, wr(n) && (u = !!n.leading, h = "maxWait" in n, r = h ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, y = "trailing" in n ? !!n.trailing : y);
-  function x(m) {
-    const _ = a, M = i;
-    return a = i = void 0, s = m, l = e.apply(M, _), l;
-  }
-  function C(m) {
-    return s = m, o = window.setTimeout(f, t), u ? x(m) : l;
-  }
-  function S(m) {
-    var _ = m - (c ?? 0), M = m - (s ?? 0), P = t - _;
-    return h ? Math.min(P, (r ?? 0) - M) : P;
-  }
-  function v(m) {
-    var _ = m - (c ?? 0), M = m - (s ?? 0);
-    return c === void 0 || _ >= t || _ < 0 || h && M >= (r ?? 0);
-  }
-  function f() {
-    const m = Date.now();
-    if (v(m))
-      return b(m);
-    o = window.setTimeout(f, S(m));
-  }
-  function b(m) {
-    return o = void 0, y && a ? x(m) : (a = i = void 0, l);
-  }
-  function p() {
-    o !== void 0 && clearTimeout(o), s = 0, a = c = i = o = void 0;
-  }
-  function g() {
-    return o === void 0 ? l : b(Date.now());
-  }
-  function w() {
-    const m = Date.now(), _ = v(m);
-    if (a = arguments, i = this, c = m, _) {
-      if (o === void 0)
-        return C(c);
-      if (h)
-        return clearTimeout(o), o = window.setTimeout(f, t), x(c);
+function an(e) {
+  if (e && e[0] === "#") {
+    const t = e.substring(1, e.length), n = t.length, a = [];
+    if (n === 3 || n === 6) {
+      const i = n === 6 ? 2 : 1;
+      for (let r = 0; r < 3; r += 1) {
+        const l = t.substring(
+          r * i,
+          r * i + i
+        );
+        a.push(Number.parseInt(l, 16));
+      }
+      return a;
     }
-    return o === void 0 && (o = window.setTimeout(f, t)), l;
   }
-  return w.cancel = p, w.flush = g, w;
-}
-function kn(e) {
-  const t = e.getRootNode();
-  return t !== document && t.getRootNode({ composed: !0 }) !== document ? null : t;
-}
-function Lr(e, t, n) {
-  if (!e)
-    return !1;
-  const a = kn(t);
-  if (typeof ShadowRoot < "u" && a instanceof ShadowRoot && a.host === e.target)
-    return !1;
-  const i = [];
-  return i.push(t), !i.some((r) => r == null ? void 0 : r.contains(e.target));
-}
-function Rr(e) {
-  const t = e.getBoundingClientRect(), n = getComputedStyle(e), a = n.transform;
-  if (a) {
-    let i, r, l, o;
-    if (a.startsWith("matrix3d(")) {
-      const x = a.slice(9, -1).split(/, /);
-      i = +x[0], r = +x[5], l = +x[12], o = +x[13];
-    } else if (a.startsWith("matrix(")) {
-      const x = a.slice(7, -1).split(/, /);
-      i = +x[0], r = +x[3], l = +x[4], o = +x[5];
-    } else
-      return t;
-    const c = n.transformOrigin, s = t.x - l - (1 - i) * parseFloat(c), u = t.y - o - (1 - r) * parseFloat(c.slice(c.indexOf(" ") + 1)), h = i ? t.width / i : e.offsetWidth, y = r ? t.height / r : e.offsetHeight;
-    return {
-      x: s,
-      y: u,
-      width: h,
-      height: y,
-      top: u,
-      right: s + h,
-      bottom: u + y,
-      left: s
-    };
-  } else
-    return t;
-}
-function Lt(e) {
-  return Math.round(e * devicePixelRatio) / devicePixelRatio;
-}
-function Gn(e) {
-  return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
-}
-function z(e, t = "px") {
-  if (e == null || e === "")
-    return;
-  let n = Number(e);
-  return typeof e == "string" && isNaN(n) ? e : isFinite(n) ? `${n}${t}` : void 0;
 }
-class ct {
-  constructor({
-    x: t,
-    y: n,
-    width: a,
-    height: i
-  }) {
-    he(this, "x");
-    he(this, "y");
-    he(this, "width");
-    he(this, "height");
-    this.x = t ?? 0, this.y = n ?? 0, this.width = a ?? 0, this.height = i ?? 0;
-  }
-  get top() {
-    return this.y;
-  }
-  get bottom() {
-    return this.y + this.height;
-  }
-  get left() {
-    return this.x;
-  }
-  get right() {
-    return this.x + this.width;
-  }
+function je(e) {
+  return Nr.test(e) || Vr.test(e);
 }
-function Xn(e, t) {
-  return {
-    x: {
-      before: Math.max(0, t.left - e.left),
-      after: Math.max(0, e.right - t.right)
-    },
-    y: {
-      before: Math.max(0, t.top - e.top),
-      after: Math.max(0, e.bottom - t.bottom)
+function Lr(e) {
+  var n, a;
+  if (e != null && e.startsWith("#"))
+    return ((n = an(e)) == null ? void 0 : n.join(",")) || "";
+  const t = /rgb(a?)\((?<v>.*)\)/;
+  if (t.test(e)) {
+    const i = ((a = t.exec(e)) == null ? void 0 : a[2]) || "";
+    if (i) {
+      const r = i.trim().split(",");
+      return r.splice(3, 1), r.join(",");
     }
-  };
-}
-const an = (e, t) => e.includes(t), $a = ["top", "bottom"], Fr = ["start", "end", "left", "right"];
-function Zn(e, t) {
-  let [n, a] = e.split(" ");
-  return a || (a = an($a, n) ? "start" : an(Fr, n) ? "top" : "center"), {
-    side: Jn(n, t),
-    align: Jn(a, t)
-  };
-}
-function Jn(e, t) {
-  return e === "start" ? t ? "right" : "left" : e === "end" ? t ? "left" : "right" : e;
-}
-function Rt(e) {
-  return {
-    side: {
-      center: "center",
-      top: "bottom",
-      bottom: "top",
-      left: "right",
-      right: "left"
-    }[e.side],
-    align: e.align
-  };
-}
-function Ft(e) {
-  return {
-    side: e.side,
-    align: {
-      center: "center",
-      top: "bottom",
-      bottom: "top",
-      left: "right",
-      right: "left"
-    }[e.align]
-  };
-}
-function Qn(e) {
-  return {
-    side: e.align,
-    align: e.side
-  };
-}
-function ea(e) {
-  return an($a, e.side) ? "y" : "x";
-}
-function jr(e, t) {
-  for (; e; ) {
-    if (_n(e)) return e;
-    e = e.parentElement;
   }
-  return document.scrollingElement;
-}
-function wt(e, t, n) {
-  const a = [];
-  if (t && e && !t.contains(e)) return a;
-  for (; e && (_n(e) && a.push(e), e !== t); )
-    e = e.parentElement;
-  return a;
-}
-function _n(e, t) {
-  if (!e || e.nodeType !== Node.ELEMENT_NODE)
-    return !1;
-  const n = window.getComputedStyle(e);
-  return n.overflowY === "scroll" || n.overflowY === "auto" && e.clientHeight < e.scrollHeight;
+  return "";
 }
-class Kr {
-  constructor() {
-    he(this, "clean", !0);
-    he(this, "frames", []);
-    he(this, "raf", -1);
-  }
-  run() {
-    cancelAnimationFrame(this.raf), this.raf = requestAnimationFrame(() => {
-      const t = this.frames.shift();
-      t && t(), frames.length ? this.run() : this.clean = !0;
-    });
-  }
-  requestNewFrame(t) {
-    !this.clean || this.frames.length ? (this.frames.push(t), this.run()) : (this.clean = !1, t(), this.run());
+const Rr = "YSpinnerRing", $a = /* @__PURE__ */ V({
+  name: Rr,
+  render() {
+    return d("svg", {
+      class: "y-spinner-ring",
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [d("circle", {
+      class: "y-spinner-ring__circle",
+      cx: "24",
+      cy: "24",
+      r: "18",
+      "stroke-width": "4",
+      "stroke-dasharray": "113.097",
+      "stroke-dashoffset": "113.097"
+    }, null)]);
   }
-}
-function Hr(e) {
-  const t = Ee({}), n = k(e);
-  return We(
-    () => {
-      for (const a in n.value)
-        t[a] = n.value[a];
-    },
-    { flush: "sync" }
-  ), vr(t);
-}
-const jt = {
-  AD: 1,
-  AE: 6,
-  AF: 6,
-  AG: 0,
-  AI: 1,
-  AL: 1,
-  AM: 1,
-  AN: 1,
-  AR: 1,
-  AS: 0,
-  AT: 1,
-  AU: 1,
-  AX: 1,
-  AZ: 1,
-  BA: 1,
-  BD: 0,
-  BE: 1,
-  BG: 1,
-  BH: 6,
-  BM: 1,
-  BN: 1,
-  BR: 0,
-  BS: 0,
-  BT: 0,
-  BW: 0,
-  BY: 1,
-  BZ: 0,
-  CA: 0,
-  CH: 1,
-  CL: 1,
-  CM: 1,
-  CN: 1,
-  CO: 0,
-  CR: 1,
-  CY: 1,
-  CZ: 1,
-  DE: 1,
-  DJ: 6,
-  DK: 1,
-  DM: 0,
-  DO: 0,
-  DZ: 6,
-  EC: 1,
-  EE: 1,
-  EG: 6,
-  ES: 1,
-  ET: 0,
-  FI: 1,
-  FJ: 1,
-  FO: 1,
-  FR: 1,
-  GB: 1,
-  GE: 1,
-  GF: 1,
-  GP: 1,
-  GR: 1,
-  GT: 0,
-  GU: 0,
-  HK: 0,
-  HN: 0,
-  HR: 1,
-  HU: 1,
-  ID: 0,
-  IE: 1,
-  IL: 0,
-  IN: 0,
-  IQ: 6,
-  IR: 6,
-  IS: 1,
-  IT: 1,
-  JM: 0,
-  JO: 6,
-  JP: 0,
-  KE: 0,
-  KG: 1,
-  KH: 0,
-  KR: 0,
-  KW: 6,
-  KZ: 1,
-  LA: 0,
-  LB: 1,
-  LI: 1,
-  LK: 1,
-  LT: 1,
-  LU: 1,
-  LV: 1,
-  LY: 6,
-  MC: 1,
-  MD: 1,
-  ME: 1,
-  MH: 0,
-  MK: 1,
-  MM: 0,
-  MN: 1,
-  MO: 0,
-  MQ: 1,
-  MT: 0,
-  MV: 5,
-  MX: 0,
-  MY: 1,
-  MZ: 0,
-  NI: 0,
-  NL: 1,
-  NO: 1,
-  NP: 0,
-  NZ: 1,
-  OM: 6,
-  PA: 0,
-  PE: 0,
-  PH: 0,
-  PK: 0,
-  PL: 1,
-  PR: 0,
-  PT: 0,
-  PY: 0,
-  QA: 6,
-  RE: 1,
-  RO: 1,
-  RS: 1,
-  RU: 1,
-  SA: 0,
-  SD: 6,
-  SE: 1,
-  SG: 0,
-  SI: 1,
-  SK: 1,
-  SM: 1,
-  SV: 0,
-  SY: 6,
-  TH: 0,
-  TJ: 1,
-  TM: 1,
-  TR: 1,
-  TT: 0,
-  TW: 0,
-  UA: 1,
-  UM: 0,
-  US: 0,
-  UY: 1,
-  UZ: 1,
-  VA: 1,
-  VE: 0,
-  VI: 0,
-  VN: 1,
-  WS: 0,
-  XK: 1,
-  YE: 0,
-  ZA: 0,
-  ZW: 0
-}, Wr = 1e3 * 60 * 60 * 24, zr = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/, st = new Date(1970, 0, 4);
-class U {
-  static date(t) {
-    if (t == null) return /* @__PURE__ */ new Date();
-    if (t instanceof Date)
-      return t;
-    let n;
-    if (typeof t == "string") {
-      if (zr.test(t))
-        return U.parseLocalDate(t);
-      if (n = Date.parse(t), !isNaN(n))
-        return new Date(n);
+}), Fr = Symbol.for("yuyeon.y-toggle-button"), de = "y-button", Bt = F({
+  loading: Boolean,
+  active: {
+    type: Boolean,
+    default: void 0
+  },
+  injectSymbol: {
+    type: null,
+    default: Fr
+  },
+  //
+  variation: {
+    type: String
+  },
+  small: Boolean,
+  icon: Boolean,
+  outlined: {
+    type: Boolean,
+    default: !1
+  },
+  rounded: {
+    type: Boolean,
+    default: !1
+  },
+  filled: {
+    type: Boolean,
+    default: !1
+  },
+  //
+  color: {
+    type: String
+  },
+  noWave: {
+    type: Boolean,
+    default: !1
+  },
+  ...Br(),
+  ...Tr()
+}, "YButton"), Q = /* @__PURE__ */ V({
+  name: "YButton",
+  directives: {
+    PlateWave: Pa
+  },
+  props: Bt(),
+  emits: {
+    click: (e) => !0,
+    "choice:selected": (e) => !0
+  },
+  setup(e, {
+    attrs: t,
+    slots: n,
+    emit: a
+  }) {
+    const i = Er(e, e.injectSymbol, !1), r = Pr(e, t);
+    Yr(r, i == null ? void 0 : i.select);
+    const l = k(() => {
+      var y;
+      return e.active !== void 0 ? e.active : r.isLink.value ? (y = r.isActive) == null ? void 0 : y.value : i == null ? void 0 : i.isSelected.value;
+    }), o = k(() => {
+      const {
+        variation: y
+      } = e;
+      return typeof y == "string" ? y.split(",").map((x) => x.trim()) : [];
+    }), c = k(() => {
+      const {
+        outlined: y,
+        rounded: x,
+        filled: C,
+        small: S,
+        icon: v
+      } = e;
+      return {
+        [`${de}--outlined`]: o.value.includes("outlined") || y,
+        [`${de}--rounded`]: o.value.includes("rounded") || x,
+        [`${de}--filled`]: o.value.includes("filled") || C,
+        [`${de}--text`]: o.value.includes("text"),
+        [`${de}--small`]: o.value.includes("small") || S,
+        [`${de}--x-small`]: o.value.includes("x-small") || S,
+        [`${de}--icon`]: o.value.includes("icon") || v,
+        [`${de}--color`]: e.color,
+        [`${de}--loading`]: e.loading,
+        [`${de}--disabled`]: e.disabled,
+        [`${de}--active`]: l.value
+      };
+    }), s = k(() => {
+      let {
+        color: y
+      } = e, x;
+      return y && !je(y) && (y = `var(--y-theme-${y})`, x = `var(--y-theme-on-${e.color})`), {
+        "--y-button__color": y,
+        "--y-button__text-color": x
+      };
+    }), u = k(() => (i == null ? void 0 : i.disabled.value) || e.disabled);
+    function h(y) {
+      var x;
+      u.value || e.loading || r.isLink.value && (y.metaKey || y.altKey || y.ctrlKey || y.shiftKey || y.button !== 0 || t.target === "_blank") || (a("click", y), (x = r.navigate) == null || x.call(r, y), i == null || i.toggle());
     }
-    return null;
+    return K(() => {
+      const y = r.isLink.value ? "a" : "button";
+      return ze(d(y, {
+        type: y === "a" ? void 0 : "button",
+        class: [`${de}`, i == null ? void 0 : i.selectedClass.value, {
+          ...c.value
+        }],
+        href: e.disabled ? void 0 : r.href.value,
+        style: s.value,
+        onClick: h,
+        disabled: e.disabled ? !0 : void 0
+      }, {
+        default: () => {
+          var x, C, S;
+          return [d("span", {
+            class: ["y-button__content"]
+          }, [e.loading && (n.loading ? (x = n.loading) == null ? void 0 : x.call(n) : d($a, W({
+            width: "24",
+            height: "24"
+          }), null)), (C = n.default) == null ? void 0 : C.call(n)]), (S = n.append) == null ? void 0 : S.call(n)];
+        }
+      }), [[Et("plate-wave"), !e.noWave && !e.loading]]);
+    }), {
+      link: r
+    };
   }
-  static format(t, n, a, i) {
-    const r = U.date(t) ?? /* @__PURE__ */ new Date(), l = i == null ? void 0 : i[n];
-    if (typeof l == "function")
-      return l(r, n, a);
-    let o = {};
-    switch (n) {
-      case "fullDateWithWeekday":
-        o = {
-          weekday: "long",
-          day: "numeric",
-          month: "long",
-          year: "numeric"
-        };
-        break;
-      case "normalDateWithWeekday":
-        o = { weekday: "short", day: "numeric", month: "short" };
-        break;
-      case "keyboardDate":
-        o = { day: "2-digit", month: "2-digit", year: "numeric" };
-        break;
-      case "monthAndDate":
-        o = { month: "long", day: "numeric" };
-        break;
-      case "monthAndYear":
-        o = { month: "long", year: "numeric" };
-        break;
-      case "year":
-        o = { year: "numeric" };
-        break;
-      case "month":
-        o = { month: "long" };
-        break;
-      case "monthShort":
-        o = { month: "short" };
-        break;
-      case "dayOfMonth":
-        o = { day: "numeric" };
-        break;
-      case "shortDate":
-        o = { year: "2-digit", month: "numeric", day: "numeric" };
-        break;
-      default:
-        o = l ?? { timeZone: "UTC", timeZoneName: "short" };
-    }
-    return new Intl.DateTimeFormat(a, o).format(r);
+}), jr = {
+  focused: Boolean,
+  "onUpdate:focused": Function
+}, Kr = F(jr, "focus");
+function Cn(e, t) {
+  const n = G(e, "focused");
+  function a() {
+    n.value = !0;
   }
-  static parseLocalDate(t) {
-    const n = t.split("-").map(Number);
-    return new Date(n[0], n[1] - 1, n[2]);
+  function i() {
+    n.value = !1;
   }
-  static parseISO(t) {
-    const [n, a, i] = t.split("-").map(Number);
-    return new Date(n, a - 1, i);
+  const r = k(() => ({
+    [`${t}--focused`]: n.value
+  }));
+  return {
+    focused: n,
+    whenFocus: a,
+    whenBlur: i,
+    focusedClasses: r
+  };
+}
+const Hr = (e, t, n) => {
+  function a(i) {
+    e.classList.forEach((r) => {
+      r.startsWith("y-theme--") && r !== i && e.classList.remove(r);
+    }), e.classList.add(i);
   }
-  static toISO(t, n) {
-    const a = t.toJsDate(n), i = a.getFullYear(), r = a.getMonth() + 1 < 10 ? `0${a.getMonth() + 1}` : `${a.getMonth() + 1}`, l = a.getDate() < 10 ? `0${a.getDate()}` : `${a.getDate()}`;
-    return `${i}-${r}-${l}`;
+  We(
+    () => {
+      var o, c, s, u, h;
+      const i = ((c = (o = t.instance) == null ? void 0 : o.$yuyeon) == null ? void 0 : c.theme) ?? ((h = (u = (s = n == null ? void 0 : n.ctx) == null ? void 0 : s.root.appContext.config.globalProperties) == null ? void 0 : u.$yuyeon) == null ? void 0 : h.theme), r = t.value ?? ve(i.currentThemeKey) ?? "";
+      if (!r)
+        return;
+      const l = `y-theme--${r}`;
+      a(l);
+    },
+    { flush: "post" }
+  );
+};
+/** @preserve
+ /////    SAPC APCA - Advanced Perceptual Contrast Algorithm
+ /////           Beta 0.1.9 W3 • contrast function only
+ /////           DIST: W3 • Revision date: July 3, 2022
+ /////    Function to parse color values and determine Lc contrast
+ /////    Copyright © 2019-2022 by Andrew Somers. All Rights Reserved.
+ /////    LICENSE: W3 LICENSE
+ /////    CONTACT: Please use the ISSUES or DISCUSSIONS tab at:
+ /////    https://github.com/Myndex/SAPC-APCA/
+ /////
+ ///////////////////////////////////////////////////////////////////////////////
+ /////
+ /////    MINIMAL IMPORTS:
+ /////      import { APCAcontrast, sRGBtoY, displayP3toY,
+/////               calcAPCA, fontLookupAPCA } from 'apca-w3';
+ /////      import { colorParsley } from 'colorparsley';
+ /////
+ /////    FORWARD CONTRAST USAGE:
+ /////      Lc = APCAcontrast( sRGBtoY( TEXTcolor ) , sRGBtoY( BACKGNDcolor ) );
+ /////    Where the colors are sent as an rgba array [255,255,255,1]
+ /////
+ /////    Retrieving an array of font sizes for the contrast:
+ /////      fontArray = fontLookupAPCA(Lc);
+ /////
+ /////    Live Demonstrator at https://www.myndex.com/APCA/
+ // */
+const ee = {
+  mainTRC: 2.4,
+  // 2.4 exponent for emulating actual monitor perception
+  // For reverseAPCA
+  get mainTRCencode() {
+    return 1 / this.mainTRC;
+  },
+  // sRGB coefficients
+  sRco: 0.2126729,
+  sGco: 0.7151522,
+  sBco: 0.072175,
+  // G-4g constants for use with 2.4 exponent
+  normBG: 0.56,
+  normTXT: 0.57,
+  revTXT: 0.62,
+  revBG: 0.65,
+  // G-4g Clamps and Scalers
+  blkThrs: 0.022,
+  blkClmp: 1.414,
+  scaleBoW: 1.14,
+  scaleWoB: 1.14,
+  loBoWoffset: 0.027,
+  loWoBoffset: 0.027,
+  deltaYmin: 5e-4,
+  loClip: 0.1,
+  ///// MAGIC NUMBERS for UNCLAMP, for use with 0.022 & 1.414 /////
+  // Magic Numbers for reverseAPCA
+  mFactor: 1.9468554433171,
+  get mFactInv() {
+    return 1 / this.mFactor;
+  },
+  mOffsetIn: 0.0387393816571401,
+  mExpAdj: 0.283343396420869,
+  get mExp() {
+    return this.mExpAdj / this.blkClmp;
+  },
+  mOffsetOut: 0.312865795870758
+};
+function Lt(e = [0, 0, 0]) {
+  function t(n) {
+    return Math.pow(n / 255, ee.mainTRC);
   }
-  static getWeekArray(t, n) {
-    const a = [];
-    let i = [];
-    const r = U.startOfMonth(t), l = U.endOfMonth(t), o = (r.getDay() - jt[n.slice(-2).toUpperCase()] + 7) % 7, c = (l.getDay() - jt[n.slice(-2).toUpperCase()] + 7) % 7;
-    for (let s = 0; s < o; s++) {
-      const u = new Date(r);
-      u.setDate(u.getDate() - (o - s)), i.push(u);
-    }
-    for (let s = 1; s <= l.getDate(); s++)
-      i.push(new Date(t.getFullYear(), t.getMonth(), s)), i.length === 7 && (a.push(i), i = []);
-    for (let s = 1; s < 7 - c; s++) {
-      const u = new Date(l);
-      u.setDate(u.getDate() + s), i.push(u);
+  return ee.sRco * t(e[0]) + ee.sGco * t(e[1]) + ee.sBco * t(e[2]);
+}
+function Gn(e, t, n = -1) {
+  const a = [0, 1.1];
+  if (isNaN(e) || isNaN(t) || Math.min(e, t) < a[0] || Math.max(e, t) > a[1])
+    return 0;
+  let i = 0, r = 0, l = "BoW";
+  return e = e > ee.blkThrs ? e : e + Math.pow(ee.blkThrs - e, ee.blkClmp), t = t > ee.blkThrs ? t : t + Math.pow(ee.blkThrs - t, ee.blkClmp), Math.abs(t - e) < ee.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, ee.normBG) - Math.pow(e, ee.normTXT)) * ee.scaleBoW, r = i < ee.loClip ? 0 : i - ee.loBoWoffset) : (l = "WoB", i = (Math.pow(t, ee.revBG) - Math.pow(e, ee.revTXT)) * ee.scaleWoB, r = i > -ee.loClip ? 0 : i + ee.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + l + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
+}
+function Wr(e) {
+  var n;
+  const t = {};
+  for (const [a, i] of Object.entries(e)) {
+    const r = t[a] = {
+      ...i,
+      colors: {
+        ...i.colors
+      },
+      variables: {
+        ...i.variables
+      }
+    };
+    for (const l of Object.keys(r.colors)) {
+      const o = r.colors[l];
+      if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(o) && (r.colors[l] = o, r.colors[`${l}-rgb`] = (n = an(o)) == null ? void 0 : n.join(", ")), /^on-[a-z]/.test(l) || r.colors[`on-${l}`])
+        continue;
+      const c = `on-${l}`, s = Lt(an(o) ?? [0, 0, 0]), u = Math.abs(
+        Gn(Lt([0, 0, 0]), s)
+      ), h = Math.abs(
+        Gn(Lt([255, 255, 255]), s)
+      );
+      r.colors[c] = h > Math.min(u, 50) ? "#ffffff" : "#000000", r.colors[`${c}-rgb`] = h > Math.min(u, 50) ? "255, 255, 255" : "0, 0, 0";
     }
-    return i.length > 0 && a.push(i), a;
   }
-  static startOfMonth(t) {
-    return new Date(t.getFullYear(), t.getMonth(), 1);
-  }
-  static endOfMonth(t) {
-    return new Date(t.getFullYear(), t.getMonth() + 1, 0);
-  }
-  static startOfDay(t) {
-    return new Date(t.getFullYear(), t.getMonth(), t.getDate());
-  }
-  static startOfYear(t) {
-    return new Date(t.getFullYear(), 0, 1);
-  }
-  static endOfDay(t) {
-    return new Date(
-      t.getFullYear(),
-      t.getMonth(),
-      t.getDate(),
-      23,
-      59,
-      59,
-      999
-    );
-  }
-  static endOfYear(t) {
-    return new Date(t.getFullYear(), 11, 31);
-  }
-  static getYear(t) {
-    return t.getFullYear();
-  }
-  static getMonth(t) {
-    return t.getMonth();
-  }
-  static getDay(t) {
-    return t.getDate();
+  return t;
+}
+function zr(e) {
+  const t = {}, { scaleMethod: n, colors: a } = e;
+  for (const [i, r] of Object.entries(a))
+    typeof r == "string" && (t[i] = r);
+  return t;
+}
+function Ze(e, t) {
+  return [`${e} {
+`, ...t.map((n) => `  ${n}
+`), `}
+`];
+}
+function ct(e, t = "") {
+  return Object.entries(e).map(([n, a]) => Ur(`${t}-${n}`, a));
+}
+function Ur(e, t) {
+  return `--y-${e}: ${t};`;
+}
+const Xn = {
+  light: "light",
+  dark: "dark"
+}, qr = ["light", "dark", "auto"], Zn = {
+  scaleMethod: "tonal",
+  colors: {
+    primary: "#0062a1",
+    secondary: "#6251a6",
+    tertiary: "#3c691b",
+    neutral: "#5d5e61",
+    positive: "#009d61",
+    negative: "#ba1a1a",
+    warning: "#f69400",
+    info: "#0d62e6"
   }
-  static getNextMonth(t) {
-    return new Date(t.getFullYear(), t.getMonth() + 1, 1);
-  }
-  static getWeekdays(t) {
-    const n = jt[t.slice(-2).toUpperCase()] ?? 0;
-    return [...Array(7).keys()].map((a) => {
-      const i = new Date(st);
-      return i.setDate(st.getDate() + n + a), new Intl.DateTimeFormat(t, { weekday: "narrow" }).format(
-        i
-      );
-    });
-  }
-  static getMeridians(t) {
-    const n = new Date(st).setHours(11), a = new Date(st).setHours(13), i = Intl.DateTimeFormat(t, {
-      minute: "numeric",
-      hour: "numeric",
-      hour12: !0
-    });
-    return [
-      i.format(n).replace(/\d+:\d+/, "").trim(),
-      i.format(a).replace(/\d+:\d+/, "").trim()
-    ];
-  }
-  static isAfter(t, n) {
-    return t.getTime() > n.getTime();
-  }
-  static isBefore(t, n) {
-    return t.getTime() < n.getTime();
-  }
-  static isEqual(t, n) {
-    return t.getTime() === n.getTime();
-  }
-  static isSameDay(t, n) {
-    return t.getDate() === n.getDate() && t.getMonth() === n.getMonth() && t.getFullYear() === n.getFullYear();
-  }
-  static isSameMonth(t, n) {
-    return !!(t.getMonth() === n.getMonth() && t.getFullYear() && n.getFullYear());
-  }
-  static isValid(t) {
-    const n = new Date(t);
-    return n instanceof Date && !isNaN(n.getTime());
-  }
-  static isWithinRange(t, n) {
-    return U.isAfter(t, n[0]) && U.isBefore(t, n[1]);
-  }
-  static addDays(t, n) {
-    const a = new Date(t);
-    return a.setDate(a.getDate() + n), a;
-  }
-  static addMonths(t, n) {
-    const a = new Date(t);
-    return a.setMonth(a.getMonth() + n), a;
-  }
-  static getDiff(t, n, a) {
-    const i = new Date(t), r = new Date(n);
-    return a === "month" ? i.getMonth() - r.getMonth() + (i.getFullYear() - r.getFullYear()) * 12 : Math.floor(i.getTime() - r.getTime()) / Wr;
-  }
-  static setMonth(t, n) {
-    const a = new Date(t);
-    return a.setMonth(n), a;
-  }
-  static setYear(t, n) {
-    const a = new Date(t);
-    return a.setFullYear(n), a;
-  }
-  static getHour(t) {
-    return t.getHours();
-  }
-  static setHour(t, n) {
-    const a = new Date(t);
-    return a.setHours(n), a;
-  }
-  static getMinute(t) {
-    return t.getMinutes();
-  }
-  static setMinute(t, n) {
-    const a = new Date(t);
-    return a.setMinutes(n), a;
+}, Jn = {
+  light: {
+    isDark: !1,
+    colors: {
+      primary: "#0062a1",
+      secondary: "#6251a6",
+      tertiary: "#3c691b",
+      background: "#fdfbff",
+      "on-background": "#1a1c1e",
+      surface: "#fdfbff",
+      "on-surface": "#1a1c1e",
+      "surface-variant": "#dfe3eb",
+      "on-surface-variant": "#42474e",
+      outline: "#73777f",
+      "outline-variant": "#c2c7cf",
+      error: "#ba1a1a",
+      "on-error": "#ffffff",
+      warning: "#8a5100",
+      "on-warning": "#ffffff",
+      info: "#0056d0",
+      "on-info": "#ffffff",
+      success: "#006d42",
+      "on-success": "#ffffff",
+      shadow: "#000000",
+      highlighter: "#ffff00"
+    },
+    variables: {
+      "outline-opacity": 0.14,
+      "base-shadow-opacity": 0.14,
+      "base-font": "#141414"
+    }
+  },
+  dark: {
+    isDark: !0,
+    colors: {
+      primary: "#9ccaff",
+      "on-primary": "#003257",
+      secondary: "#cbbeff",
+      "on-secondary": "#332074",
+      tertiary: "#a1d57a",
+      "on-tertiary": "#173800",
+      background: "#1a1c1e",
+      "on-background": "#e2e2e6",
+      surface: "#1a1c1e",
+      "on-surface": "#e2e2e6",
+      "surface-variant": "#42474e",
+      "on-surface-variant": "#c2c7cf",
+      outline: "#8c9199",
+      "outline-variant": "#42474e",
+      error: "#ffb4ab",
+      "on-error": "#690005",
+      warning: "#ffb86e",
+      "on-warning": "#492900",
+      info: "#b1c5ff",
+      "on-info": "#002c72",
+      success: "#61dd9a",
+      "on-success": "#003920",
+      shadow: "#000000",
+      highlighter: "#51510d"
+    },
+    variables: {
+      "outline-opacity": 0.14,
+      "base-shadow-opacity": 0.14,
+      "base-font": "#f5f5f5"
+    }
   }
+};
+function Gr(e) {
+  return e ? {
+    scheme: qr.includes(e.scheme) ? e.scheme : Xn.light,
+    theme: e.theme ?? ["light", "dark"],
+    themes: { ...we(Jn, e.themes) },
+    palette: { ...we(Zn, e.palette) },
+    separation: e == null ? void 0 : e.separation
+  } : {
+    scheme: Xn.light,
+    theme: ["light", "dark"],
+    themes: { ...we(Jn) },
+    palette: { ...we(Zn) }
+  };
 }
-class Ur {
-  constructor(t) {
-    he(this, "locale", "ko-kr");
-    he(this, "formats");
-    this.locale = t.locale, this.formats = t.formats;
-  }
-  getWeekArray(t) {
-    return U.getWeekArray(t, this.locale);
-  }
-  startOfMonth(t) {
-    return U.startOfMonth(t);
-  }
-  endOfMonth(t) {
-    return U.endOfMonth(t);
-  }
-  addDays(t, n) {
-    return U.addDays(t, n);
-  }
-  addMonths(t, n) {
-    return U.addMonths(t, n);
-  }
-  date(t) {
-    return U.date(t);
-  }
-  endOfDay(t) {
-    return U.endOfDay(t);
-  }
-  endOfYear(t) {
-    return U.endOfYear(t);
-  }
-  format(t, n) {
-    return U.format(t, n, this.locale, this.formats);
+const wt = Symbol.for("yuyeon.theme"), qe = F(
+  {
+    theme: String
+  },
+  "theme"
+);
+function Xr() {
+  return window.matchMedia("(prefers-color-scheme)").media !== "not all";
+}
+function Zr(e) {
+  const t = hn(), n = Ee(Gr(e)), a = I(n.scheme), i = I(n.theme), r = I(n.themes), l = I(n.palette), o = I(!0), c = I("");
+  function s(p) {
+    c.value = p.matches ? "dark" : "light";
   }
-  getDiff(t, n, a) {
-    return U.getDiff(t, n, a);
+  const u = k(() => a.value === "auto" ? c.value : a.value === "dark" ? "dark" : "light"), h = k(() => {
+    var p, g;
+    return typeof i.value == "string" && i.value in x ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((p = i.value) == null ? void 0 : p[1]) ?? "dark" : ((g = i.value) == null ? void 0 : g[0]) ?? "light" : u.value;
+  }), y = k(() => zr(l.value)), x = k(() => Wr(r.value)), C = k(() => {
+    const p = n.separation ? `#${n.separation}` : "", g = [];
+    g.push(
+      ...Ze(":root", ct(y.value, "palette"))
+    );
+    for (const [w, m] of Object.entries(x.value)) {
+      const { colors: _, variables: M, isDark: P } = m, O = {
+        ..._,
+        ...M
+      }, A = P ? "dark" : "light";
+      a.value === "auto" ? g.push(
+        ...Ze(
+          `@media (prefers-color-scheme: ${A})`,
+          Ze(
+            `${p}[data-theme-scheme='auto'][data-${A}-theme='${w}']`,
+            ct(O, "theme")
+          )
+        )
+      ) : g.push(
+        ...Ze(
+          `${p}[data-theme-scheme='${A}'][data-${A}-theme='${w}']`,
+          ct(O, "theme")
+        )
+      ), g.push(
+        ...Ze(
+          `${p} .y-theme--${w}`,
+          ct(O, "theme")
+        )
+      );
+    }
+    return g.join("");
+  });
+  function S(p) {
+    p.directive("theme", Hr);
+    let g = document.getElementById(
+      `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
+    );
+    R(C, w, { immediate: !0 });
+    function w() {
+      if (typeof document < "u" && !g) {
+        const m = document.createElement("style");
+        m.type = "text/css", m.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && m.setAttribute("nonce", e.cspNonce), g = m, document.head.appendChild(g);
+      }
+      g && (g.innerHTML = C.value);
+    }
   }
-  getYear(t) {
-    return U.getYear(t);
+  function v(p) {
+    if (o.value = Xr(), o.value) {
+      const g = window.matchMedia("(prefers-color-scheme: dark)");
+      s(g), g.addEventListener("change", s);
+    }
+    R(
+      i,
+      (g) => {
+        const [w, m] = g;
+        p.root.dataset.lightTheme = w, p.root.dataset.darkTheme = m;
+      },
+      { immediate: !0 }
+    ), R(
+      a,
+      (g) => {
+        p.root.setAttribute(
+          "data-theme-scheme",
+          g === "auto" ? "auto" : u.value
+        );
+      },
+      { immediate: !0 }
+    );
   }
-  getMonth(t) {
-    return U.getMonth(t);
-  }
-  getDay(t) {
-    return U.getDay(t);
-  }
-  getNextMonth(t) {
-    return U.getNextMonth(t);
-  }
-  getWeekdays() {
-    return U.getWeekdays(this.locale);
-  }
-  isAfter(t, n) {
-    return U.isAfter(t, n);
-  }
-  isBefore(t, n) {
-    return U.isBefore(t, n);
-  }
-  isEqual(t, n) {
-    return U.isEqual(t, n);
-  }
-  isSameDay(t, n) {
-    return U.isSameDay(t, n);
-  }
-  isSameMonth(t, n) {
-    return U.isSameMonth(t, n);
-  }
-  isValid(t) {
-    return U.isValid(t);
-  }
-  isWithinRange(t, n) {
-    return U.isWithinRange(t, n);
-  }
-  parseISO(t) {
-    return U.parseISO(t);
-  }
-  setMonth(t, n) {
-    return U.setMonth(t, n);
-  }
-  setYear(t, n) {
-    return U.setYear(t, n);
-  }
-  startOfDay(t) {
-    return U.startOfDay(t);
-  }
-  startOfYear(t) {
-    return U.startOfYear(t);
-  }
-  toISO(t) {
-    return U.toISO(this, t);
-  }
-  toJsDate(t) {
-    return t;
-  }
-  getHour(t) {
-    return U.getHour(t);
-  }
-  getMinute(t) {
-    return U.getMinute(t);
-  }
-  setHour(t, n) {
-    return U.setHour(t, n);
-  }
-  setMinute(t, n) {
-    return U.setMinute(t, n);
+  function f(p) {
+    t.run(() => {
+      v(p);
+    });
   }
+  const b = k(() => `y-theme--${h.value}`);
+  return {
+    install: S,
+    init: f,
+    scope: t,
+    instance: {
+      global: {
+        scheme: a,
+        theme: i
+      },
+      themes: r,
+      scheme: a,
+      theme: i,
+      currentThemeKey: h,
+      themeClasses: b,
+      computedThemes: x,
+      computedPalette: y,
+      supportedAutoMode: Qt(o),
+      preferColorScheme: Qt(c)
+    }
+  };
 }
-function rn(e) {
-  if (e && e[0] === "#") {
-    const t = e.substring(1, e.length), n = t.length, a = [];
-    if (n === 3 || n === 6) {
-      const i = n === 6 ? 2 : 1;
-      for (let r = 0; r < 3; r += 1) {
-        const l = t.substring(
-          r * i,
-          r * i + i
-        );
-        a.push(Number.parseInt(l, 16));
+function Ge(e) {
+  ne();
+  const t = ue(
+    wt,
+    null
+  );
+  if (!t) throw new Error('Not found provided "ThemeModule"');
+  t.computedPalette;
+  const n = k(() => {
+    if (e.theme) {
+      const r = ve(t.theme);
+      switch (e.theme) {
+        case "light":
+          return (r == null ? void 0 : r[0]) ?? "light";
+        case "dark":
+          return (r == null ? void 0 : r[1]) ?? "dark";
+        default:
+          return e.theme;
       }
-      return a;
     }
-  }
+    return ve(t.currentThemeKey);
+  }), a = k(() => `y-theme--${n.value}`), i = {
+    ...t,
+    currentThemeKey: n,
+    themeClasses: a
+  };
+  return ce(wt, i), i;
 }
-function je(e) {
-  return Nr.test(e) || Vr.test(e);
+function ec() {
+  ne();
+  const e = ue(wt, null);
+  if (!e) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
+  return e;
 }
-function qr(e) {
-  var n, a;
-  if (e != null && e.startsWith("#"))
-    return ((n = rn(e)) == null ? void 0 : n.join(",")) || "";
-  const t = /rgb(a?)\((?<v>.*)\)/;
-  if (t.test(e)) {
-    const i = ((a = t.exec(e)) == null ? void 0 : a[2]) || "";
-    if (i) {
-      const r = i.trim().split(",");
-      return r.splice(3, 1), r.join(",");
+const Na = Symbol.for("yuyeon.form"), Jr = F(
+  {
+    readonly: Boolean,
+    disabled: Boolean,
+    loading: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    validateOn: {
+      type: String,
+      default: "input"
+    }
+  },
+  "form"
+);
+function Qr(e) {
+  const t = G(e), n = re(!1), a = I([]), i = I([]), r = k(() => e.readonly), l = k(() => e.disabled), o = k(() => e.loading);
+  async function c() {
+    var S;
+    const x = [];
+    let C = !0;
+    i.value = [], n.value = !0;
+    for (const v of a.value) {
+      const f = await v.validate();
+      f.length > 0 && (C = !1, x.push({
+        id: v.id,
+        vnode: v.vnode,
+        exposed: (S = v.vnode.component) == null ? void 0 : S.exposed,
+        errors: f
+      }));
     }
+    return i.value = x, n.value = !1, { valid: C, errors: i.value };
   }
-  return "";
-}
-const Gr = "YSpinnerRing", Na = /* @__PURE__ */ V({
-  name: Gr,
-  render() {
-    return d("svg", {
-      class: "y-spinner-ring",
-      width: "48",
-      height: "48",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [d("circle", {
-      class: "y-spinner-ring__circle",
-      cx: "24",
-      cy: "24",
-      r: "18",
-      "stroke-width": "4",
-      "stroke-dasharray": "113.097",
-      "stroke-dashoffset": "113.097"
-    }, null)]);
+  function s(x) {
+    const { id: C, validate: S, vnode: v } = x;
+    a.value.push({
+      id: C,
+      validate: S,
+      vnode: v,
+      isError: null,
+      errors: []
+    });
   }
-}), Xr = Symbol.for("yuyeon.y-toggle-button"), de = "y-button", Bt = F({
-  loading: Boolean,
-  active: {
-    type: Boolean,
-    default: void 0
-  },
-  injectSymbol: {
-    type: null,
-    default: Xr
-  },
-  //
-  variation: {
-    type: String
-  },
-  small: Boolean,
-  icon: Boolean,
-  outlined: {
-    type: Boolean,
-    default: !1
+  function u(x) {
+    a.value = a.value.filter((C) => C.id !== x);
+  }
+  function h(x, C, S) {
+    const v = a.value.find((f) => f.id === x);
+    v && (v.isError = C, v.errors = S);
+  }
+  const y = {
+    inputs: a,
+    isDisabled: l,
+    isReadonly: r,
+    isLoading: o,
+    isValid: t,
+    isValidating: n,
+    register: s,
+    unregister: u,
+    update: h,
+    validateOn: oe(e, "validateOn")
+  };
+  return ce(Na, y), {
+    inputs: a,
+    errors: i,
+    isValid: t,
+    isDisabled: l,
+    isReadonly: r,
+    isLoading: o,
+    isValidating: n,
+    validate: c
+  };
+}
+function el() {
+  return ue(Na, null);
+}
+const tl = F(
+  {
+    readonly: Boolean,
+    disabled: Boolean,
+    status: {
+      type: String,
+      validator(e) {
+        return ["success", "warning", "error"].includes(e);
+      }
+    },
+    helperText: String,
+    validators: Array,
+    validateOn: {
+      type: String
+    },
+    validationValue: null,
+    maxErrors: {
+      type: [Number, String],
+      default: 1
+    }
   },
-  rounded: {
-    type: Boolean,
-    default: !1
+  "validation"
+);
+function nl(e, t, n = Ue()) {
+  const a = k(() => e.name ?? n), i = G(e, "modelValue"), r = k(
+    () => e.validationValue === void 0 ? i.value : e.validationValue
+  ), l = ne(), o = el(), c = I(!1), s = k(() => {
+    let g = e.validateOn || "input";
+    g === "lazy" && (g = "input,lazy");
+    const w = new Set((g == null ? void 0 : g.split(",")) ?? []);
+    return {
+      blur: w.has("blur") || w.has("input"),
+      input: w.has("input"),
+      lazy: w.has("lazy"),
+      submit: w.has("submit")
+    };
+  }), u = I(), h = I([]), y = k(() => e.readonly ?? (o == null ? void 0 : o.isReadonly.value)), x = k(() => e.disabled ?? (o == null ? void 0 : o.isDisabled.value)), C = k(() => e.loading ?? (o == null ? void 0 : o.isLoading.value)), S = k(() => e.status === "error" || h.value.length > 0), v = k(() => !S.value && e.status === "success");
+  Sn(
+    () => s.value.input,
+    () => {
+      R(r, () => {
+        if (r.value != null)
+          f();
+        else if (e.focused) {
+          const g = R(
+            () => e.focused,
+            (w) => {
+              w || f(), g();
+            }
+          );
+        }
+      });
+    }
+  );
+  async function f() {
+    const g = [];
+    if (c.value = !0, Array.isArray(e.validators))
+      for (const w of e.validators) {
+        if (g.length >= +(e.maxErrors ?? 1))
+          break;
+        const _ = await (typeof w == "function" ? w : () => w)(r.value);
+        if (_ !== !0) {
+          if (_ !== !1 && typeof _ != "string") {
+            console.warn("Wrong validator return type");
+            continue;
+          }
+          g.push(_ || "");
+        }
+      }
+    return c.value = !1, h.value = g, u.value = g == null ? void 0 : g[0], g;
+  }
+  function b() {
+    h.value = [], u.value = void 0;
+  }
+  async function p() {
+    s.value.lazy ? b() : await f();
+  }
+  return ka(() => {
+    o == null || o.register({
+      id: a.value,
+      vnode: l.vnode,
+      resetValidation: p,
+      validate: f
+    });
+  }), {
+    invokeValidators: f,
+    resetError: b,
+    validating: c,
+    validateOn: s,
+    errorResult: u,
+    errors: h,
+    isReadonly: y,
+    isDisabled: x,
+    isLoading: C,
+    isError: S,
+    isSuccess: v
+  };
+}
+function al(e) {
+  const t = e.getBoundingClientRect(), n = getComputedStyle(e), a = n.transform;
+  if (a) {
+    let i, r, l, o;
+    if (a.startsWith("matrix3d(")) {
+      const x = a.slice(9, -1).split(/, /);
+      i = +x[0], r = +x[5], l = +x[12], o = +x[13];
+    } else if (a.startsWith("matrix(")) {
+      const x = a.slice(7, -1).split(/, /);
+      i = +x[0], r = +x[3], l = +x[4], o = +x[5];
+    } else
+      return t;
+    const c = n.transformOrigin, s = t.x - l - (1 - i) * parseFloat(c), u = t.y - o - (1 - r) * parseFloat(c.slice(c.indexOf(" ") + 1)), h = i ? t.width / i : e.offsetWidth, y = r ? t.height / r : e.offsetHeight;
+    return {
+      x: s,
+      y: u,
+      width: h,
+      height: y,
+      top: u,
+      right: s + h,
+      bottom: u + y,
+      left: s
+    };
+  } else
+    return t;
+}
+function Rt(e) {
+  return Math.round(e * devicePixelRatio) / devicePixelRatio;
+}
+function Qn(e) {
+  return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
+}
+function z(e, t = "px") {
+  if (e == null || e === "")
+    return;
+  let n = Number(e);
+  return typeof e == "string" && isNaN(n) ? e : isFinite(n) ? `${n}${t}` : void 0;
+}
+const ge = "y-input", lt = F({
+  name: String,
+  width: {
+    type: [String, Number]
   },
-  filled: {
-    type: Boolean,
-    default: !1
+  height: [Number, String],
+  displayTag: {
+    type: String,
+    default: "div"
   },
-  //
-  color: {
-    type: String
+  label: String,
+  modelValue: {
+    type: [String, Number, Array, Object]
   },
-  noWave: {
+  autoSelect: {
+    type: Boolean,
+    default: !0
+  },
+  floating: {
     type: Boolean,
     default: !1
   },
-  ...Br(),
-  ...Tr()
-}, "YButton"), Q = /* @__PURE__ */ V({
-  name: "YButton",
-  directives: {
-    PlateWave: Pa
+  floated: {
+    type: Boolean,
+    default: () => !1
   },
-  props: Bt(),
-  emits: {
-    click: (e) => !0,
-    "choice:selected": (e) => !0
+  placeholder: String,
+  required: Boolean,
+  loading: Boolean,
+  // variations
+  variation: String,
+  outlined: Boolean,
+  filled: Boolean,
+  ceramic: Boolean,
+  // validate
+  ...tl(),
+  ...Kr(),
+  extended: Object
+}, "YInput"), Be = /* @__PURE__ */ V({
+  name: "YInput",
+  props: {
+    ...qe(),
+    ...lt()
   },
+  emits: ["error", "click", "mousedown", "mouseup", "focus", "blur", "mousedown:display", "mouseup:display", "keydown:display", "click:leading", "update:modelValue", "update:focused"],
+  slots: Object,
   setup(e, {
-    attrs: t,
-    slots: n,
-    emit: a
+    slots: t,
+    attrs: n,
+    expose: a,
+    emit: i
   }) {
-    const i = Er(e, e.injectSymbol, !1), r = Pr(e, t);
-    Yr(r, i == null ? void 0 : i.select);
-    const l = k(() => {
-      var y;
-      return e.active !== void 0 ? e.active : r.isLink.value ? (y = r.isActive) == null ? void 0 : y.value : i == null ? void 0 : i.isSelected.value;
-    }), o = k(() => {
-      const {
-        variation: y
-      } = e;
-      return typeof y == "string" ? y.split(",").map((x) => x.trim()) : [];
-    }), c = k(() => {
-      const {
-        outlined: y,
-        rounded: x,
-        filled: C,
-        small: S,
-        icon: v
-      } = e;
-      return {
-        [`${de}--outlined`]: o.value.includes("outlined") || y,
-        [`${de}--rounded`]: o.value.includes("rounded") || x,
-        [`${de}--filled`]: o.value.includes("filled") || C,
-        [`${de}--text`]: o.value.includes("text"),
-        [`${de}--small`]: o.value.includes("small") || S,
-        [`${de}--x-small`]: o.value.includes("x-small") || S,
-        [`${de}--icon`]: o.value.includes("icon") || v,
-        [`${de}--color`]: e.color,
-        [`${de}--loading`]: e.loading,
-        [`${de}--disabled`]: e.disabled,
-        [`${de}--active`]: l.value
-      };
-    }), s = k(() => {
-      let {
-        color: y
-      } = e, x;
-      return y && !je(y) && (y = `var(--y-theme-${y})`, x = `var(--y-theme-on-${e.color})`), {
-        "--y-button__color": y,
-        "--y-button__text-color": x
-      };
-    }), u = k(() => (i == null ? void 0 : i.disabled.value) || e.disabled);
-    function h(y) {
-      var x;
-      u.value || e.loading || r.isLink.value && (y.metaKey || y.altKey || y.ctrlKey || y.shiftKey || y.button !== 0 || t.target === "_blank") || (a("click", y), (x = r.navigate) == null || x.call(r, y), i == null || i.toggle());
-    }
-    return K(() => {
-      const y = r.isLink.value ? "a" : "button";
-      return ze(d(y, {
-        type: y === "a" ? void 0 : "button",
-        class: [`${de}`, i == null ? void 0 : i.selectedClass.value, {
-          ...c.value
-        }],
-        href: e.disabled ? void 0 : r.href.value,
-        style: s.value,
-        onClick: h,
-        disabled: e.disabled ? !0 : void 0
-      }, {
-        default: () => {
-          var x, C, S;
-          return [d("span", {
-            class: ["y-button__content"]
-          }, [e.loading && (n.loading ? (x = n.loading) == null ? void 0 : x.call(n) : d(Na, W({
-            width: "24",
-            height: "24"
-          }), null)), (C = n.default) == null ? void 0 : C.call(n)]), (S = n.append) == null ? void 0 : S.call(n)];
-        }
-      }), [[Et("plate-wave"), !e.noWave && !e.loading]]);
-    }), {
-      link: r
-    };
-  }
-}), Zr = {
-  focused: Boolean,
-  "onUpdate:focused": Function
-}, Jr = F(Zr, "focus");
-function An(e, t) {
-  const n = G(e, "focused");
-  function a() {
-    n.value = !0;
-  }
-  function i() {
-    n.value = !1;
-  }
-  const r = k(() => ({
-    [`${t}--focused`]: n.value
-  }));
-  return {
-    focused: n,
-    whenFocus: a,
-    whenBlur: i,
-    focusedClasses: r
-  };
-}
-const Qr = (e, t, n) => {
-  function a(i) {
-    e.classList.forEach((r) => {
-      r.startsWith("y-theme--") && r !== i && e.classList.remove(r);
-    }), e.classList.add(i);
+    const r = Ue(), {
+      themeClasses: l
+    } = Ge(e), {
+      focused: o,
+      focusedClasses: c,
+      whenFocus: s,
+      whenBlur: u
+    } = Cn(e, "y-input"), {
+      isDisabled: h,
+      isReadonly: y,
+      isLoading: x,
+      invokeValidators: C,
+      resetError: S,
+      isError: v,
+      isSuccess: f,
+      errors: b,
+      errorResult: p
+    } = nl(e, ge, r), g = I(), w = I(), m = I();
+    I();
+    const _ = re(!1), M = k(() => e.variation ? e.variation.split(",").map((B) => B.trim()) : []), P = k(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!m.value), O = k(() => ({
+      // Style
+      [l.value]: !0,
+      "y-input--ceramic": !!e.ceramic,
+      "y-input--outlined": !e.ceramic && (M.value.includes("outlined") || !!e.outlined),
+      "y-input--filled": M.value.includes("filled") || !!e.filled,
+      // Value
+      "y-input--loading": x.value,
+      "y-input--has-value": !!m.value,
+      "y-input--focused": o.value,
+      "y-input--readonly": y.value,
+      "y-input--disabled": h.value,
+      "y-input--error": v.value,
+      "y-input--success": f.value
+    })), A = k(() => ({
+      width: z(e.width),
+      height: z(e.height)
+    }));
+    R(() => e.modelValue, (B) => {
+      m.value = B;
+    }), R(() => e.readonly, (B) => {
+      B || (m.value = e.modelValue);
+    }), R(m, (B) => {
+      !y.value && !x.value && i("update:modelValue", B);
+    }), R(v, (B) => {
+      i("error", B, b.value);
+    }), R(() => e.focused, (B) => {
+      B || C();
+    });
+    function T(B) {
+      i("click", B);
+    }
+    function D(B) {
+      _.value = !0, i("mousedown:display", B);
+    }
+    function Y(B) {
+      _.value = !1, i("mouseup:display", B);
+    }
+    function E(B) {
+      i("keydown:display", B);
+    }
+    function $(B) {
+      s(), i("focus", B);
+    }
+    function j(B) {
+      u(), C(), i("blur", B);
+    }
+    function N(B) {
+      i("click:leading", B);
+    }
+    function L() {
+      if (e.label || t.label)
+        return d("label", {
+          class: [{
+            [`${ge}__label`]: !0,
+            "y-input__floating-label": e.floating,
+            "y-input__floating-label--floated": e.floating && P.value
+          }],
+          for: `y-input--${r}`
+        }, [t.label ? t.label() : e.label ? d(X, null, [e.label, e.required && d("span", {
+          class: "y-input__required-mark"
+        }, [Ot("*")])]) : e.placeholder && !m.value && e.placeholder]);
+    }
+    return a({
+      ...e.extended ?? {},
+      createLabel: L,
+      invokeValidators: C,
+      validate: C,
+      resetError: S
+    }), K(() => {
+      var B, H;
+      return d("div", {
+        class: [`${ge}`, {
+          ...O.value
+        }]
+      }, [t.prepend && d("div", {
+        class: `${ge}__prepend`
+      }, [t.prepend()]), d("div", {
+        ref: g,
+        class: [`${ge}__stack`]
+      }, [!e.floating && L(), t["leading-out"] && t["leading-out"](), d("div", {
+        ref: w,
+        class: `${ge}__display`,
+        style: [{
+          ...A.value
+        }],
+        "data-base-parent": !0,
+        onClick: T,
+        onMousedown: D,
+        onMouseup: Y,
+        onKeydown: E
+      }, [d("div", {
+        class: `${ge}__plate`
+      }, null), t.leading && d("div", {
+        class: "y-input__leading",
+        onClick: N
+      }, [t.leading({
+        error: v.value
+      })]), t.default ? t.default({
+        value: e.modelValue,
+        loading: x.value,
+        attrId: `y-input--${r}`,
+        focused: o.value
+      }) : d("div", {
+        class: `${ge}__value`,
+        "data-id": `y-input--${r}`,
+        tabindex: 0,
+        onFocus: $,
+        onBlur: j
+      }, [e.floating && L(), (B = e.modelValue) == null ? void 0 : B.toString()]), (H = t.trailing) == null ? void 0 : H.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
+        class: `${ge}__helper-text`
+      }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
+        error: v.value,
+        errors: b.value,
+        errorResult: p.value
+      })]) : e.helperText ?? p.value])]), t.append && d("div", {
+        class: `${ge}__append`
+      }, [t.append()])]);
+    }), {
+      ...e.extended ?? {},
+      themeClasses: l,
+      isFocused: o,
+      focusedClasses: c,
+      whenFocus: s,
+      whenBlur: u,
+      createLabel: L,
+      invokeValidators: C
+    };
   }
-  We(
-    () => {
-      var o, c, s, u, h;
-      const i = ((c = (o = t.instance) == null ? void 0 : o.$yuyeon) == null ? void 0 : c.theme) ?? ((h = (u = (s = n == null ? void 0 : n.ctx) == null ? void 0 : s.root.appContext.config.globalProperties) == null ? void 0 : u.$yuyeon) == null ? void 0 : h.theme), r = t.value ?? ve(i.currentThemeKey) ?? "";
-      if (!r)
-        return;
-      const l = `y-theme--${r}`;
-      a(l);
-    },
-    { flush: "post" }
-  );
-};
-/** @preserve
- /////    SAPC APCA - Advanced Perceptual Contrast Algorithm
- /////           Beta 0.1.9 W3 • contrast function only
- /////           DIST: W3 • Revision date: July 3, 2022
- /////    Function to parse color values and determine Lc contrast
- /////    Copyright © 2019-2022 by Andrew Somers. All Rights Reserved.
- /////    LICENSE: W3 LICENSE
- /////    CONTACT: Please use the ISSUES or DISCUSSIONS tab at:
- /////    https://github.com/Myndex/SAPC-APCA/
- /////
- ///////////////////////////////////////////////////////////////////////////////
- /////
- /////    MINIMAL IMPORTS:
- /////      import { APCAcontrast, sRGBtoY, displayP3toY,
-/////               calcAPCA, fontLookupAPCA } from 'apca-w3';
- /////      import { colorParsley } from 'colorparsley';
- /////
- /////    FORWARD CONTRAST USAGE:
- /////      Lc = APCAcontrast( sRGBtoY( TEXTcolor ) , sRGBtoY( BACKGNDcolor ) );
- /////    Where the colors are sent as an rgba array [255,255,255,1]
- /////
- /////    Retrieving an array of font sizes for the contrast:
- /////      fontArray = fontLookupAPCA(Lc);
- /////
- /////    Live Demonstrator at https://www.myndex.com/APCA/
- // */
-const ee = {
-  mainTRC: 2.4,
-  // 2.4 exponent for emulating actual monitor perception
-  // For reverseAPCA
-  get mainTRCencode() {
-    return 1 / this.mainTRC;
+}), kn = /* @__PURE__ */ V({
+  name: "YIconClear",
+  setup() {
+    return () => d("svg", {
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [d("path", {
+      d: "m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z",
+      fill: "currentColor",
+      "stroke-miterlimit": "10"
+    }, null)]);
+  }
+}), st = "y-field-input", _n = F({
+  enableClear: Boolean,
+  inputAlign: String,
+  inlineLabel: Boolean,
+  displayText: [String, Function],
+  whenInputValid: [Boolean, Number],
+  tabindex: {
+    type: String,
+    default: "0"
   },
-  // sRGB coefficients
-  sRco: 0.2126729,
-  sGco: 0.7151522,
-  sBco: 0.072175,
-  // G-4g constants for use with 2.4 exponent
-  normBG: 0.56,
-  normTXT: 0.57,
-  revTXT: 0.62,
-  revBG: 0.65,
-  // G-4g Clamps and Scalers
-  blkThrs: 0.022,
-  blkClmp: 1.414,
-  scaleBoW: 1.14,
-  scaleWoB: 1.14,
-  loBoWoffset: 0.027,
-  loWoBoffset: 0.027,
-  deltaYmin: 5e-4,
-  loClip: 0.1,
-  ///// MAGIC NUMBERS for UNCLAMP, for use with 0.022 & 1.414 /////
-  // Magic Numbers for reverseAPCA
-  mFactor: 1.9468554433171,
-  get mFactInv() {
-    return 1 / this.mFactor;
+  type: {
+    type: String,
+    default: "text"
   },
-  mOffsetIn: 0.0387393816571401,
-  mExpAdj: 0.283343396420869,
-  get mExp() {
-    return this.mExpAdj / this.blkClmp;
+  ...lt({
+    variation: "filled"
+  })
+}, "YFieldInput"), pt = /* @__PURE__ */ V({
+  name: "YFieldInput",
+  props: {
+    ..._n()
   },
-  mOffsetOut: 0.312865795870758
-};
-function Kt(e = [0, 0, 0]) {
-  function t(n) {
-    return Math.pow(n / 255, ee.mainTRC);
-  }
-  return ee.sRco * t(e[0]) + ee.sGco * t(e[1]) + ee.sBco * t(e[2]);
-}
-function ta(e, t, n = -1) {
-  const a = [0, 1.1];
-  if (isNaN(e) || isNaN(t) || Math.min(e, t) < a[0] || Math.max(e, t) > a[1])
-    return 0;
-  let i = 0, r = 0, l = "BoW";
-  return e = e > ee.blkThrs ? e : e + Math.pow(ee.blkThrs - e, ee.blkClmp), t = t > ee.blkThrs ? t : t + Math.pow(ee.blkThrs - t, ee.blkClmp), Math.abs(t - e) < ee.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, ee.normBG) - Math.pow(e, ee.normTXT)) * ee.scaleBoW, r = i < ee.loClip ? 0 : i - ee.loBoWoffset) : (l = "WoB", i = (Math.pow(t, ee.revBG) - Math.pow(e, ee.revTXT)) * ee.scaleWoB, r = i > -ee.loClip ? 0 : i + ee.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + l + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
-}
-function el(e) {
-  var n;
-  const t = {};
-  for (const [a, i] of Object.entries(e)) {
-    const r = t[a] = {
-      ...i,
-      colors: {
-        ...i.colors
-      },
-      variables: {
-        ...i.variables
-      }
-    };
-    for (const l of Object.keys(r.colors)) {
-      const o = r.colors[l];
-      if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(o) && (r.colors[l] = o, r.colors[`${l}-rgb`] = (n = rn(o)) == null ? void 0 : n.join(", ")), /^on-[a-z]/.test(l) || r.colors[`on-${l}`])
-        continue;
-      const c = `on-${l}`, s = Kt(rn(o) ?? [0, 0, 0]), u = Math.abs(
-        ta(Kt([0, 0, 0]), s)
-      ), h = Math.abs(
-        ta(Kt([255, 255, 255]), s)
-      );
-      r.colors[c] = h > Math.min(u, 50) ? "#ffffff" : "#000000", r.colors[`${c}-rgb`] = h > Math.min(u, 50) ? "255, 255, 255" : "0, 0, 0";
+  emits: ["update:modelValue", "update:focused", "input", "change", "click", "mousedown", "mouseup", "keydown", "keyup", "focus", "blur", "mousedown:display", "keydown:display", "click:clear"],
+  slots: Object,
+  setup(e, {
+    attrs: t,
+    expose: n,
+    emit: a,
+    slots: i
+  }) {
+    const r = I(), l = I(), {
+      focused: o,
+      whenFocus: c,
+      whenBlur: s
+    } = Cn(e, "y-field-input"), u = I(""), h = I(""), y = oe(e, "type"), x = k(() => ({
+      [st]: !0,
+      [`${st}--inline-label`]: !!e.inlineLabel
+    }));
+    function C(D) {
+      a("click", D);
     }
-  }
-  return t;
-}
-function tl(e) {
-  const t = {}, { scaleMethod: n, colors: a } = e;
-  for (const [i, r] of Object.entries(a))
-    typeof r == "string" && (t[i] = r);
-  return t;
-}
-function Ze(e, t) {
-  return [`${e} {
-`, ...t.map((n) => `  ${n}
-`), `}
-`];
-}
-function dt(e, t = "") {
-  return Object.entries(e).map(([n, a]) => nl(`${t}-${n}`, a));
-}
-function nl(e, t) {
-  return `--y-${e}: ${t};`;
-}
-const na = {
-  light: "light",
-  dark: "dark"
-}, al = ["light", "dark", "auto"], aa = {
-  scaleMethod: "tonal",
-  colors: {
-    primary: "#0062a1",
-    secondary: "#6251a6",
-    tertiary: "#3c691b",
-    neutral: "#5d5e61",
-    positive: "#009d61",
-    negative: "#ba1a1a",
-    warning: "#f69400",
-    info: "#0d62e6"
-  }
-}, ia = {
-  light: {
-    isDark: !1,
-    colors: {
-      primary: "#0062a1",
-      secondary: "#6251a6",
-      tertiary: "#3c691b",
-      background: "#fdfbff",
-      "on-background": "#1a1c1e",
-      surface: "#fdfbff",
-      "on-surface": "#1a1c1e",
-      "surface-variant": "#dfe3eb",
-      "on-surface-variant": "#42474e",
-      outline: "#73777f",
-      "outline-variant": "#c2c7cf",
-      error: "#ba1a1a",
-      "on-error": "#ffffff",
-      warning: "#8a5100",
-      "on-warning": "#ffffff",
-      info: "#0056d0",
-      "on-info": "#ffffff",
-      success: "#006d42",
-      "on-success": "#ffffff",
-      shadow: "#000000",
-      highlighter: "#ffff00"
-    },
-    variables: {
-      "outline-opacity": 0.14,
-      "base-shadow-opacity": 0.14,
-      "base-font": "#141414"
+    function S(D) {
+      c(), h.value = u.value, a("focus", D);
     }
-  },
-  dark: {
-    isDark: !0,
-    colors: {
-      primary: "#9ccaff",
-      "on-primary": "#003257",
-      secondary: "#cbbeff",
-      "on-secondary": "#332074",
-      tertiary: "#a1d57a",
-      "on-tertiary": "#173800",
-      background: "#1a1c1e",
-      "on-background": "#e2e2e6",
-      surface: "#1a1c1e",
-      "on-surface": "#e2e2e6",
-      "surface-variant": "#42474e",
-      "on-surface-variant": "#c2c7cf",
-      outline: "#8c9199",
-      "outline-variant": "#42474e",
-      error: "#ffb4ab",
-      "on-error": "#690005",
-      warning: "#ffb86e",
-      "on-warning": "#492900",
-      info: "#b1c5ff",
-      "on-info": "#002c72",
-      success: "#61dd9a",
-      "on-success": "#003920",
-      shadow: "#000000",
-      highlighter: "#51510d"
-    },
-    variables: {
-      "outline-opacity": 0.14,
-      "base-shadow-opacity": 0.14,
-      "base-font": "#f5f5f5"
+    function v(D) {
+      s(), a("blur", D), O();
     }
-  }
-};
-function il(e) {
-  return e ? {
-    scheme: al.includes(e.scheme) ? e.scheme : na.light,
-    theme: e.theme ?? ["light", "dark"],
-    themes: { ...we(ia, e.themes) },
-    palette: { ...we(aa, e.palette) },
-    separation: e == null ? void 0 : e.separation
-  } : {
-    scheme: na.light,
-    theme: ["light", "dark"],
-    themes: { ...we(ia) },
-    palette: { ...we(aa) }
-  };
-}
-const pt = Symbol.for("yuyeon.theme"), qe = F(
-  {
-    theme: String
-  },
-  "theme"
-);
-function rl() {
-  return window.matchMedia("(prefers-color-scheme)").media !== "not all";
-}
-function ll(e) {
-  const t = hn(), n = Ee(il(e)), a = I(n.scheme), i = I(n.theme), r = I(n.themes), l = I(n.palette), o = I(!0), c = I("");
-  function s(p) {
-    c.value = p.matches ? "dark" : "light";
-  }
-  const u = k(() => a.value === "auto" ? c.value : a.value === "dark" ? "dark" : "light"), h = k(() => {
-    var p, g;
-    return typeof i.value == "string" && i.value in x ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((p = i.value) == null ? void 0 : p[1]) ?? "dark" : ((g = i.value) == null ? void 0 : g[0]) ?? "light" : u.value;
-  }), y = k(() => tl(l.value)), x = k(() => el(r.value)), C = k(() => {
-    const p = n.separation ? `#${n.separation}` : "", g = [];
-    g.push(
-      ...Ze(":root", dt(y.value, "palette"))
-    );
-    for (const [w, m] of Object.entries(x.value)) {
-      const { colors: _, variables: M, isDark: P } = m, O = {
-        ..._,
-        ...M
-      }, A = P ? "dark" : "light";
-      a.value === "auto" ? g.push(
-        ...Ze(
-          `@media (prefers-color-scheme: ${A})`,
-          Ze(
-            `${p}[data-theme-scheme='auto'][data-${A}-theme='${w}']`,
-            dt(O, "theme")
-          )
-        )
-      ) : g.push(
-        ...Ze(
-          `${p}[data-theme-scheme='${A}'][data-${A}-theme='${w}']`,
-          dt(O, "theme")
-        )
-      ), g.push(
-        ...Ze(
-          `${p} .y-theme--${w}`,
-          dt(O, "theme")
-        )
-      );
+    function f(D) {
+      a("input", D);
+      const Y = D.target;
+      u.value = Y == null ? void 0 : Y.value, h.value = Y == null ? void 0 : Y.value;
     }
-    return g.join("");
-  });
-  function S(p) {
-    p.directive("theme", Qr);
-    let g = document.getElementById(
-      `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
-    );
-    R(C, w, { immediate: !0 });
-    function w() {
-      if (typeof document < "u" && !g) {
-        const m = document.createElement("style");
-        m.type = "text/css", m.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && m.setAttribute("nonce", e.cspNonce), g = m, document.head.appendChild(g);
-      }
-      g && (g.innerHTML = C.value);
+    function b(D) {
+      a("change", u.value);
     }
-  }
-  function v(p) {
-    if (o.value = rl(), o.value) {
-      const g = window.matchMedia("(prefers-color-scheme: dark)");
-      s(g), g.addEventListener("change", s);
+    function p(D) {
+      a("keydown", D);
     }
-    R(
-      i,
-      (g) => {
-        const [w, m] = g;
-        p.root.dataset.lightTheme = w, p.root.dataset.darkTheme = m;
-      },
-      { immediate: !0 }
-    ), R(
-      a,
-      (g) => {
-        p.root.setAttribute(
-          "data-theme-scheme",
-          g === "auto" ? "auto" : u.value
-        );
-      },
-      { immediate: !0 }
-    );
-  }
-  function f(p) {
-    t.run(() => {
-      v(p);
-    });
-  }
-  const b = k(() => `y-theme--${h.value}`);
-  return {
-    install: S,
-    init: f,
-    scope: t,
-    instance: {
-      global: {
-        scheme: a,
-        theme: i
-      },
-      themes: r,
-      scheme: a,
-      theme: i,
-      currentThemeKey: h,
-      themeClasses: b,
-      computedThemes: x,
-      computedPalette: y,
-      supportedAutoMode: Qt(o),
-      preferColorScheme: Qt(c)
+    function g(D) {
+      a("keyup", D);
     }
-  };
-}
-function Ge(e) {
-  ne();
-  const t = ue(
-    pt,
-    null
-  );
-  if (!t) throw new Error('Not found provided "ThemeModule"');
-  t.computedPalette;
-  const n = k(() => {
-    if (e.theme) {
-      const r = ve(t.theme);
-      switch (e.theme) {
-        case "light":
-          return (r == null ? void 0 : r[0]) ?? "light";
-        case "dark":
-          return (r == null ? void 0 : r[1]) ?? "dark";
-        default:
-          return e.theme;
-      }
+    function w(D) {
+      a("click:clear", D), P();
     }
-    return ve(t.currentThemeKey);
-  }), a = k(() => `y-theme--${n.value}`), i = {
-    ...t,
-    currentThemeKey: n,
-    themeClasses: a
-  };
-  return ce(pt, i), i;
-}
-function ec() {
-  ne();
-  const e = ue(pt, null);
-  if (!e) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
-  return e;
-}
-const Va = Symbol.for("yuyeon.form"), ol = F(
-  {
-    readonly: Boolean,
-    disabled: Boolean,
-    loading: Boolean,
-    modelValue: {
-      type: Boolean,
-      default: null
-    },
-    validateOn: {
-      type: String,
-      default: "input"
+    function m(D) {
+      (D.code === "Space" || D.code === "Enter") && P();
     }
-  },
-  "form"
-);
-function ul(e) {
-  const t = G(e), n = re(!1), a = I([]), i = I([]), r = k(() => e.readonly), l = k(() => e.disabled), o = k(() => e.loading);
-  async function c() {
-    var S;
-    const x = [];
-    let C = !0;
-    i.value = [], n.value = !0;
-    for (const v of a.value) {
-      const f = await v.validate();
-      f.length > 0 && (C = !1, x.push({
-        id: v.id,
-        vnode: v.vnode,
-        exposed: (S = v.vnode.component) == null ? void 0 : S.exposed,
-        errors: f
-      }));
+    function _() {
+      var D;
+      (D = l.value) == null || D.focus();
     }
-    return i.value = x, n.value = !1, { valid: C, errors: i.value };
-  }
-  function s(x) {
-    const { id: C, validate: S, vnode: v } = x;
-    a.value.push({
-      id: C,
-      validate: S,
-      vnode: v,
-      isError: null,
-      errors: []
-    });
-  }
-  function u(x) {
-    a.value = a.value.filter((C) => C.id !== x);
-  }
-  function h(x, C, S) {
-    const v = a.value.find((f) => f.id === x);
-    v && (v.isError = C, v.errors = S);
-  }
-  const y = {
-    inputs: a,
-    isDisabled: l,
-    isReadonly: r,
-    isLoading: o,
-    isValid: t,
-    isValidating: n,
-    register: s,
-    unregister: u,
-    update: h,
-    validateOn: oe(e, "validateOn")
-  };
-  return ce(Va, y), {
-    inputs: a,
-    errors: i,
-    isValid: t,
-    isDisabled: l,
-    isReadonly: r,
-    isLoading: o,
-    isValidating: n,
-    validate: c
-  };
-}
-function cl() {
-  return ue(Va, null);
-}
-const sl = F(
-  {
-    readonly: Boolean,
-    disabled: Boolean,
-    status: {
-      type: String,
-      validator(e) {
-        return ["success", "warning", "error"].includes(e);
+    function M() {
+      var D;
+      (D = l.value) == null || D.select();
+    }
+    function P() {
+      u.value = "", h.value = "", a("update:modelValue", u.value), a("change", u.value);
+    }
+    function O() {
+      const D = ne(), {
+        displayText: Y
+      } = e;
+      if (Y !== void 0) {
+        let E = u.value;
+        typeof Y == "string" && (E = Y), Y && typeof Y == "function" && (E = Y.call(D, E)), ye(() => {
+          h.value = E;
+        });
       }
-    },
-    helperText: String,
-    validators: Array,
-    validateOn: {
-      type: String
-    },
-    validationValue: null,
-    maxErrors: {
-      type: [Number, String],
-      default: 1
     }
-  },
-  "validation"
-);
-function dl(e, t, n = Ue()) {
-  const a = k(() => e.name ?? n), i = G(e, "modelValue"), r = k(
-    () => e.validationValue === void 0 ? i.value : e.validationValue
-  ), l = ne(), o = cl(), c = I(!1), s = k(() => {
-    let g = e.validateOn || "input";
-    g === "lazy" && (g = "input,lazy");
-    const w = new Set((g == null ? void 0 : g.split(",")) ?? []);
-    return {
-      blur: w.has("blur") || w.has("input"),
-      input: w.has("input"),
-      lazy: w.has("lazy"),
-      submit: w.has("submit")
+    R(() => e.modelValue, (D) => {
+      u.value = D, h.value = D;
+    }, {
+      immediate: !0
+    }), R(u, (D) => {
+      o.value ? h.value = D : O();
+    }, {
+      immediate: !0
+    });
+    const A = {
+      focus: _,
+      select: M,
+      clear: P
     };
-  }), u = I(), h = I([]), y = k(() => e.readonly ?? (o == null ? void 0 : o.isReadonly.value)), x = k(() => e.disabled ?? (o == null ? void 0 : o.isDisabled.value)), C = k(() => e.loading ?? (o == null ? void 0 : o.isLoading.value)), S = k(() => e.status === "error" || h.value.length > 0), v = k(() => !S.value && e.status === "success");
-  Sn(
-    () => s.value.input,
-    () => {
-      R(r, () => {
-        if (r.value != null)
-          f();
-        else if (e.focused) {
-          const g = R(
-            () => e.focused,
-            (w) => {
-              w || f(), g();
-            }
-          );
-        }
-      });
-    }
-  );
-  async function f() {
-    const g = [];
-    if (c.value = !0, Array.isArray(e.validators))
-      for (const w of e.validators) {
-        if (g.length >= +(e.maxErrors ?? 1))
-          break;
-        const _ = await (typeof w == "function" ? w : () => w)(r.value);
-        if (_ !== !0) {
-          if (_ !== !1 && typeof _ != "string") {
-            console.warn("Wrong validator return type");
-            continue;
-          }
-          g.push(_ || "");
-        }
+    n({
+      ...A,
+      input$: l,
+      validate: () => {
+        var D;
+        return (D = r.value) == null ? void 0 : D.invokeValidators();
+      },
+      resetError: () => {
+        var D;
+        return (D = r.value) == null ? void 0 : D.resetError();
       }
-    return c.value = !1, h.value = g, u.value = g == null ? void 0 : g[0], g;
-  }
-  function b() {
-    h.value = [], u.value = void 0;
-  }
-  async function p() {
-    s.value.lazy ? b() : await f();
-  }
-  return ka(() => {
-    o == null || o.register({
-      id: a.value,
-      vnode: l.vnode,
-      resetValidation: p,
-      validate: f
     });
-  }), {
-    invokeValidators: f,
-    resetError: b,
-    validating: c,
-    validateOn: s,
-    errorResult: u,
-    errors: h,
-    isReadonly: y,
-    isDisabled: x,
-    isLoading: C,
-    isError: S,
-    isSuccess: v
-  };
-}
-const ge = "y-input", lt = F({
-  name: String,
-  width: {
-    type: [String, Number]
-  },
-  height: [Number, String],
-  displayTag: {
-    type: String,
-    default: "div"
-  },
-  label: String,
-  modelValue: {
-    type: [String, Number, Array, Object]
-  },
-  autoSelect: {
-    type: Boolean,
-    default: !0
-  },
-  floating: {
-    type: Boolean,
-    default: !1
-  },
-  floated: {
-    type: Boolean,
-    default: () => !1
-  },
-  placeholder: String,
-  required: Boolean,
-  loading: Boolean,
-  // variations
-  variation: String,
-  outlined: Boolean,
-  filled: Boolean,
-  ceramic: Boolean,
-  // validate
-  ...sl(),
-  ...Jr(),
-  extended: Object
-}, "YInput"), Be = /* @__PURE__ */ V({
-  name: "YInput",
-  props: {
-    ...qe(),
-    ...lt()
+    function T(D) {
+      a("update:modelValue", D);
+    }
+    return K(() => d(Be, W({
+      class: x.value,
+      ref: r
+    }, te(e, Be.props), {
+      modelValue: u.value,
+      focused: o.value,
+      extended: A,
+      "onUpdate:modelValue": T,
+      onClick: C,
+      "onMousedown:display": (D) => a("mousedown:display", D),
+      "onKeydown:display": (D) => a("keydown:display", D)
+    }), {
+      leading: i.leading ? (D) => {
+        var $;
+        const Y = [], E = ($ = i.leading) == null ? void 0 : $.call(i, D);
+        if (E)
+          Y.push(E);
+        else
+          return;
+        return Y;
+      } : void 0,
+      default: (D) => {
+        var Y, E, $;
+        return d("div", {
+          class: [`${st}__field`],
+          "data-id": D.attrId,
+          ref: "field"
+        }, [e.floating ? (E = (Y = r.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, ($ = i.default) == null ? void 0 : $.call(i, {
+          ...D,
+          focused: o.value
+        }), d("input", {
+          ref: l,
+          value: h.value,
+          name: e.name,
+          id: D.attrId,
+          type: y.value,
+          readonly: e.readonly || e.loading || D.loading,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          tabindex: e.tabindex || "0",
+          autocomplete: t.autocomplete,
+          maxlength: t.maxlength,
+          min: t.min,
+          max: t.max,
+          style: [t == null ? void 0 : t.style, {
+            textAlign: e.inputAlign
+          }],
+          size: t.size ?? 1,
+          onInput: f,
+          onFocus: S,
+          onBlur: v,
+          onChange: b,
+          onKeydown: p,
+          onKeyup: g
+        }, null)]);
+      },
+      trailing: i.trailing || e.enableClear && u.value ? () => d(X, null, [e.enableClear && u.value && d("div", {
+        class: ["y-input__trailing", "y-input__trailing--clear"]
+      }, [d("button", {
+        class: [`${st}__clear`],
+        disabled: e.disabled,
+        onClick: w,
+        onKeydown: m,
+        tabindex: 2
+      }, [d(kn, null, null)])]), i.trailing && d("div", {
+        class: ["y-input__trailing"]
+      }, [i.trailing()])]) : void 0,
+      label: i.label ? () => {
+        var D;
+        return (D = i.label) == null ? void 0 : D.call(i);
+      } : void 0,
+      prepend: i.prepend ? () => {
+        var D;
+        return (D = i.prepend) == null ? void 0 : D.call(i);
+      } : void 0,
+      append: i.append ? () => {
+        var D;
+        return (D = i.append) == null ? void 0 : D.call(i);
+      } : void 0,
+      "leading-out": i["leading-out"] ? () => {
+        var D;
+        return (D = i["leading-out"]) == null ? void 0 : D.call(i);
+      } : void 0,
+      "trailing-out": i["trailing-out"] ? () => {
+        var D;
+        return (D = i["trailing-out"]) == null ? void 0 : D.call(i);
+      } : void 0,
+      "helper-text": i["helper-text"] ? (D) => {
+        var Y;
+        return (Y = i["helper-text"]) == null ? void 0 : Y.call(i, D);
+      } : void 0
+    })), {
+      focused: o,
+      inValue: u
+    };
+  }
+}), Va = F({
+  displayText: [String, Function],
+  whenInputValid: [Boolean, Number],
+  ...lt({
+    variation: "filled"
+  })
+}, "YTextarea"), ea = "y-textarea", il = /* @__PURE__ */ V({
+  name: "YTextarea",
+  props: Va(),
+  emits: {
+    "update:modelValue": (e) => !0,
+    "update:focused": (e) => !0,
+    "mousedown:display": (e) => !0,
+    input: (e) => !0,
+    change: (e, t) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0,
+    click: (e) => !0,
+    keydown: (e) => !0,
+    keyup: (e) => !0
   },
-  emits: ["error", "click", "mousedown", "mouseup", "focus", "blur", "mousedown:display", "mouseup:display", "keydown:display", "click:leading", "update:modelValue", "update:focused"],
   slots: Object,
   setup(e, {
-    slots: t,
-    attrs: n,
-    expose: a,
-    emit: i
+    attrs: t,
+    emit: n,
+    slots: a,
+    expose: i
   }) {
-    const r = Ue(), {
-      themeClasses: l
-    } = Ge(e), {
-      focused: o,
-      focusedClasses: c,
-      whenFocus: s,
-      whenBlur: u
-    } = An(e, "y-input"), {
-      isDisabled: h,
-      isReadonly: y,
-      isLoading: x,
-      invokeValidators: C,
-      resetError: S,
-      isError: v,
-      isSuccess: f,
-      errors: b,
-      errorResult: p
-    } = dl(e, ge, r), g = I(), w = I(), m = I();
-    I();
-    const _ = re(!1), M = k(() => e.variation ? e.variation.split(",").map((B) => B.trim()) : []), P = k(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!m.value), O = k(() => ({
-      // Style
-      [l.value]: !0,
-      "y-input--ceramic": !!e.ceramic,
-      "y-input--outlined": !e.ceramic && (M.value.includes("outlined") || !!e.outlined),
-      "y-input--filled": M.value.includes("filled") || !!e.filled,
-      // Value
-      "y-input--loading": x.value,
-      "y-input--has-value": !!m.value,
-      "y-input--focused": o.value,
-      "y-input--readonly": y.value,
-      "y-input--disabled": h.value,
-      "y-input--error": v.value,
-      "y-input--success": f.value
-    })), A = k(() => ({
-      width: z(e.width),
-      height: z(e.height)
-    }));
-    R(() => e.modelValue, (B) => {
-      m.value = B;
-    }), R(() => e.readonly, (B) => {
-      B || (m.value = e.modelValue);
-    }), R(m, (B) => {
-      !y.value && !x.value && i("update:modelValue", B);
-    }), R(v, (B) => {
-      i("error", B, b.value);
-    }), R(() => e.focused, (B) => {
-      B || C();
-    });
-    function T(B) {
-      i("click", B);
+    const r = Ue(), l = I(), o = I(), c = I(""), s = I(""), {
+      focused: u,
+      whenFocus: h,
+      whenBlur: y
+    } = Cn(e, "y-field-input");
+    function x(m) {
+      n("update:modelValue", m);
     }
-    function D(B) {
-      _.value = !0, i("mousedown:display", B);
+    function C() {
+      const m = ne(), {
+        displayText: _
+      } = e;
+      if (_ !== void 0) {
+        let M = c.value;
+        typeof _ == "string" && (M = _), _ && typeof _ == "function" && (M = _.call(m, M)), ye(() => {
+          s.value = M;
+        });
+      }
     }
-    function Y(B) {
-      _.value = !1, i("mouseup:display", B);
+    function S(m) {
+      n("input", m);
+      const _ = m.target;
+      c.value = _ == null ? void 0 : _.value, s.value = _ == null ? void 0 : _.value;
     }
-    function E(B) {
-      i("keydown:display", B);
+    function v(m) {
+      n("change", c.value, m);
     }
-    function $(B) {
-      s(), i("focus", B);
+    function f(m) {
+      h(), s.value = c.value, n("focus", m);
     }
-    function j(B) {
-      u(), C(), i("blur", B);
+    function b(m) {
+      y(), n("blur", m), C();
     }
-    function N(B) {
-      i("click:leading", B);
+    function p(m) {
+      n("keydown", m);
     }
-    function L() {
-      if (e.label || t.label)
-        return d("label", {
-          class: [{
-            [`${ge}__label`]: !0,
-            "y-input__floating-label": e.floating,
-            "y-input__floating-label--floated": e.floating && P.value
-          }],
-          for: `y-input--${r}`
-        }, [t.label ? t.label() : e.label ? d(X, null, [e.label, e.required && d("span", {
-          class: "y-input__required-mark"
-        }, [Ot("*")])]) : e.placeholder && !m.value && e.placeholder]);
+    function g(m) {
+      n("keyup", m);
     }
-    return a({
-      ...e.extended ?? {},
-      createLabel: L,
-      invokeValidators: C,
-      validate: C,
-      resetError: S
-    }), K(() => {
-      var B, H;
-      return d("div", {
-        class: [`${ge}`, {
-          ...O.value
-        }]
-      }, [t.prepend && d("div", {
-        class: `${ge}__prepend`
-      }, [t.prepend()]), d("div", {
-        ref: g,
-        class: [`${ge}__stack`]
-      }, [!e.floating && L(), t["leading-out"] && t["leading-out"](), d("div", {
-        ref: w,
-        class: `${ge}__display`,
-        style: [{
-          ...A.value
-        }],
-        "data-base-parent": !0,
-        onClick: T,
-        onMousedown: D,
-        onMouseup: Y,
-        onKeydown: E
-      }, [d("div", {
-        class: `${ge}__plate`
-      }, null), t.leading && d("div", {
-        class: "y-input__leading",
-        onClick: N
-      }, [t.leading({
-        error: v.value
-      })]), t.default ? t.default({
-        value: e.modelValue,
-        loading: x.value,
-        attrId: `y-input--${r}`
-      }) : d("div", {
-        class: `${ge}__value`,
-        "data-id": `y-input--${r}`,
-        tabindex: 0,
-        onFocus: $,
-        onBlur: j
-      }, [e.floating && L(), (B = e.modelValue) == null ? void 0 : B.toString()]), (H = t.trailing) == null ? void 0 : H.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
-        class: `${ge}__helper-text`
-      }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
-        error: v.value,
-        errors: b.value,
-        errorResult: p.value
-      })]) : e.helperText ?? p.value])]), t.append && d("div", {
-        class: `${ge}__append`
-      }, [t.append()])]);
+    function w(m) {
+      n("click", m);
+    }
+    return R(() => e.modelValue, (m) => {
+      c.value = m, s.value = m;
+    }, {
+      immediate: !0
+    }), R(c, (m) => {
+      u.value ? s.value = m : C();
+    }), i({
+      el$: l,
+      input$: o,
+      validate: () => {
+        var m;
+        return (m = l.value) == null ? void 0 : m.invokeValidators();
+      }
+    }), K(() => {
+      const m = te(e, Be.props);
+      return d(Be, W({
+        class: [ea]
+      }, m, {
+        modelValue: c.value,
+        "onUpdate:modelValue": x,
+        focused: u.value,
+        onClick: w,
+        "onMousedown:display": (_) => n("mousedown:display", _)
+      }), {
+        default: (_) => {
+          var M, P;
+          return d("div", {
+            class: [`${ea}__field`],
+            "data-id": _.attrId,
+            ref: "field"
+          }, [e.floating ? (P = (M = l.value) == null ? void 0 : M.createLabel) == null ? void 0 : P.call(M) : void 0, a.default ? () => a.default(_) : void 0, d("textarea", W({
+            ref: o,
+            value: s.value,
+            id: `y-input--${r}`,
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            readonly: e.readonly,
+            required: e.required
+          }, t, {
+            onInput: S,
+            onFocus: f,
+            onBlur: b,
+            onChange: v,
+            onKeydown: p,
+            onKeyup: g
+          }), null)]);
+        },
+        label: a.label ? () => {
+          var _;
+          return (_ = a.label) == null ? void 0 : _.call(a);
+        } : void 0,
+        "helper-text": a["helper-text"] ? () => {
+          var _;
+          return (_ = a["helper-text"]) == null ? void 0 : _.call(a);
+        } : void 0
+      });
     }), {
-      ...e.extended ?? {},
-      themeClasses: l,
-      isFocused: o,
-      focusedClasses: c,
-      whenFocus: s,
-      whenBlur: u,
-      createLabel: L,
-      invokeValidators: C
+      el$: l,
+      input$: o
     };
   }
-}), Dn = /* @__PURE__ */ V({
-  name: "YIconClear",
-  setup() {
-    return () => d("svg", {
-      viewBox: "0 0 16 16",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
-      d: "m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z",
-      fill: "currentColor",
-      "stroke-miterlimit": "10"
-    }, null)]);
-  }
-}), ft = "y-field-input", Tn = F({
-  enableClear: Boolean,
-  inputAlign: String,
-  inlineLabel: Boolean,
-  displayText: [String, Function],
-  whenInputValid: [Boolean, Number],
-  tabindex: {
-    type: String,
-    default: "0"
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  ...lt({
-    variation: "filled"
-  })
-}, "YFieldInput"), St = /* @__PURE__ */ V({
-  name: "YFieldInput",
+}), rl = "y-form", ll = /* @__PURE__ */ V({
+  name: "YForm",
   props: {
-    ...Tn()
+    ...Jr()
+  },
+  emits: {
+    "update:modelValue": (e) => !0,
+    submit: (e) => !0,
+    "keydown.enter": (e) => !0
   },
-  emits: ["update:modelValue", "update:focused", "input", "change", "click", "mousedown", "mouseup", "keydown", "keyup", "focus", "blur", "mousedown:display", "keydown:display", "click:clear"],
-  slots: Object,
   setup(e, {
-    attrs: t,
-    expose: n,
-    emit: a,
-    slots: i
+    emit: t,
+    slots: n,
+    expose: a
   }) {
-    const r = I(), l = I(), {
-      focused: o,
-      whenFocus: c,
-      whenBlur: s
-    } = An(e, "y-field-input"), u = I(""), h = I(""), y = oe(e, "type"), x = k(() => ({
-      [ft]: !0,
-      [`${ft}--inline-label`]: !!e.inlineLabel
-    }));
-    function C(D) {
-      a("click", D);
-    }
-    function S(D) {
-      c(), h.value = u.value, a("focus", D);
-    }
-    function v(D) {
-      s(), a("blur", D), O();
-    }
-    function f(D) {
-      a("input", D);
-      const Y = D.target;
-      u.value = Y == null ? void 0 : Y.value, h.value = Y == null ? void 0 : Y.value;
-    }
-    function b(D) {
-      a("change", u.value);
-    }
-    function p(D) {
-      a("keydown", D);
-    }
-    function g(D) {
-      a("keyup", D);
-    }
-    function w(D) {
-      a("click:clear", D), P();
-    }
-    function m(D) {
-      (D.code === "Space" || D.code === "Enter") && P();
-    }
-    function _() {
-      var D;
-      (D = l.value) == null || D.focus();
-    }
-    function M() {
-      var D;
-      (D = l.value) == null || D.select();
-    }
-    function P() {
-      u.value = "", h.value = "", a("update:modelValue", u.value), a("change", u.value);
+    const i = Qr(e), r = I();
+    I();
+    function l(c) {
+      const s = c, u = i.validate();
+      s.then = u.then.bind(u), s.catch = u.catch.bind(u), s.finally = u.finally.bind(u), t("submit", s), s.defaultPrevented || u.then(({
+        valid: h
+      }) => {
+        var y;
+        h && ((y = r.value) == null || y.submit());
+      }), s.preventDefault();
     }
-    function O() {
-      const D = ne(), {
-        displayText: Y
-      } = e;
-      if (Y !== void 0) {
-        let E = u.value;
-        typeof Y == "string" && (E = Y), Y && typeof Y == "function" && (E = Y.call(D, E)), ye(() => {
-          h.value = E;
-        });
-      }
+    function o(c) {
+      c.preventDefault(), c.stopImmediatePropagation(), t("keydown.enter", c);
     }
-    R(() => e.modelValue, (D) => {
-      u.value = D, h.value = D;
-    }, {
-      immediate: !0
-    }), R(u, (D) => {
-      o.value ? h.value = D : O();
-    }, {
-      immediate: !0
-    });
-    const A = {
-      focus: _,
-      select: M,
-      clear: P
-    };
-    n({
-      ...A,
-      input$: l,
-      validate: () => {
-        var D;
-        return (D = r.value) == null ? void 0 : D.invokeValidators();
-      },
-      resetError: () => {
-        var D;
-        return (D = r.value) == null ? void 0 : D.resetError();
-      }
+    a({
+      ...i
+    }), K(() => {
+      var c;
+      return d("form", {
+        ref: r,
+        class: [rl],
+        novalidate: !0,
+        onSubmit: l,
+        onKeydown: vr(o, ["enter"])
+      }, [(c = n.default) == null ? void 0 : c.call(n)]);
     });
-    function T(D) {
-      a("update:modelValue", D);
-    }
-    return K(() => d(Be, W({
-      class: x.value,
-      ref: r
-    }, te(e, Be.props), {
-      modelValue: u.value,
-      focused: o.value,
-      extended: A,
-      "onUpdate:modelValue": T,
-      onClick: C,
-      "onMousedown:display": (D) => a("mousedown:display", D),
-      "onKeydown:display": (D) => a("keydown:display", D)
-    }), {
-      leading: i.leading ? (D) => {
-        var $;
-        const Y = [], E = ($ = i.leading) == null ? void 0 : $.call(i, D);
-        if (E)
-          Y.push(E);
-        else
-          return;
-        return Y;
-      } : void 0,
-      default: (D) => {
-        var Y, E, $;
-        return d("div", {
-          class: [`${ft}__field`],
-          "data-id": D.attrId,
-          ref: "field"
-        }, [e.floating ? (E = (Y = r.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, ($ = i.default) == null ? void 0 : $.call(i, D), d("input", {
-          ref: l,
-          value: h.value,
-          name: e.name,
-          id: D.attrId,
-          type: y.value,
-          readonly: e.readonly || e.loading || D.loading,
-          placeholder: e.placeholder,
-          disabled: e.disabled,
-          tabindex: e.tabindex || "0",
-          autocomplete: t.autocomplete,
-          maxlength: t.maxlength,
-          min: t.min,
-          max: t.max,
-          style: [t == null ? void 0 : t.style, {
-            textAlign: e.inputAlign
-          }],
-          size: t.size ?? 1,
-          onInput: f,
-          onFocus: S,
-          onBlur: v,
-          onChange: b,
-          onKeydown: p,
-          onKeyup: g
-        }, null)]);
-      },
-      trailing: i.trailing || e.enableClear && u.value ? () => d(X, null, [e.enableClear && u.value && d("div", {
-        class: ["y-input__trailing", "y-input__trailing--clear"]
-      }, [d("button", {
-        class: [`${ft}__clear`],
-        disabled: e.disabled,
-        onClick: w,
-        onKeydown: m,
-        tabindex: 2
-      }, [d(Dn, null, null)])]), i.trailing && d("div", {
-        class: ["y-input__trailing"]
-      }, [i.trailing()])]) : void 0,
-      label: i.label ? () => {
-        var D;
-        return (D = i.label) == null ? void 0 : D.call(i);
-      } : void 0,
-      prepend: i.prepend ? () => {
-        var D;
-        return (D = i.prepend) == null ? void 0 : D.call(i);
-      } : void 0,
-      append: i.append ? () => {
-        var D;
-        return (D = i.append) == null ? void 0 : D.call(i);
-      } : void 0,
-      "leading-out": i["leading-out"] ? () => {
-        var D;
-        return (D = i["leading-out"]) == null ? void 0 : D.call(i);
-      } : void 0,
-      "trailing-out": i["trailing-out"] ? () => {
-        var D;
-        return (D = i["trailing-out"]) == null ? void 0 : D.call(i);
-      } : void 0,
-      "helper-text": i["helper-text"] ? (D) => {
-        var Y;
-        return (Y = i["helper-text"]) == null ? void 0 : Y.call(i, D);
-      } : void 0
-    })), {
-      focused: o,
-      inValue: u
+  }
+}), ol = {
+  search: "search",
+  noItems: "No Options",
+  noData: "No Data"
+}, ta = "$yuyeon";
+function na(e, t) {
+  return e.replace(/\{(\d+)\}/g, (n, a) => String(t[+a]));
+}
+function La(e, t, n) {
+  function a(l, ...o) {
+    if (!l.startsWith(ta))
+      return na(l, o);
+    const c = l.replace(ta, ""), s = e.value && n.value[e.value], u = t.value && n.value[t.value];
+    let h = Z(s, c, null);
+    return h || (h = Z(u, c, null)), h || (h = l), typeof h != "string" && (h = l), na(h, o);
+  }
+  function i(l, o) {
+    return new Intl.NumberFormat(
+      [e.value, t.value],
+      o
+    ).format(l);
+  }
+  function r(l) {
+    const o = Vt(l, "locale", e), c = Vt(
+      l,
+      "fallbackLocale",
+      t
+    ), s = Vt(l, "messages", n), u = La(
+      o,
+      c,
+      s
+    );
+    return {
+      name: "yuyeon",
+      locale: e,
+      fallbackLocale: t,
+      messages: n,
+      t: u.translate,
+      n: u.number,
+      getContext: u.getContext
     };
   }
-}), La = F({
-  displayText: [String, Function],
-  whenInputValid: [Boolean, Number],
-  ...lt({
-    variation: "filled"
-  })
-}, "YTextarea"), ra = "y-textarea", fl = /* @__PURE__ */ V({
-  name: "YTextarea",
-  props: La(),
-  emits: {
-    "update:modelValue": (e) => !0,
-    "update:focused": (e) => !0,
-    "mousedown:display": (e) => !0,
-    input: (e) => !0,
-    change: (e, t) => !0,
-    focus: (e) => !0,
-    blur: (e) => !0,
-    click: (e) => !0,
-    keydown: (e) => !0,
-    keyup: (e) => !0
-  },
-  slots: Object,
-  setup(e, {
-    attrs: t,
-    emit: n,
-    slots: a,
-    expose: i
-  }) {
-    const r = Ue(), l = I(), o = I(), c = I(""), s = I(""), {
-      focused: u,
-      whenFocus: h,
-      whenBlur: y
-    } = An(e, "y-field-input");
-    function x(m) {
-      n("update:modelValue", m);
-    }
-    function C() {
-      const m = ne(), {
-        displayText: _
-      } = e;
-      if (_ !== void 0) {
-        let M = c.value;
-        typeof _ == "string" && (M = _), _ && typeof _ == "function" && (M = _.call(m, M)), ye(() => {
-          s.value = M;
-        });
-      }
-    }
-    function S(m) {
-      n("input", m);
-      const _ = m.target;
-      c.value = _ == null ? void 0 : _.value, s.value = _ == null ? void 0 : _.value;
-    }
-    function v(m) {
-      n("change", c.value, m);
-    }
-    function f(m) {
-      h(), s.value = c.value, n("focus", m);
-    }
-    function b(m) {
-      y(), n("blur", m), C();
-    }
-    function p(m) {
-      n("keydown", m);
-    }
-    function g(m) {
-      n("keyup", m);
+  return {
+    translate: a,
+    number: i,
+    getContext: r
+  };
+}
+function ul(e) {
+  const t = re((e == null ? void 0 : e.locale) ?? "en"), n = re((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = I({
+    en: ol,
+    ...e == null ? void 0 : e.messages
+  }), i = La(t, n, a);
+  return {
+    name: "yuyeon",
+    locale: t,
+    fallbackLocale: n,
+    messages: a,
+    t: i.translate,
+    n: i.number,
+    getContext: i.getContext
+  };
+}
+function cl(e) {
+  var t;
+  return e != null && e.adapter && ((t = e.adapter) != null && t.name) ? e.adapter : ul(e);
+}
+const sl = {
+  af: "af-ZA",
+  bg: "bg-BG",
+  ca: "ca-ES",
+  cs: "cs-CZ",
+  de: "de-DE",
+  el: "el-GR",
+  en: "en-US",
+  et: "et-EE",
+  fa: "fa-IR",
+  fi: "fi-FI",
+  hr: "hr-HR",
+  hu: "hu-HU",
+  he: "he-IL",
+  id: "id-ID",
+  it: "it-IT",
+  ja: "ja-JP",
+  ko: "ko-KR",
+  lv: "lv-LV",
+  lt: "lt-LT",
+  nl: "nl-NL",
+  no: "no-NO",
+  pl: "pl-PL",
+  pt: "pt-PT",
+  ro: "ro-RO",
+  ru: "ru-RU",
+  sk: "sk-SK",
+  sl: "sl-SI",
+  srCyrl: "sr-SP",
+  srLatn: "sr-SP",
+  sv: "sv-SE",
+  th: "th-TH",
+  tr: "tr-TR",
+  az: "az-AZ",
+  uk: "uk-UA",
+  vi: "vi-VN",
+  zhHans: "zh-CN",
+  zhHant: "zh-TW"
+}, dl = {
+  af: !1,
+  ar: !0,
+  bg: !1,
+  ca: !1,
+  cs: !1,
+  de: !1,
+  el: !1,
+  en: !1,
+  es: !1,
+  et: !1,
+  fa: !0,
+  fi: !1,
+  fr: !1,
+  hr: !1,
+  hu: !1,
+  he: !0,
+  id: !1,
+  it: !1,
+  ja: !1,
+  ko: !1,
+  lv: !1,
+  lt: !1,
+  nl: !1,
+  no: !1,
+  pl: !1,
+  pt: !1,
+  ro: !1,
+  ru: !1,
+  sk: !1,
+  sl: !1,
+  srCyrl: !1,
+  srLatn: !1,
+  sv: !1,
+  th: !1,
+  tr: !1,
+  az: !1,
+  uk: !1,
+  vi: !1,
+  zhHans: !1,
+  zhHant: !1
+}, Ra = Symbol.for("yuyeon.i18n");
+function fl(e, t) {
+  const n = I(
+    (t == null ? void 0 : t.rtlOptions) ?? dl
+  ), a = k(() => n.value[e.locale.value] ?? !1), i = k(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
+  return {
+    rtlOptions: n,
+    rtl: a,
+    rtlClasses: i
+  };
+}
+function vl(e) {
+  const t = cl(e), n = fl(t, e);
+  return {
+    localeModule: t,
+    rtlModule: n
+  };
+}
+function ot() {
+  const e = ue(Ra);
+  if (!e) throw new Error('【yuyeon】 Not found provided "I18nModule"');
+  return e;
+}
+function Fa(e, t) {
+  const n = Ee(
+    typeof e.adapter == "function" ? new e.adapter({
+      locale: e.locale[t.locale.value] ?? t.locale.value,
+      formats: e.formats
+    }) : e.adapter
+  );
+  return R(t.locale, (a) => {
+    n.locale = e.locale[a] ?? a ?? n.locale;
+  }), n;
+}
+const Ft = {
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AG: 0,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AS: 0,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BD: 0,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BR: 0,
+  BS: 0,
+  BT: 0,
+  BW: 0,
+  BY: 1,
+  BZ: 0,
+  CA: 0,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CO: 0,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DM: 0,
+  DO: 0,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  ET: 0,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  GT: 0,
+  GU: 0,
+  HK: 0,
+  HN: 0,
+  HR: 1,
+  HU: 1,
+  ID: 0,
+  IE: 1,
+  IL: 0,
+  IN: 0,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JM: 0,
+  JO: 6,
+  JP: 0,
+  KE: 0,
+  KG: 1,
+  KH: 0,
+  KR: 0,
+  KW: 6,
+  KZ: 1,
+  LA: 0,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MH: 0,
+  MK: 1,
+  MM: 0,
+  MN: 1,
+  MO: 0,
+  MQ: 1,
+  MT: 0,
+  MV: 5,
+  MX: 0,
+  MY: 1,
+  MZ: 0,
+  NI: 0,
+  NL: 1,
+  NO: 1,
+  NP: 0,
+  NZ: 1,
+  OM: 6,
+  PA: 0,
+  PE: 0,
+  PH: 0,
+  PK: 0,
+  PL: 1,
+  PR: 0,
+  PT: 0,
+  PY: 0,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SA: 0,
+  SD: 6,
+  SE: 1,
+  SG: 0,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SV: 0,
+  SY: 6,
+  TH: 0,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  TT: 0,
+  TW: 0,
+  UA: 1,
+  UM: 0,
+  US: 0,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VE: 0,
+  VI: 0,
+  VN: 1,
+  WS: 0,
+  XK: 1,
+  YE: 0,
+  ZA: 0,
+  ZW: 0
+}, yl = 1e3 * 60 * 60 * 24, ml = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/, dt = new Date(1970, 0, 4);
+class U {
+  static date(t) {
+    if (t == null) return /* @__PURE__ */ new Date();
+    if (t instanceof Date)
+      return t;
+    let n;
+    if (typeof t == "string") {
+      if (ml.test(t))
+        return U.parseLocalDate(t);
+      if (n = Date.parse(t), !isNaN(n))
+        return new Date(n);
     }
-    function w(m) {
-      n("click", m);
+    return null;
+  }
+  static format(t, n, a, i) {
+    const r = U.date(t) ?? /* @__PURE__ */ new Date(), l = i == null ? void 0 : i[n];
+    if (typeof l == "function")
+      return l(r, n, a);
+    let o = {};
+    switch (n) {
+      case "fullDateWithWeekday":
+        o = {
+          weekday: "long",
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        };
+        break;
+      case "normalDateWithWeekday":
+        o = { weekday: "short", day: "numeric", month: "short" };
+        break;
+      case "keyboardDate":
+        o = { day: "2-digit", month: "2-digit", year: "numeric" };
+        break;
+      case "monthAndDate":
+        o = { month: "long", day: "numeric" };
+        break;
+      case "monthAndYear":
+        o = { month: "long", year: "numeric" };
+        break;
+      case "year":
+        o = { year: "numeric" };
+        break;
+      case "month":
+        o = { month: "long" };
+        break;
+      case "monthShort":
+        o = { month: "short" };
+        break;
+      case "dayOfMonth":
+        o = { day: "numeric" };
+        break;
+      case "shortDate":
+        o = { year: "2-digit", month: "numeric", day: "numeric" };
+        break;
+      default:
+        o = l ?? { timeZone: "UTC", timeZoneName: "short" };
     }
-    return R(() => e.modelValue, (m) => {
-      c.value = m, s.value = m;
-    }, {
-      immediate: !0
-    }), R(c, (m) => {
-      u.value ? s.value = m : C();
-    }), i({
-      el$: l,
-      input$: o,
-      validate: () => {
-        var m;
-        return (m = l.value) == null ? void 0 : m.invokeValidators();
-      }
-    }), K(() => {
-      const m = te(e, Be.props);
-      return d(Be, W({
-        class: [ra]
-      }, m, {
-        modelValue: c.value,
-        "onUpdate:modelValue": x,
-        focused: u.value,
-        onClick: w,
-        "onMousedown:display": (_) => n("mousedown:display", _)
-      }), {
-        default: (_) => {
-          var M, P;
-          return d("div", {
-            class: [`${ra}__field`],
-            "data-id": _.attrId,
-            ref: "field"
-          }, [e.floating ? (P = (M = l.value) == null ? void 0 : M.createLabel) == null ? void 0 : P.call(M) : void 0, a.default ? () => a.default(_) : void 0, d("textarea", W({
-            ref: o,
-            value: s.value,
-            id: `y-input--${r}`,
-            disabled: e.disabled,
-            placeholder: e.placeholder,
-            readonly: e.readonly,
-            required: e.required
-          }, t, {
-            onInput: S,
-            onFocus: f,
-            onBlur: b,
-            onChange: v,
-            onKeydown: p,
-            onKeyup: g
-          }), null)]);
-        },
-        label: a.label ? () => {
-          var _;
-          return (_ = a.label) == null ? void 0 : _.call(a);
-        } : void 0,
-        "helper-text": a["helper-text"] ? () => {
-          var _;
-          return (_ = a["helper-text"]) == null ? void 0 : _.call(a);
-        } : void 0
-      });
-    }), {
-      el$: l,
-      input$: o
-    };
+    return new Intl.DateTimeFormat(a, o).format(r);
   }
-}), vl = "y-form", yl = /* @__PURE__ */ V({
-  name: "YForm",
-  props: {
-    ...ol()
-  },
-  emits: {
-    "update:modelValue": (e) => !0,
-    submit: (e) => !0,
-    "keydown.enter": (e) => !0
-  },
-  setup(e, {
-    emit: t,
-    slots: n,
-    expose: a
-  }) {
-    const i = ul(e), r = I();
-    I();
-    function l(c) {
-      const s = c, u = i.validate();
-      s.then = u.then.bind(u), s.catch = u.catch.bind(u), s.finally = u.finally.bind(u), t("submit", s), s.defaultPrevented || u.then(({
-        valid: h
-      }) => {
-        var y;
-        h && ((y = r.value) == null || y.submit());
-      }), s.preventDefault();
+  static parseLocalDate(t) {
+    const n = t.split("-").map(Number);
+    return new Date(n[0], n[1] - 1, n[2]);
+  }
+  static parseISO(t) {
+    const [n, a, i] = t.split("-").map(Number);
+    return new Date(n, a - 1, i);
+  }
+  static toISO(t, n) {
+    const a = t.toJsDate(n), i = a.getFullYear(), r = a.getMonth() + 1 < 10 ? `0${a.getMonth() + 1}` : `${a.getMonth() + 1}`, l = a.getDate() < 10 ? `0${a.getDate()}` : `${a.getDate()}`;
+    return `${i}-${r}-${l}`;
+  }
+  static getWeekArray(t, n) {
+    const a = [];
+    let i = [];
+    const r = U.startOfMonth(t), l = U.endOfMonth(t), o = (r.getDay() - Ft[n.slice(-2).toUpperCase()] + 7) % 7, c = (l.getDay() - Ft[n.slice(-2).toUpperCase()] + 7) % 7;
+    for (let s = 0; s < o; s++) {
+      const u = new Date(r);
+      u.setDate(u.getDate() - (o - s)), i.push(u);
     }
-    function o(c) {
-      c.preventDefault(), c.stopImmediatePropagation(), t("keydown.enter", c);
+    for (let s = 1; s <= l.getDate(); s++)
+      i.push(new Date(t.getFullYear(), t.getMonth(), s)), i.length === 7 && (a.push(i), i = []);
+    for (let s = 1; s < 7 - c; s++) {
+      const u = new Date(l);
+      u.setDate(u.getDate() + s), i.push(u);
     }
-    a({
-      ...i
-    }), K(() => {
-      var c;
-      return d("form", {
-        ref: r,
-        class: [vl],
-        novalidate: !0,
-        onSubmit: l,
-        onKeydown: yr(o, ["enter"])
-      }, [(c = n.default) == null ? void 0 : c.call(n)]);
+    return i.length > 0 && a.push(i), a;
+  }
+  static startOfMonth(t) {
+    return new Date(t.getFullYear(), t.getMonth(), 1);
+  }
+  static endOfMonth(t) {
+    return new Date(t.getFullYear(), t.getMonth() + 1, 0);
+  }
+  static startOfDay(t) {
+    return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+  }
+  static startOfYear(t) {
+    return new Date(t.getFullYear(), 0, 1);
+  }
+  static endOfDay(t) {
+    return new Date(
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      23,
+      59,
+      59,
+      999
+    );
+  }
+  static endOfYear(t) {
+    return new Date(t.getFullYear(), 11, 31);
+  }
+  static getYear(t) {
+    return t.getFullYear();
+  }
+  static getMonth(t) {
+    return t.getMonth();
+  }
+  static getDay(t) {
+    return t.getDate();
+  }
+  static getNextMonth(t) {
+    return new Date(t.getFullYear(), t.getMonth() + 1, 1);
+  }
+  static getWeekdays(t) {
+    const n = Ft[t.slice(-2).toUpperCase()] ?? 0;
+    return [...Array(7).keys()].map((a) => {
+      const i = new Date(dt);
+      return i.setDate(dt.getDate() + n + a), new Intl.DateTimeFormat(t, { weekday: "narrow" }).format(
+        i
+      );
     });
   }
-}), ml = {
-  search: "search",
-  noItems: "No Options",
-  noData: "No Data"
-}, la = "$yuyeon";
-function oa(e, t) {
-  return e.replace(/\{(\d+)\}/g, (n, a) => String(t[+a]));
-}
-function Ra(e, t, n) {
-  function a(l, ...o) {
-    if (!l.startsWith(la))
-      return oa(l, o);
-    const c = l.replace(la, ""), s = e.value && n.value[e.value], u = t.value && n.value[t.value];
-    let h = Z(s, c, null);
-    return h || (h = Z(u, c, null)), h || (h = l), typeof h != "string" && (h = l), oa(h, o);
+  static getMeridians(t) {
+    const n = new Date(dt).setHours(11), a = new Date(dt).setHours(13), i = Intl.DateTimeFormat(t, {
+      minute: "numeric",
+      hour: "numeric",
+      hour12: !0
+    });
+    return [
+      i.format(n).replace(/\d+:\d+/, "").trim(),
+      i.format(a).replace(/\d+:\d+/, "").trim()
+    ];
   }
-  function i(l, o) {
-    return new Intl.NumberFormat(
-      [e.value, t.value],
-      o
-    ).format(l);
+  static isAfter(t, n) {
+    return t.getTime() > n.getTime();
   }
-  function r(l) {
-    const o = Vt(l, "locale", e), c = Vt(
-      l,
-      "fallbackLocale",
-      t
-    ), s = Vt(l, "messages", n), u = Ra(
-      o,
-      c,
-      s
-    );
-    return {
-      name: "yuyeon",
-      locale: e,
-      fallbackLocale: t,
-      messages: n,
-      t: u.translate,
-      n: u.number,
-      getContext: u.getContext
-    };
+  static isBefore(t, n) {
+    return t.getTime() < n.getTime();
+  }
+  static isEqual(t, n) {
+    return t.getTime() === n.getTime();
+  }
+  static isSameDay(t, n) {
+    return t.getDate() === n.getDate() && t.getMonth() === n.getMonth() && t.getFullYear() === n.getFullYear();
+  }
+  static isSameMonth(t, n) {
+    return !!(t.getMonth() === n.getMonth() && t.getFullYear() && n.getFullYear());
+  }
+  static isValid(t) {
+    const n = new Date(t);
+    return n instanceof Date && !isNaN(n.getTime());
+  }
+  static isWithinRange(t, n) {
+    return U.isAfter(t, n[0]) && U.isBefore(t, n[1]);
+  }
+  static addDays(t, n) {
+    const a = new Date(t);
+    return a.setDate(a.getDate() + n), a;
+  }
+  static addMonths(t, n) {
+    const a = new Date(t);
+    return a.setMonth(a.getMonth() + n), a;
+  }
+  static getDiff(t, n, a) {
+    const i = new Date(t), r = new Date(n);
+    return a === "month" ? i.getMonth() - r.getMonth() + (i.getFullYear() - r.getFullYear()) * 12 : Math.floor(i.getTime() - r.getTime()) / yl;
+  }
+  static setMonth(t, n) {
+    const a = new Date(t);
+    return a.setMonth(n), a;
+  }
+  static setYear(t, n) {
+    const a = new Date(t);
+    return a.setFullYear(n), a;
+  }
+  static getHour(t) {
+    return t.getHours();
+  }
+  static setHour(t, n) {
+    const a = new Date(t);
+    return a.setHours(n), a;
+  }
+  static getMinute(t) {
+    return t.getMinutes();
+  }
+  static setMinute(t, n) {
+    const a = new Date(t);
+    return a.setMinutes(n), a;
   }
-  return {
-    translate: a,
-    number: i,
-    getContext: r
-  };
-}
-function hl(e) {
-  const t = re((e == null ? void 0 : e.locale) ?? "en"), n = re((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = I({
-    en: ml,
-    ...e == null ? void 0 : e.messages
-  }), i = Ra(t, n, a);
-  return {
-    name: "yuyeon",
-    locale: t,
-    fallbackLocale: n,
-    messages: a,
-    t: i.translate,
-    n: i.number,
-    getContext: i.getContext
-  };
-}
-function gl(e) {
-  var t;
-  return e != null && e.adapter && ((t = e.adapter) != null && t.name) ? e.adapter : hl(e);
-}
-const bl = {
-  af: "af-ZA",
-  bg: "bg-BG",
-  ca: "ca-ES",
-  cs: "cs-CZ",
-  de: "de-DE",
-  el: "el-GR",
-  en: "en-US",
-  et: "et-EE",
-  fa: "fa-IR",
-  fi: "fi-FI",
-  hr: "hr-HR",
-  hu: "hu-HU",
-  he: "he-IL",
-  id: "id-ID",
-  it: "it-IT",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  lv: "lv-LV",
-  lt: "lt-LT",
-  nl: "nl-NL",
-  no: "no-NO",
-  pl: "pl-PL",
-  pt: "pt-PT",
-  ro: "ro-RO",
-  ru: "ru-RU",
-  sk: "sk-SK",
-  sl: "sl-SI",
-  srCyrl: "sr-SP",
-  srLatn: "sr-SP",
-  sv: "sv-SE",
-  th: "th-TH",
-  tr: "tr-TR",
-  az: "az-AZ",
-  uk: "uk-UA",
-  vi: "vi-VN",
-  zhHans: "zh-CN",
-  zhHant: "zh-TW"
-}, wl = {
-  af: !1,
-  ar: !0,
-  bg: !1,
-  ca: !1,
-  cs: !1,
-  de: !1,
-  el: !1,
-  en: !1,
-  es: !1,
-  et: !1,
-  fa: !0,
-  fi: !1,
-  fr: !1,
-  hr: !1,
-  hu: !1,
-  he: !0,
-  id: !1,
-  it: !1,
-  ja: !1,
-  ko: !1,
-  lv: !1,
-  lt: !1,
-  nl: !1,
-  no: !1,
-  pl: !1,
-  pt: !1,
-  ro: !1,
-  ru: !1,
-  sk: !1,
-  sl: !1,
-  srCyrl: !1,
-  srLatn: !1,
-  sv: !1,
-  th: !1,
-  tr: !1,
-  az: !1,
-  uk: !1,
-  vi: !1,
-  zhHans: !1,
-  zhHant: !1
-}, Fa = Symbol.for("yuyeon.i18n");
-function pl(e, t) {
-  const n = I(
-    (t == null ? void 0 : t.rtlOptions) ?? wl
-  ), a = k(() => n.value[e.locale.value] ?? !1), i = k(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
-  return {
-    rtlOptions: n,
-    rtl: a,
-    rtlClasses: i
-  };
-}
-function Sl(e) {
-  const t = gl(e), n = pl(t, e);
-  return {
-    localeModule: t,
-    rtlModule: n
-  };
-}
-function ot() {
-  const e = ue(Fa);
-  if (!e) throw new Error('【yuyeon】 Not found provided "I18nModule"');
-  return e;
 }
-function ja(e, t) {
-  const n = Ee(
-    typeof e.adapter == "function" ? new e.adapter({
-      locale: e.locale[t.locale.value] ?? t.locale.value,
-      formats: e.formats
-    }) : e.adapter
-  );
-  return R(t.locale, (a) => {
-    n.locale = e.locale[a] ?? a ?? n.locale;
-  }), n;
+class hl {
+  constructor(t) {
+    he(this, "locale", "ko-kr");
+    he(this, "formats");
+    this.locale = t.locale, this.formats = t.formats;
+  }
+  getWeekArray(t) {
+    return U.getWeekArray(t, this.locale);
+  }
+  startOfMonth(t) {
+    return U.startOfMonth(t);
+  }
+  endOfMonth(t) {
+    return U.endOfMonth(t);
+  }
+  addDays(t, n) {
+    return U.addDays(t, n);
+  }
+  addMonths(t, n) {
+    return U.addMonths(t, n);
+  }
+  date(t) {
+    return U.date(t);
+  }
+  endOfDay(t) {
+    return U.endOfDay(t);
+  }
+  endOfYear(t) {
+    return U.endOfYear(t);
+  }
+  format(t, n) {
+    return U.format(t, n, this.locale, this.formats);
+  }
+  getDiff(t, n, a) {
+    return U.getDiff(t, n, a);
+  }
+  getYear(t) {
+    return U.getYear(t);
+  }
+  getMonth(t) {
+    return U.getMonth(t);
+  }
+  getDay(t) {
+    return U.getDay(t);
+  }
+  getNextMonth(t) {
+    return U.getNextMonth(t);
+  }
+  getWeekdays() {
+    return U.getWeekdays(this.locale);
+  }
+  isAfter(t, n) {
+    return U.isAfter(t, n);
+  }
+  isBefore(t, n) {
+    return U.isBefore(t, n);
+  }
+  isEqual(t, n) {
+    return U.isEqual(t, n);
+  }
+  isSameDay(t, n) {
+    return U.isSameDay(t, n);
+  }
+  isSameMonth(t, n) {
+    return U.isSameMonth(t, n);
+  }
+  isValid(t) {
+    return U.isValid(t);
+  }
+  isWithinRange(t, n) {
+    return U.isWithinRange(t, n);
+  }
+  parseISO(t) {
+    return U.parseISO(t);
+  }
+  setMonth(t, n) {
+    return U.setMonth(t, n);
+  }
+  setYear(t, n) {
+    return U.setYear(t, n);
+  }
+  startOfDay(t) {
+    return U.startOfDay(t);
+  }
+  startOfYear(t) {
+    return U.startOfYear(t);
+  }
+  toISO(t) {
+    return U.toISO(this, t);
+  }
+  toJsDate(t) {
+    return t;
+  }
+  getHour(t) {
+    return U.getHour(t);
+  }
+  getMinute(t) {
+    return U.getMinute(t);
+  }
+  setHour(t, n) {
+    return U.setHour(t, n);
+  }
+  setMinute(t, n) {
+    return U.setMinute(t, n);
+  }
 }
-function xl(e) {
+function gl(e) {
   return we(
     {
-      adapter: Ur,
-      locale: bl
+      adapter: hl,
+      locale: sl
     },
     e
   );
 }
-const Cl = Symbol.for("yuyeon.date"), Ka = Symbol.for("yuyeon.date-options");
-function kl(e, t) {
-  const n = xl(e);
+const bl = Symbol.for("yuyeon.date"), ja = Symbol.for("yuyeon.date-options");
+function wl(e, t) {
+  const n = gl(e);
   return {
     options: n,
-    instance: ja(n, t)
+    instance: Fa(n, t)
   };
 }
 function Pt() {
-  const e = ue(Ka);
+  const e = ue(ja);
   if (!e)
     throw new Error('【yuyeon】 Not found provided "DateModule" for options');
   const t = ot();
-  return ja(e, t);
+  return Fa(e, t);
 }
-const Ht = typeof window < "u", _l = {
-  isBrowser: Ht,
-  canUseIntersectionObserver: Ht && "IntersectionObserver" in window,
-  canUseResizeObserver: Ht && "ResizeObserver" in window
+const jt = typeof window < "u", pl = {
+  isBrowser: jt,
+  canUseIntersectionObserver: jt && "IntersectionObserver" in window,
+  canUseResizeObserver: jt && "ResizeObserver" in window
 };
 function Pe(e) {
   const t = I(), n = I();
-  if (_l.canUseResizeObserver) {
+  if (pl.canUseResizeObserver) {
     const a = new ResizeObserver((i, r) => {
       e == null || e(i, r), i.length && (n.value = i[0].contentRect);
     });
@@ -2843,7 +2656,7 @@ function Pe(e) {
     contentRect: Qt(n)
   };
 }
-function Al(e, t) {
+function Sl(e, t) {
   const n = I(!1), a = I();
   a.value = t.value;
   const i = k(() => e.value ? t.value : a.value);
@@ -2859,7 +2672,7 @@ function Al(e, t) {
     onAfterUpdate: r
   };
 }
-function Dl(e, t, n) {
+function xl(e, t, n) {
   const { tickDuration: a } = {};
   let i = a ?? 100, r = -1;
   const l = I(0), o = I(ve(t)), c = I(!1);
@@ -2889,7 +2702,7 @@ function Dl(e, t, n) {
     isWork: c
   };
 }
-function Tl(e, t) {
+function Cl(e, t) {
   const n = {};
   function a(l) {
     n[l] && window.clearTimeout(n[l]), delete n[l];
@@ -2922,7 +2735,7 @@ const $t = F(
   },
   "PolyTransition"
 );
-function El(e) {
+function kl(e) {
   return {
     polyTransitionBindProps: k(() => {
       const { is: n, ...a } = typeof e.transition == "object" ? e.transition : { is: e.transition, name: e.transition };
@@ -2933,11 +2746,11 @@ function El(e) {
     })
   };
 }
-const ln = (e, { slots: t }) => {
+const rn = (e, { slots: t }) => {
   const { is: n, transitionProps: a, ...i } = e, { component: r = Mt, ...l } = typeof n == "object" ? { component: n, ...a } : { name: n };
   return se(r, { ...l, ...a, ...i }, t);
 };
-function Ha(e) {
+function Ka(e) {
   const t = re(0), n = k(() => {
     const { modelValue: a, value: i } = e, r = Number(a ?? i);
     return Number.isNaN(r) || r < 0 ? 0 : r > 100 ? 100 : r;
@@ -2949,7 +2762,7 @@ function Ha(e) {
     delta: t
   };
 }
-const Wa = /* @__PURE__ */ V({
+const Ha = /* @__PURE__ */ V({
   name: "YProgressBar",
   props: {
     modelValue: {
@@ -2989,7 +2802,7 @@ const Wa = /* @__PURE__ */ V({
     const {
       numValue: n,
       delta: a
-    } = Ha(e), i = k(() => {
+    } = Ka(e), i = k(() => {
       let o = !1;
       return e.noRewindTransition && a.value < 0 && (o = !0), {
         "y-progress--no-trans": o,
@@ -3043,7 +2856,199 @@ const Wa = /* @__PURE__ */ V({
       delta: a
     };
   }
-}), Ol = /* @__PURE__ */ V({
+});
+function An(e, t = 0, n = {
+  leading: !1,
+  trailing: !0
+}) {
+  let a, i, r = 0, l, o, c, s = 0, u = !1, h = !1, y = !0;
+  if (typeof e != "function")
+    throw new TypeError("NOT Function");
+  t = +t || 0, wr(n) && (u = !!n.leading, h = "maxWait" in n, r = h ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, y = "trailing" in n ? !!n.trailing : y);
+  function x(m) {
+    const _ = a, M = i;
+    return a = i = void 0, s = m, l = e.apply(M, _), l;
+  }
+  function C(m) {
+    return s = m, o = window.setTimeout(f, t), u ? x(m) : l;
+  }
+  function S(m) {
+    var _ = m - (c ?? 0), M = m - (s ?? 0), P = t - _;
+    return h ? Math.min(P, (r ?? 0) - M) : P;
+  }
+  function v(m) {
+    var _ = m - (c ?? 0), M = m - (s ?? 0);
+    return c === void 0 || _ >= t || _ < 0 || h && M >= (r ?? 0);
+  }
+  function f() {
+    const m = Date.now();
+    if (v(m))
+      return b(m);
+    o = window.setTimeout(f, S(m));
+  }
+  function b(m) {
+    return o = void 0, y && a ? x(m) : (a = i = void 0, l);
+  }
+  function p() {
+    o !== void 0 && clearTimeout(o), s = 0, a = c = i = o = void 0;
+  }
+  function g() {
+    return o === void 0 ? l : b(Date.now());
+  }
+  function w() {
+    const m = Date.now(), _ = v(m);
+    if (a = arguments, i = this, c = m, _) {
+      if (o === void 0)
+        return C(c);
+      if (h)
+        return clearTimeout(o), o = window.setTimeout(f, t), x(c);
+    }
+    return o === void 0 && (o = window.setTimeout(f, t)), l;
+  }
+  return w.cancel = p, w.flush = g, w;
+}
+function Dn(e) {
+  const t = e.getRootNode();
+  return t !== document && t.getRootNode({ composed: !0 }) !== document ? null : t;
+}
+function _l(e, t, n) {
+  if (!e)
+    return !1;
+  const a = Dn(t);
+  if (typeof ShadowRoot < "u" && a instanceof ShadowRoot && a.host === e.target)
+    return !1;
+  const i = [];
+  return i.push(t), !i.some((r) => r == null ? void 0 : r.contains(e.target));
+}
+class ft {
+  constructor({
+    x: t,
+    y: n,
+    width: a,
+    height: i
+  }) {
+    he(this, "x");
+    he(this, "y");
+    he(this, "width");
+    he(this, "height");
+    this.x = t ?? 0, this.y = n ?? 0, this.width = a ?? 0, this.height = i ?? 0;
+  }
+  get top() {
+    return this.y;
+  }
+  get bottom() {
+    return this.y + this.height;
+  }
+  get left() {
+    return this.x;
+  }
+  get right() {
+    return this.x + this.width;
+  }
+}
+function aa(e, t) {
+  return {
+    x: {
+      before: Math.max(0, t.left - e.left),
+      after: Math.max(0, e.right - t.right)
+    },
+    y: {
+      before: Math.max(0, t.top - e.top),
+      after: Math.max(0, e.bottom - t.bottom)
+    }
+  };
+}
+const ln = (e, t) => e.includes(t), Wa = ["top", "bottom"], Al = ["start", "end", "left", "right"];
+function ia(e, t) {
+  let [n, a] = e.split(" ");
+  return a || (a = ln(Wa, n) ? "start" : ln(Al, n) ? "top" : "center"), {
+    side: ra(n, t),
+    align: ra(a, t)
+  };
+}
+function ra(e, t) {
+  return e === "start" ? t ? "right" : "left" : e === "end" ? t ? "left" : "right" : e;
+}
+function Kt(e) {
+  return {
+    side: {
+      center: "center",
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }[e.side],
+    align: e.align
+  };
+}
+function Ht(e) {
+  return {
+    side: e.side,
+    align: {
+      center: "center",
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }[e.align]
+  };
+}
+function la(e) {
+  return {
+    side: e.align,
+    align: e.side
+  };
+}
+function oa(e) {
+  return ln(Wa, e.side) ? "y" : "x";
+}
+function Dl(e, t) {
+  for (; e; ) {
+    if (Tn(e)) return e;
+    e = e.parentElement;
+  }
+  return document.scrollingElement;
+}
+function St(e, t, n) {
+  const a = [];
+  if (t && e && !t.contains(e)) return a;
+  for (; e && (Tn(e) && a.push(e), e !== t); )
+    e = e.parentElement;
+  return a;
+}
+function Tn(e, t) {
+  if (!e || e.nodeType !== Node.ELEMENT_NODE)
+    return !1;
+  const n = window.getComputedStyle(e);
+  return n.overflowY === "scroll" || n.overflowY === "auto" && e.clientHeight < e.scrollHeight;
+}
+class Tl {
+  constructor() {
+    he(this, "clean", !0);
+    he(this, "frames", []);
+    he(this, "raf", -1);
+  }
+  run() {
+    cancelAnimationFrame(this.raf), this.raf = requestAnimationFrame(() => {
+      const t = this.frames.shift();
+      t && t(), frames.length ? this.run() : this.clean = !0;
+    });
+  }
+  requestNewFrame(t) {
+    !this.clean || this.frames.length ? (this.frames.push(t), this.run()) : (this.clean = !1, t(), this.run());
+  }
+}
+function El(e) {
+  const t = Ee({}), n = k(e);
+  return We(
+    () => {
+      for (const a in n.value)
+        t[a] = n.value[a];
+    },
+    { flush: "sync" }
+  ), yr(t);
+}
+const Ol = /* @__PURE__ */ V({
   name: "YProgressRing",
   props: {
     modelValue: {
@@ -3080,7 +3085,7 @@ const Wa = /* @__PURE__ */ V({
     const n = 2 * Math.PI * 24, {
       numValue: a,
       delta: i
-    } = Ha(e), r = k(() => {
+    } = Ka(e), r = k(() => {
       let s = e.color ?? "";
       return je(s) || (s = `var(--y-theme-${s})`), s;
     }), l = k(() => {
@@ -3196,7 +3201,7 @@ function Ua(e, t) {
   return {
     colorVars: k(() => {
       let { color: a, background: i } = e;
-      return i || (i = a), a && !je(a) && (a = `var(--y-theme-${a})`), i && (je(i) ? i = `rgba(${qr(i)}, ${e.backgroundOpacity})` : i.startsWith("var(") || (i = `rgba(${`var(--y-theme-${i}-rgb)`}, ${e.backgroundOpacity})`)), {
+      return i || (i = a), a && !je(a) && (a = `var(--y-theme-${a})`), i && (je(i) ? i = `rgba(${Lr(i)}, ${e.backgroundOpacity})` : i.startsWith("var(") || (i = `rgba(${`var(--y-theme-${i}-rgb)`}, ${e.backgroundOpacity})`)), {
         [`--y-${t}__color`]: a,
         [`--y-${t}__background`]: i
       };
@@ -3443,7 +3448,7 @@ function Vl(e, t, n, a) {
     S.disconnect();
   });
   function v(b) {
-    const p = Rr(b);
+    const p = al(b);
     return p.x -= parseFloat(b.style.left || "0"), p.y -= parseFloat(b.style.top || "0"), p;
   }
   function f() {
@@ -3452,22 +3457,22 @@ function Vl(e, t, n, a) {
     if (requestAnimationFrame(() => {
       requestAnimationFrame(() => C = !0);
     }), !b || !p) return;
-    const g = Array.isArray(b) ? new ct({
+    const g = Array.isArray(b) ? new ft({
       x: (b == null ? void 0 : b[0]) ?? 0,
       y: (b == null ? void 0 : b[1]) ?? 0,
       width: 0,
       height: 0
-    }) : b.getBoundingClientRect(), w = v(p), m = wt(p);
+    }) : b.getBoundingClientRect(), w = v(p), m = St(p);
     m.length < 1 && m.push(document.documentElement);
     const _ = m.reduce(
       (N, L) => {
-        const B = L.getBoundingClientRect(), H = new ct({
+        const B = L.getBoundingClientRect(), H = new ft({
           x: L === document.documentElement ? 0 : B.x,
           y: L === document.documentElement ? 0 : B.y,
           width: L.clientWidth,
           height: L.clientHeight
         });
-        return N ? new ct({
+        return N ? new ft({
           x: Math.max(N.left, H.left),
           y: Math.max(N.top, H.top),
           width: Math.min(N.right, H.right) - Math.max(N.left, H.left),
@@ -3477,11 +3482,11 @@ function Vl(e, t, n, a) {
       void 0
     );
     _.x += x.value[0], _.y += x.value[1], _.width -= x.value[0] * 2, _.height -= x.value[1] * 2;
-    const { preferredAnchor: M, preferredOrigin: P } = Hr(() => {
-      const N = `${e.position} ${e.align}`, L = Zn(N, !1), B = e.origin === "overlap" ? L : e.origin === "auto" ? Rt(L) : Zn(e.origin, !1);
-      return L.side === B.side && L.align === Ft(B).align ? {
-        preferredAnchor: Qn(L),
-        preferredOrigin: Qn(B)
+    const { preferredAnchor: M, preferredOrigin: P } = El(() => {
+      const N = `${e.position} ${e.align}`, L = ia(N, !1), B = e.origin === "overlap" ? L : e.origin === "auto" ? Kt(L) : ia(e.origin, !1);
+      return L.side === B.side && L.align === Ht(B).align ? {
+        preferredAnchor: la(L),
+        preferredOrigin: la(B)
       } : {
         preferredAnchor: L,
         preferredOrigin: B
@@ -3492,7 +3497,7 @@ function Vl(e, t, n, a) {
       origin: P.value
     };
     function A(N) {
-      const L = new ct(w), B = ua(N.anchor, g), H = ua(N.origin, L);
+      const L = new ft(w), B = ua(N.anchor, g), H = ua(N.origin, L);
       let { x: q, y: ie } = Nl(B, H);
       switch (N.anchor.side) {
         case "top":
@@ -3522,7 +3527,7 @@ function Vl(e, t, n, a) {
           q += y.value[1];
           break;
       }
-      return L.x += q, L.y += ie, L.width = Math.min(L.width, u.value), L.height = Math.min(L.height, h.value), { overflows: Xn(L, _), x: q, y: ie };
+      return L.x += q, L.y += ie, L.width = Math.min(L.width, u.value), L.height = Math.min(L.height, h.value), { overflows: aa(L, _), x: q, y: ie };
     }
     let T = 0, D = 0;
     const Y = { x: 0, y: 0 }, E = { x: !1, y: !1 };
@@ -3531,14 +3536,14 @@ function Vl(e, t, n, a) {
       const { x: N, y: L, overflows: B } = A(O);
       T += N, D += L, w.x += N, w.y += L;
       {
-        const H = ea(O.anchor), q = B.x.before || B.x.after, ie = B.y.before || B.y.after;
+        const H = oa(O.anchor), q = B.x.before || B.x.after, ie = B.y.before || B.y.after;
         let le = !1;
         if (["x", "y"].forEach((ae) => {
           if (ae === "x" && q && !E.x || ae === "y" && ie && !E.y) {
             const J = {
               anchor: { ...O.anchor },
               origin: { ...O.origin }
-            }, ke = ae === "x" ? H === "y" ? Ft : Rt : H === "y" ? Rt : Ft;
+            }, ke = ae === "x" ? H === "y" ? Ht : Kt : H === "y" ? Kt : Ht;
             J.anchor = ke(J.anchor), J.origin = ke(J.origin);
             const { overflows: Ye } = A(J);
             (Ye[ae].before <= B[ae].before && Ye[ae].after <= B[ae].after || Ye[ae].before + Ye[ae].after < (B[ae].before + B[ae].after) / 2) && (O = J, le = E[ae] = !0);
@@ -3547,23 +3552,23 @@ function Vl(e, t, n, a) {
       }
       B.x.before && (T += B.x.before, w.x += B.x.before), B.x.after && (T -= B.x.after, w.x -= B.x.after), B.y.before && (D += B.y.before, w.y += B.y.before), B.y.after && (D -= B.y.after, w.y -= B.y.after);
       {
-        const H = Xn(w, _);
+        const H = aa(w, _);
         Y.x = _.width - H.x.before - H.x.after, Y.y = _.height - H.y.before - H.y.after, T += H.x.before, w.x += H.x.before, D += H.y.before, w.y += H.y.before;
       }
       break;
     }
-    const j = ea(O.anchor);
+    const j = oa(O.anchor);
     return Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${O.anchor.side} ${O.anchor.align}`,
       transformOrigin: `${O.origin.side} ${O.origin.align}`,
-      top: z(Lt(D)),
-      left: o.value ? void 0 : z(Lt(T)),
-      right: o.value ? z(Lt(-T)) : void 0,
+      top: z(Rt(D)),
+      left: o.value ? void 0 : z(Rt(T)),
+      right: o.value ? z(Rt(-T)) : void 0,
       minWidth: z(
         j === "y" ? Math.min(c.value, g.width) : c.value
       ),
       maxWidth: z(
-        Gn(
+        Qn(
           Ve(
             Y.x,
             c.value === 1 / 0 ? 0 : c.value,
@@ -3572,7 +3577,7 @@ function Vl(e, t, n, a) {
         )
       ),
       maxHeight: z(
-        Gn(
+        Qn(
           Ve(
             Y.y,
             s.value === 1 / 0 ? 0 : s.value,
@@ -3754,7 +3759,7 @@ function zl(e, t, n) {
 function Xa(e, t, n) {
   if (!e || Za(e, n) === !1)
     return !1;
-  const a = kn(t);
+  const a = Dn(t);
   if (typeof ShadowRoot < "u" && a instanceof ShadowRoot && a.host === e.target)
     return !1;
   const i = (typeof n.value == "object" && n.value.include || (() => []))();
@@ -3765,7 +3770,7 @@ function Za(e, t) {
   return a && (a == null ? void 0 : a(e));
 }
 function sa(e, t) {
-  const n = kn(e);
+  const n = Dn(e);
   t(document), typeof ShadowRoot < "u" && n instanceof ShadowRoot && t(n);
 }
 const Ul = {
@@ -3872,7 +3877,7 @@ function Jl(e, t) {
     })
   };
 }
-const Ql = new Kr(), ht = {
+const Ql = new Tl(), ht = {
   none: null,
   close: no,
   block: ao,
@@ -3909,16 +3914,16 @@ function ao(e, t) {
   var l;
   const n = (l = e.root.value) == null ? void 0 : l.offsetParent, a = [
     .../* @__PURE__ */ new Set([
-      ...wt(
+      ...St(
         e.baseEl.value,
         t.contained ? n : void 0
       ),
-      ...wt(
+      ...St(
         e.contentEl.value,
         t.contained ? n : void 0
       )
     ])
-  ].filter((o) => !o.classList.contains(da)), i = window.innerWidth - document.documentElement.offsetWidth, r = ((o) => _n(o) && o)(
+  ].filter((o) => !o.classList.contains(da)), i = window.innerWidth - document.documentElement.offsetWidth, r = ((o) => Tn(o) && o)(
     n || document.documentElement
   );
   r && e.root.value.classList.add(zt), a.forEach((o, c) => {
@@ -3963,7 +3968,7 @@ function io(e, t, n) {
   });
 }
 function Ja(e, t) {
-  const n = [document, ...wt(e)];
+  const n = [document, ...St(e)];
   n.forEach((a) => {
     a.addEventListener("scroll", t, { passive: !0 });
   }), Ce(() => {
@@ -4035,7 +4040,7 @@ const Xe = F({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
-    PolyTransition: ln
+    PolyTransition: rn
   },
   directives: {
     ComplementClick: Ul
@@ -4077,12 +4082,12 @@ const Xe = F({
       getActiveLayers: g
     } = Hl(e), {
       polyTransitionBindProps: w
-    } = El(e), {
+    } = kl(e), {
       dimensionStyles: m
     } = Kl(e), {
       lazyValue: _,
       onAfterUpdate: M
-    } = Al(oe(e, "eager"), u), P = re(!1), O = I(!1);
+    } = Sl(oe(e, "eager"), u), P = re(!1), O = I(!1);
     I(!1);
     const A = oe(e, "disabled");
     oe(e, "maximized");
@@ -4193,7 +4198,7 @@ const Xe = F({
             onClick: B,
             ref: "scrim$"
           }, null)]
-        }), d(ln, W({
+        }), d(rn, W({
           onAfterEnter: N,
           onAfterLeave: L,
           appear: !0
@@ -4965,7 +4970,7 @@ const He = /* @__PURE__ */ V({
       start: u,
       stop: h,
       reset: y
-    } = Dl(s, r);
+    } = xl(s, r);
     function x() {
       e.duration > 0 && u();
     }
@@ -5567,7 +5572,7 @@ const xe = /* @__PURE__ */ V({
 }), wi = {
   expand: rt,
   dropdown: nu,
-  clear: Dn,
+  clear: kn,
   checkbox: xe,
   pageControl: pe,
   next: {
@@ -5889,6 +5894,10 @@ const pa = Bn(), ru = /* @__PURE__ */ pn({
     },
     multipleActive: Boolean,
     activeStrategy: {
+      /**
+       * cascade: only descendent leaves
+       * relative: cascade after check parent (ancestor)
+       */
       type: String,
       default: "independent"
     },
@@ -5916,7 +5925,7 @@ const pa = Bn(), ru = /* @__PURE__ */ pn({
     emit: n,
     expose: a
   }) {
-    const i = re(Cn(_, e.searchDebounceWait)), r = I([]), {
+    const i = re(An(_, e.searchDebounceWait)), r = I([]), {
       nodes: l,
       expanded: o,
       active: c,
@@ -6029,7 +6038,7 @@ const pa = Bn(), ru = /* @__PURE__ */ pn({
       class: D.value,
       style: Y.value,
       role: "tree"
-    }, [x.value && d(Wa, {
+    }, [x.value && d(Ha, {
       indeterminate: !0
     }, null), T.value.length > 0 ? T.value.slice().map((E) => d(Si, W({
       key: Z(E, e.itemKey)
@@ -6143,7 +6152,7 @@ const pa = Bn(), ru = /* @__PURE__ */ pn({
   }
 });
 function lu() {
-  const e = I(), t = I(), n = re(), a = re(), i = re(), r = Cn(o, 100), { resizeObservedRef: l } = Pe((c) => {
+  const e = I(), t = I(), n = re(), a = re(), i = re(), r = An(o, 100), { resizeObservedRef: l } = Pe((c) => {
     r(c);
   });
   function o(c) {
@@ -7046,7 +7055,7 @@ const Pi = F({
   components: {
     YButton: Q,
     YIconExpand: rt,
-    YFieldInput: St,
+    YFieldInput: pt,
     YIconPageControl: pe
   },
   props: Pi(),
@@ -7568,7 +7577,7 @@ const jn = F({
     } = Ti(e, {
       allItems: u,
       pageItems: u
-    }), w = I(), m = Cn(M, 100), {
+    }), w = I(), m = An(M, 100), {
       resizeObservedRef: _
     } = Pe((O) => {
       m(O);
@@ -7732,7 +7741,7 @@ const Kn = {
         if (l.value) {
           s.value.length === 0 && (l.value = !1);
           const M = (m = u == null ? void 0 : u.$el.value) == null ? void 0 : m.content$, P = (_ = u == null ? void 0 : u.$el.value) == null ? void 0 : _.modal;
-          !(M && !Lr(w, M)) && !P && !e.preventCloseBubble && (u == null || u.clear());
+          !(M && !_l(w, M)) && !P && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
@@ -8346,7 +8355,7 @@ const Xi = F({
     default: 200
   },
   ...Xi(),
-  ...Tn(),
+  ..._n(),
   ...Oe(En({
     position: "bottom"
   }), ["coordinateStrategy"])
@@ -8455,7 +8464,7 @@ const Xi = F({
       if (E) {
         const N = E == null ? void 0 : E.querySelector(".y-list-item--active"), L = (j = ($ = l.value) == null ? void 0 : $.layer$) == null ? void 0 : j.content$;
         if (N && L) {
-          const B = jr(N);
+          const B = Dl(N);
           B && (L.contains(B) || L.isSameNode(B)) && B.scrollTo({
             top: N.offsetTop,
             behavior: "smooth"
@@ -8464,8 +8473,8 @@ const Xi = F({
       }
     }
     return K(() => {
-      const E = te(e, St.props), $ = te(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ie.props);
-      return d(St, W({
+      const E = te(e, pt.props), $ = te(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ie.props);
+      return d(pt, W({
         ref: r
       }, E, {
         modelValue: v.value.map((j) => j.props.value).join(", "),
@@ -9244,7 +9253,7 @@ const lr = F({
           var c, s;
           return [d("div", {
             class: "y-badge__base"
-          }, [(c = t.default) == null ? void 0 : c.call(t), d(ln, {
+          }, [(c = t.default) == null ? void 0 : c.call(t), d(rn, {
             is: e.transition,
             transitionProps: {
               name: e.transition
@@ -9529,7 +9538,7 @@ const lr = F({
     const a = G(e, "modelValue"), {
       startOpenDelay: i,
       startCloseDelay: r
-    } = Tl(e, (o) => {
+    } = Cl(e, (o) => {
       !e.disabled && (a.value = o);
     }), l = I();
     R(a, (o) => {
@@ -9611,12 +9620,12 @@ const lr = F({
   YDropdown: Du,
   YExpandHTransition: Jo,
   YExpandVTransition: gi,
-  YFieldInput: St,
-  YForm: yl,
+  YFieldInput: pt,
+  YForm: ll,
   YHover: zu,
   YIcon: Ie,
   YIconCheckbox: xe,
-  YIconClear: Dn,
+  YIconClear: kn,
   YIconExpand: rt,
   YIconPageControl: pe,
   YIconSort: Yn,
@@ -9630,18 +9639,18 @@ const lr = F({
   YMenuPropOptions: Kn,
   YMonthPicker: ir,
   YPagination: Ii,
-  YProgressBar: Wa,
+  YProgressBar: Ha,
   YProgressRing: Ol,
   YSelect: Iu,
   YSnackbar: qo,
-  YSpinnerRing: Na,
+  YSpinnerRing: $a,
   YSwitch: Pl,
   YTab: Qi,
   YTable: Re,
   YTabs: Yu,
   YTextEllipsis: Hu,
   YTextHighlighter: pi,
-  YTextarea: fl,
+  YTextarea: il,
   YTi: Uu,
   YTooltip: Zo,
   YTreeView: ru,
@@ -9662,7 +9671,7 @@ const lr = F({
   pressYDialogPropsOptions: ei,
   pressYDividerPropsOptions: nr,
   pressYDropdownPropsOptions: Ui,
-  pressYFieldInputPropsOptions: Tn,
+  pressYFieldInputPropsOptions: _n,
   pressYHoverPropsOptions: or,
   pressYIconPropsOptions: zi,
   pressYInputPropsOptions: lt,
@@ -9677,14 +9686,14 @@ const lr = F({
   pressYTabPropsOptions: Ji,
   pressYTableProps: Nn,
   pressYTabsPropOptions: er,
-  pressYTextareaPropsOptions: La,
+  pressYTextareaPropsOptions: Va,
   pressYTooltipPropsOptions: mi,
   pressYTreeViewNodeProps: Bn
 }, Symbol.toStringTag, { value: "Module" })), Gu = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ", Xu = {
   credit: !0
 };
 function tc(e = Xu) {
-  const t = kr(e == null ? void 0 : e.defaults), n = ll(e == null ? void 0 : e.theme), a = Sl(e == null ? void 0 : e.i18n), i = kl(e == null ? void 0 : e.date, a.localeModule), r = Cu(e == null ? void 0 : e.icon), l = (e == null ? void 0 : e.components) ?? qu;
+  const t = kr(e == null ? void 0 : e.defaults), n = Zr(e == null ? void 0 : e.theme), a = vl(e == null ? void 0 : e.i18n), i = wl(e == null ? void 0 : e.date, a.localeModule), r = Cu(e == null ? void 0 : e.icon), l = (e == null ? void 0 : e.components) ?? qu;
   return {
     install: (c) => {
       n.install(c);
@@ -9703,10 +9712,10 @@ function tc(e = Xu) {
       Object.keys(l).forEach((y) => {
         const x = l[y];
         typeof x == "object" && "name" in x && c.component(y, x);
-      }), c.directive("plate-wave", Pa), c.provide(bt, t), c.provide(pt, n.instance), c.provide(Wi, r), c.provide(Fa, {
+      }), c.directive("plate-wave", Pa), c.provide(bt, t), c.provide(wt, n.instance), c.provide(Wi, r), c.provide(Ra, {
         ...a.localeModule,
         ...a.rtlModule
-      }), c.provide(Ka, i.options), c.provide(Cl, i.instance), c.config.globalProperties.$yuyeon = s, ye(() => {
+      }), c.provide(ja, i.options), c.provide(bl, i.instance), c.config.globalProperties.$yuyeon = s, ye(() => {
         s.root = c._container, s.app = c._instance, s.root && (s.root.classList.add("y-root"), s.root.setAttribute("data-y-root", ""), n.init(s));
       }), e != null && e.credit && console.log(Gu);
       const { unmount: u, mount: h } = c;