yuyeon 0.0.4 → 0.0.7

package/dist/yuyeon.mjs

@@ -1,168 +1,182 @@
-import { defineComponent as $, h as _, getCurrentInstance as he, createVNode as l, withDirectives as pe, resolveDirective as dt, ref as C, toRef as ie, computed as w, watch as I, nextTick as ve, withKeys as Xt, createTextVNode as ae, watchEffect as Ne, withModifiers as Re, Transition as Me, reactive as re, Teleport as Zt, mergeProps as oe, vShow as Jt, Fragment as P, onScopeDispose as Qt, effectScope as ft, toRaw as ht, inject as en, provide as tn, onBeforeUnmount as nn, readonly as an } from "vue";
-const rn = $({
+import { defineComponent as B, h as T, getCurrentInstance as be, createVNode as l, withDirectives as Se, resolveDirective as gt, ref as A, toRef as ce, computed as $, watch as L, nextTick as we, withKeys as ln, createTextVNode as de, watchEffect as Ke, withModifiers as He, Transition as ze, reactive as fe, Teleport as un, mergeProps as ve, vShow as cn, Fragment as D, onScopeDispose as dn, effectScope as bt, toRaw as St, inject as fn, provide as vn, onBeforeUnmount as hn, readonly as pn, onBeforeUpdate as mn, shallowRef as yn } from "vue";
+const gn = B({
   name: "YApp",
   setup(e, { slots: t }) {
-    return () => _(
+    return () => T(
       "y-app",
       { class: "y-app" },
-      _("div", { class: "y-app__container" }, t)
+      T("div", { class: "y-app__container" }, t)
     );
   }
 });
-const pt = "y-plate-wave__animation";
-function vt(e) {
+const wt = "y-plate-wave__animation";
+function _t(e) {
   if (!e)
     return;
   const t = document.createElement("span");
-  t.className = pt, e.appendChild(t), t.dataset.activated = String(performance.now());
+  t.className = wt, e.appendChild(t), t.dataset.activated = String(performance.now());
 }
-function Fe(e) {
+function Ue(e) {
   if (!e)
     return;
-  const t = e.getElementsByClassName(pt);
+  const t = e.getElementsByClassName(wt);
   if (t.length === 0)
     return;
-  const n = t[t.length - 1];
-  if (n.dataset.isHiding)
+  const a = t[t.length - 1];
+  if (a.dataset.isHiding)
     return;
-  n.dataset.isHiding = "true";
-  const i = performance.now() - Number(n.dataset.activated), a = Math.max(250 - i, 0);
+  a.dataset.isHiding = "true";
+  const n = performance.now() - Number(a.dataset.activated), i = Math.max(250 - n, 0);
   setTimeout(() => {
-    n && e.removeChild(n);
-  }, a + 300);
+    a && e.removeChild(a);
+  }, i + 300);
 }
-let _e = !1;
-function mt(e) {
-  vt(e.currentTarget);
+let Ae = !1;
+function xt(e) {
+  _t(e.currentTarget);
 }
-function X(e) {
-  Fe(e.currentTarget);
+function ne(e) {
+  Ue(e.currentTarget);
 }
-function on(e) {
+function bn(e) {
 }
-function yt(e) {
-  !_e && (e.key === "Enter" || e.key === "Space") && (_e = !0, vt(e.currentTarget));
+function Ct(e) {
+  !Ae && (e.key === "Enter" || e.key === "Space") && (Ae = !0, _t(e.currentTarget));
 }
-function gt(e) {
-  _e = !1, Fe(e.currentTarget);
+function kt(e) {
+  Ae = !1, Ue(e.currentTarget);
 }
-function bt(e) {
-  e.removeEventListener("mousedown", mt), e.removeEventListener("mouseup", X), e.removeEventListener("mouseleave", X), e.removeEventListener("keydown", yt), e.removeEventListener("keyup", gt);
+function $t(e) {
+  e.removeEventListener("mousedown", xt), e.removeEventListener("mouseup", ne), e.removeEventListener("mouseleave", ne), e.removeEventListener("keydown", Ct), e.removeEventListener("keyup", kt);
 }
-function Ge(e, t, n = !1) {
-  const { value: i, modifiers: a } = t, r = !!i;
-  if (r || Fe(e), r && n) {
-    if (a.stop) {
-      e.addEventListener("mousedown", on);
+function tt(e, t, a = !1) {
+  const { value: n, modifiers: i } = t, r = !!n;
+  if (r || Ue(e), r && a) {
+    if (i.stop) {
+      e.addEventListener("mousedown", bn);
       return;
     }
-    e.addEventListener("mousedown", mt), e.addEventListener("mouseup", X), e.addEventListener("mouseleave", X), e.addEventListener("keydown", yt), e.addEventListener("keyup", gt), e.addEventListener("blur", X);
+    e.addEventListener("mousedown", xt), e.addEventListener("mouseup", ne), e.addEventListener("mouseleave", ne), e.addEventListener("keydown", Ct), e.addEventListener("keyup", kt), e.addEventListener("blur", ne);
   } else
-    !r && !n && bt(e);
+    !r && !a && $t(e);
 }
-const Ce = {
+const Ee = {
   mounted(e, t) {
-    Ge(e, t, !0);
+    tt(e, t, !0);
   },
   updated(e, t) {
-    t.value !== t.oldValue && Ge(e, t);
+    t.value !== t.oldValue && tt(e, t);
   },
   unmount(e) {
-    bt(e);
+    $t(e);
   }
 };
-function sn(e) {
+function Sn(e) {
   if (e && e[0] === "#") {
-    const t = e.substring(1, e.length), n = t.length, i = [];
-    if (n === 3 || n === 6) {
-      const a = n === 6 ? 2 : 1;
+    const t = e.substring(1, e.length), a = t.length, n = [];
+    if (a === 3 || a === 6) {
+      const i = a === 6 ? 2 : 1;
       for (let r = 0; r < 3; r += 1) {
         const s = t.substring(
-          r * a,
-          r * a + a
+          r * i,
+          r * i + i
         );
-        i.push(Number.parseInt(s, 16));
+        n.push(Number.parseInt(s, 16));
       }
-      return i;
+      return n;
     }
   }
 }
-const ln = /rgb(a?)\((?<v>.*)\)/, un = /#([0-9a-fA-F]{3,6,8})/;
-function cn(e) {
-  return ln.test(e) || un.test(e);
+const wn = /rgb(a?)\((?<v>.*)\)/, _n = /#([0-9a-fA-F]{3,6,8})/;
+function At(e) {
+  return wn.test(e) || _n.test(e);
 }
-function wt(e, t = "px") {
+function We(e, t = "px") {
   if (e === "" || e === null || e === void 0)
     return;
-  let n = Number(e);
-  if (!(isNaN(n) || !isFinite(n)))
-    return `${n}${t}`;
+  let a = Number(e);
+  if (!(isNaN(a) || !isFinite(a)))
+    return `${a}${t}`;
 }
-function H(e, t) {
+function W(e, t) {
   return e ? Object.prototype.hasOwnProperty.call(e, t) : !1;
 }
-function dn(e, t, n) {
-  const i = t.length - 1;
-  let a = e;
-  if (i < 0)
-    return a === void 0 ? n : a;
-  for (let r = 0; r < i; r += 1) {
-    if (a == null)
-      return n;
-    a = a[t[r]];
+function xn(e, t, a) {
+  const n = t.length - 1;
+  let i = e;
+  if (n < 0)
+    return i === void 0 ? a : i;
+  for (let r = 0; r < n; r += 1) {
+    if (i == null)
+      return a;
+    i = i[t[r]];
   }
-  return a == null || a[t[i]] === void 0 ? n : a[t[i]];
+  return i == null || i[t[n]] === void 0 ? a : i[t[n]];
 }
-function Se(e = {}, t = {}, n) {
-  const i = { ...e };
-  for (const a in t) {
-    const r = i[a], s = t[a];
-    if (Array.isArray(r) && Array.isArray(s) && n) {
-      i[a] = n(r, s);
+function Te(e = {}, t = {}, a) {
+  const n = { ...e };
+  for (const i in t) {
+    const r = n[i], s = t[i];
+    if (Array.isArray(r) && Array.isArray(s) && a) {
+      n[i] = a(r, s);
       continue;
     }
     if (typeof r == "object" && typeof s == "object") {
-      i[a] = Se(r, s, n);
+      n[i] = Te(r, s, a);
       continue;
     }
-    i[a] = s;
+    n[i] = s;
   }
-  return i;
+  return n;
 }
-function Z(e, t, n) {
-  let i = t;
-  return e == null || !i || typeof i != "string" ? n : e[i] !== void 0 ? e[i] : (i = i.replace(/\[(\w+)\]/g, ".$1"), i = i.replace(/^\./, ""), dn(e, i.split("."), n));
+function H(e, t, a) {
+  let n = t;
+  return e == null || !n || typeof n != "string" ? a : e[n] !== void 0 ? e[n] : (n = n.replace(/\[(\w+)\]/g, ".$1"), n = n.replace(/^\./, ""), xn(e, n.split("."), a));
 }
-function F(e, t = "default", n, i = !1) {
-  var a;
-  if ((a = e.$slots) != null && a[t])
-    return e.$slots[t](n instanceof Function ? n() : n).filter((s) => {
+function se(e, t = 0) {
+  return Array.from({ length: e }, (a, n) => t + n);
+}
+function Ve(e, t) {
+  if (e === t)
+    return !0;
+  if (e instanceof Date && t instanceof Date && e.getTime() !== t.getTime() || e !== Object(e) || t !== Object(t))
+    return !1;
+  const a = Object.keys(e);
+  return a.length !== Object.keys(t).length ? !1 : a.every((n) => Ve(e[n], t[n]));
+}
+function K(e, t = "default", a, n = !1) {
+  var i;
+  if ((i = e.$slots) != null && i[t])
+    return e.$slots[t](a instanceof Function ? a() : a).filter((s) => {
       var o;
       return ((o = s.el) == null ? void 0 : o.nodeType) !== 8;
     });
 }
-function fn() {
-  const e = he();
+function Cn() {
+  const e = be();
   return e == null ? void 0 : e.uid;
 }
-function W(e) {
+function kn(e, t) {
+  return Object.keys(t).reduce((a, n) => (e && n in e && (a[n] = e[n]), a), {});
+}
+function J(e) {
   const t = {};
-  return typeof e == "string" ? t[e] = !0 : Array.isArray(e) ? e.reduce((n, i) => (n[i] = !0, n), t) : typeof e == "object" && Object.keys(e).reduce((n, i) => (n[i] = !!e[i], n), t), t;
+  return typeof e == "string" ? t[e] = !0 : Array.isArray(e) ? e.reduce((a, n) => (a[n] = !0, a), t) : typeof e == "object" && Object.keys(e).reduce((a, n) => (a[n] = !!e[n], a), t), t;
 }
-function hn(e) {
-  return e && H(e, "$el") ? e.$el : e;
+function $n(e) {
+  return e && W(e, "$el") ? e.$el : e;
 }
 function ee(e, t) {
-  return (n) => Object.keys(e).reduce((i, a) => {
-    const r = e[a], o = typeof r == "object" && r != null && !Array.isArray(r) ? r : { type: r };
-    return n && a in n ? i[a] = {
+  return (a) => Object.keys(e).reduce((n, i) => {
+    const r = e[i], o = typeof r == "object" && r != null && !Array.isArray(r) ? r : { type: r };
+    return a && i in a ? n[i] = {
       ...o,
-      default: n[a]
-    } : i[a] = o, t && !i[a].source && (i[a].source = t), i;
+      default: a[i]
+    } : n[i] = o, t && !n[i].source && (n[i].source = t), n;
   }, {});
 }
-const pn = "YSpinnerRing", _t = /* @__PURE__ */ $({
-  name: pn,
+const An = "YSpinnerRing", Et = /* @__PURE__ */ B({
+  name: An,
   render() {
     return l("svg", {
       class: "y-spinner-ring",
@@ -181,7 +195,7 @@ const pn = "YSpinnerRing", _t = /* @__PURE__ */ $({
     }, null)]);
   }
 });
-const R = "y-button", Ct = {
+const F = "y-button", Tt = {
   loading: Boolean,
   outlined: {
     type: Boolean,
@@ -211,13 +225,13 @@ const R = "y-button", Ct = {
   variation: {
     type: String
   }
-}, $e = $({
+}, M = B({
   name: "YButton",
   directives: {
-    PlateWave: Ce
+    PlateWave: Ee
   },
   props: {
-    ...Ct
+    ...Tt
   },
   computed: {
     variations() {
@@ -230,31 +244,34 @@ const R = "y-button", Ct = {
     icon() {
       return this.variations.includes("icon");
     },
+    variOutlined() {
+      return this.variations.includes("outlined");
+    },
     //
     classes() {
       return {
-        [`${R}--outlined`]: this.outlined,
-        [`${R}--loading`]: this.loading,
-        [`${R}--rounded`]: this.rounded,
-        [`${R}--filled`]: this.filled,
-        [`${R}--disabled`]: this.disabled,
-        [`${R}--text`]: this.text,
-        [`${R}--small`]: this.small,
-        [`${R}--icon`]: this.icon,
-        [`${R}--color`]: this.color
+        [`${F}--outlined`]: this.outlined,
+        [`${F}--rounded`]: this.rounded,
+        [`${F}--filled`]: this.filled,
+        [`${F}--text`]: this.text,
+        [`${F}--small`]: this.small,
+        [`${F}--icon`]: this.icon,
+        [`${F}--color`]: this.color,
+        [`${F}--loading`]: this.loading,
+        [`${F}--disabled`]: this.disabled
       };
     },
     styles() {
       let { color: e } = this;
-      return e && !cn(e) && (e = `rgba(var(--y-theme--${e}), 1)`), {
+      return e && !At(e) && (e = `rgba(var(--y-theme--${e}), 1)`), {
         ["--y-button__color"]: e
       };
     }
   },
   methods: {
     createContent() {
-      const e = F(this, "default"), t = [];
-      return this.loading && t.push(_(_t, { width: "24", height: "24" })), t.push(e), _("span", { class: "y-button__content" }, t);
+      const e = K(this, "default"), t = [];
+      return this.loading && t.push(T(Et, { width: "24", height: "24" })), t.push(e), T("span", { class: "y-button__content" }, t);
     },
     getClasses() {
       return this.classes;
@@ -265,14 +282,14 @@ const R = "y-button", Ct = {
     }
   },
   render() {
-    const { onClick: e, styles: t, noWave: n, loading: i } = this;
-    return pe(
-      _(
+    const { onClick: e, styles: t, noWave: a, loading: n } = this;
+    return Se(
+      T(
         "button",
         {
           class: {
             ...this.getClasses(),
-            [`${R}`]: !0
+            [`${F}`]: !0
           },
           style: t,
           onClick: e,
@@ -280,10 +297,10 @@ const R = "y-button", Ct = {
         },
         this.createContent()
       ),
-      [[Ce, !n && !i]]
+      [[Ee, !a && !n]]
     );
   }
-}), vn = $({
+}), En = B({
   name: "DiMixin",
   inject: {
     theme: {
@@ -302,9 +319,9 @@ const R = "y-button", Ct = {
     (e = this.form$) == null || e.unregister(this);
   }
 });
-const M = "y-input";
-let Xe = 0;
-const se = {
+const j = "y-input";
+let nt = 0;
+const he = {
   name: String,
   width: {
     type: [String, Number]
@@ -338,14 +355,14 @@ const se = {
     }
   },
   validators: Array
-}, xe = $({
-  name: M,
-  mixins: [vn],
-  props: se,
+}, Be = B({
+  name: j,
+  mixins: [En],
+  props: he,
   emits: ["error", "click", "mousedown", "mouseup", "focus", "blur", "click:prepend", "update:modelValue"],
   data() {
-    const e = Xe.toString();
-    return Xe += 1, {
+    const e = nt.toString();
+    return nt += 1, {
       isFocused: !1,
       iid: e,
       lazyValue: void 0,
@@ -395,15 +412,15 @@ const se = {
   },
   methods: {
     createPrependOuter() {
-      const e = F(this, "prepend-outer");
-      return e ? _("div", { class: `${M}__prepend-outer` }, e) : void 0;
+      const e = K(this, "prepend-outer");
+      return e ? T("div", { class: `${j}__prepend-outer` }, e) : void 0;
     },
     createAppendOuter() {
-      const e = F(this, "append-outer");
-      return e ? _("div", { class: `${M}__append-outer` }, e) : void 0;
+      const e = K(this, "append-outer");
+      return e ? T("div", { class: `${j}__append-outer` }, e) : void 0;
     },
     createLabelSlot() {
-      const e = F(this, "label");
+      const e = K(this, "label");
       if (!e) {
         if (this.label)
           return [this.label];
@@ -413,12 +430,12 @@ const se = {
       return e ? [e] : [];
     },
     createLabel() {
-      if (this.label || F(this, "label"))
-        return _(
+      if (this.label || K(this, "label"))
+        return T(
           "label",
           {
             class: {
-              [`${M}__label`]: !0,
+              [`${j}__label`]: !0,
               "y-input__label--floated": this.isFloatedLabel
             },
             ".for": this.attrId
@@ -431,11 +448,11 @@ const se = {
       return [this.createLabel(), e == null ? void 0 : e.toString()];
     },
     createDefault() {
-      const { modelValue: e, formLoading: t, attrId: n } = this;
-      return F(this, "default", { value: e, formLoading: t, attrId: n }) ?? _(
+      const { modelValue: e, formLoading: t, attrId: a } = this;
+      return K(this, "default", { value: e, formLoading: t, attrId: a }) ?? T(
         "div",
         {
-          [`.${M}__value`]: !0,
+          [`.${j}__value`]: !0,
           ".data-id": this.attrId,
           ".tabindex": 0,
           onFocus: this.onFocus,
@@ -445,8 +462,8 @@ const se = {
       );
     },
     createPrepend() {
-      const e = F(this, "prepend", { error: this.isError });
-      return e ? _(
+      const e = K(this, "prepend", { error: this.isError });
+      return e ? T(
         "div",
         {
           class: "y-input__prepend",
@@ -456,18 +473,18 @@ const se = {
       ) : void 0;
     },
     createAppend() {
-      return F(this, "append");
+      return K(this, "append");
     },
     getDisplayHeight() {
       const { height: e } = this;
       return isNaN(Number(e)) ? e : `${e}px`;
     },
     createDisplay() {
-      return _(
+      return T(
         "div",
         {
           class: {
-            [`${M}__display`]: !0
+            [`${j}__display`]: !0
           },
           // onClick: this.onClick,
           // onMousedown: this.onMousedown,
@@ -478,7 +495,7 @@ const se = {
           }
         },
         [
-          _("div", { class: `${M}__plate` }),
+          T("div", { class: `${j}__plate` }),
           this.createPrepend(),
           this.createDefault(),
           this.createAppend()
@@ -486,20 +503,20 @@ const se = {
       );
     },
     createHelperText() {
-      const e = F(this, "helper-text", {
+      const e = K(this, "helper-text", {
         error: this.status === "error" || this.inError,
         errorResult: this.errorResult
       }), t = [];
-      return e ? t.push(_("span", {}, e)) : t.push(this.errorResult), _("div", { class: `${M}__helper-text` }, t);
+      return e ? t.push(T("span", {}, e)) : t.push(this.errorResult), T("div", { class: `${j}__helper-text` }, t);
     },
     createStackChildren() {
       return [this.createDisplay(), this.createHelperText()];
     },
     createStack() {
-      return _(
+      return T(
         "div",
         {
-          class: `${M}__stack`,
+          class: `${j}__stack`,
           ref: "stack"
         },
         this.createStackChildren()
@@ -537,13 +554,13 @@ const se = {
     },
     //
     invokeValidators() {
-      const { validators: e, inValue: t, $attrs: n } = this, { required: i } = n;
+      const { validators: e, inValue: t, $attrs: a } = this, { required: n } = a;
       this.resetError();
-      let a = !0;
+      let i = !0;
       return Array.isArray(e) && e.some((r) => {
         const s = r(t);
-        return typeof s == "string" ? (this.inError = !0, this.errorResult = s, a = !1, !0) : s === !1 ? (this.inError = !0, this.errorResult = "", a = !1, !0) : !1;
-      }), a && i && !t ? (this.inError = !0, !1) : a;
+        return typeof s == "string" ? (this.inError = !0, this.errorResult = s, i = !1, !0) : s === !1 ? (this.inError = !0, this.errorResult = "", i = !1, !0) : !1;
+      }), i && n && !t ? (this.inError = !0, !1) : i;
     },
     resetError() {
       this.inError = !1, this.errorResult = void 0;
@@ -571,23 +588,23 @@ const se = {
   },
   render() {
     var e;
-    return pe(
-      _(
+    return Se(
+      T(
         "div",
         {
-          class: { ...this.getClasses(), [`${M}`]: !0 }
+          class: { ...this.getClasses(), [`${j}`]: !0 }
         },
         this.createContent()
       ),
       [
         [
-          dt("theme"),
+          gt("theme"),
           (e = this == null ? void 0 : this.theme) != null && e.dark ? "dark" : "light"
         ]
       ]
     );
   }
-}), St = /* @__PURE__ */ $({
+}), Vt = /* @__PURE__ */ B({
   name: "YIconClear",
   setup() {
     return () => l("svg", {
@@ -600,10 +617,10 @@ const se = {
     }, null)]);
   }
 });
-const ye = "y-field-input", ke = $({
+const _e = "y-field-input", Ye = B({
   name: "YFieldInput",
   props: {
-    ...se,
+    ...he,
     clearable: Boolean,
     inputAlign: String,
     displayText: [String, Function],
@@ -629,135 +646,135 @@ const ye = "y-field-input", ke = $({
     "focus",
     "blur"
   ],
-  setup(e, { attrs: t, expose: n, emit: i, slots: a }) {
-    const r = C(), s = C(), o = C(!1), c = C(""), p = C(""), h = ie(e, "type"), u = w(() => {
-      var f;
+  setup(e, { attrs: t, expose: a, emit: n, slots: i }) {
+    const r = A(), s = A(), o = A(!1), d = A(""), h = A(""), y = ce(e, "type"), v = $(() => {
+      var c;
       return {
-        ...((f = r.value) == null ? void 0 : f.classes) || {},
+        ...((c = r.value) == null ? void 0 : c.classes) || {},
         "y-input--focused": o.value,
-        [ye]: !0
+        [_e]: !0
       };
     });
-    function d(f) {
-      var S;
-      (S = s.value) == null || S.focus(), i("click", f);
+    function p(c) {
+      var C;
+      (C = s.value) == null || C.focus(), n("click", c);
     }
-    function g(f) {
-      o.value = !0, p.value = c.value, i("focus", f);
+    function k(c) {
+      o.value = !0, h.value = d.value, n("focus", c);
     }
-    function v(f) {
-      o.value = !1, i("blur", f), m();
+    function S(c) {
+      o.value = !1, n("blur", c), u();
     }
-    function y(f) {
-      i("input", f);
-      const S = f.target;
-      c.value = S == null ? void 0 : S.value, p.value = S == null ? void 0 : S.value, e.whenInputValid;
+    function _(c) {
+      n("input", c);
+      const C = c.target;
+      d.value = C == null ? void 0 : C.value, h.value = C == null ? void 0 : C.value, e.whenInputValid;
     }
-    function x(f) {
-      i("change", c.value);
+    function V(c) {
+      n("change", d.value);
     }
-    function A(f) {
-      i("keydown", f);
+    function g(c) {
+      n("keydown", c);
     }
-    function b(f) {
-      i("keyup", f);
+    function f(c) {
+      n("keyup", c);
     }
-    function k(f) {
-      V();
+    function m(c) {
+      Y();
     }
-    function T(f) {
-      (f.code === "Space" || f.code === "Enter") && V();
+    function w(c) {
+      (c.code === "Space" || c.code === "Enter") && Y();
     }
-    function Y() {
-      var f;
-      (f = s.value) == null || f.focus();
+    function E() {
+      var c;
+      (c = s.value) == null || c.focus();
     }
     function O() {
-      var f;
-      (f = s.value) == null || f.select();
+      var c;
+      (c = s.value) == null || c.select();
     }
-    function V() {
-      c.value = "", p.value = "", i("update:modelValue", c.value);
+    function Y() {
+      d.value = "", h.value = "", n("update:modelValue", d.value);
     }
-    function m() {
-      const f = he(), { displayText: S } = e;
-      if (S !== void 0) {
-        let D = c.value;
-        typeof S == "string" && (D = S), S && typeof S == "function" && (D = S.call(f, D)), ve(() => {
-          p.value = D;
+    function u() {
+      const c = be(), { displayText: C } = e;
+      if (C !== void 0) {
+        let I = d.value;
+        typeof C == "string" && (I = C), C && typeof C == "function" && (I = C.call(c, I)), we(() => {
+          h.value = I;
         });
       }
     }
-    I(
+    L(
       () => e.modelValue,
-      (f) => {
-        c.value = f, p.value = f;
+      (c) => {
+        d.value = c, h.value = c;
       },
       {
         immediate: !0
       }
-    ), I(c, (f) => {
-      o.value ? p.value = f : m();
-    }), n({
-      focus: Y,
+    ), L(d, (c) => {
+      o.value ? h.value = c : u();
+    }), a({
+      focus: E,
       select: O,
-      clear: V,
+      clear: Y,
       inputRef: s
     });
-    const B = () => {
-      const f = {};
-      for (const S in se)
-        f[S] = e[S];
-      return f;
+    const b = () => {
+      const c = {};
+      for (const C in he)
+        c[C] = e[C];
+      return c;
     };
-    function E(f) {
-      i("update:modelValue", f);
+    function x(c) {
+      n("update:modelValue", c);
     }
-    return () => _(
-      xe,
+    return () => T(
+      Be,
       {
-        class: u.value,
+        class: v.value,
         ref: r,
-        ...B(),
-        modelValue: c.value,
-        "onUpdate:modelValue": E,
-        onClick: d
+        ...b(),
+        modelValue: d.value,
+        "onUpdate:modelValue": x,
+        onClick: p
       },
       {
-        prepend: a.prepend ? (...f) => {
-          var qe;
-          const S = [], D = (qe = a.prepend) == null ? void 0 : qe.call(a, ...f);
-          if (D)
-            S.push(D);
+        prepend: i.prepend ? (...c) => {
+          var N;
+          const C = [], I = (N = i.prepend) == null ? void 0 : N.call(i, ...c);
+          if (I)
+            C.push(I);
           else
             return;
-          return S;
+          return C;
         } : void 0,
-        default: (f) => _(
+        default: (c) => T(
           "div",
           {
-            class: `${ye}__field`,
-            "data-id": f.attrId,
+            class: `${_e}__field`,
+            "data-id": c.attrId,
             ref: "field"
           },
           [
-            xe.methods.createLabel.call(r),
-            _("input", {
-              ".value": p.value,
-              ".id": f.attrId,
-              "^type": h.value,
-              readonly: e.readonly || e.loading || f.formLoading,
+            Be.methods.createLabel.call(r),
+            T("input", {
+              ".value": h.value,
+              ".id": c.attrId,
+              "^type": y.value,
+              readonly: e.readonly || e.loading || c.formLoading,
               ".placeholder": e.placeholder,
               ".disabled": e.disabled,
               "^tabindex": e.tabindex || "0",
               autocomplete: t.autocomplete,
               maxlength: t.maxlength,
-              onInput: y,
-              onFocus: g,
-              onBlur: v,
-              onChange: x,
-              onKeydown: A,
-              onKeyup: b,
+              onInput: _,
+              onFocus: k,
+              onBlur: S,
+              onChange: V,
+              onKeydown: g,
+              onKeyup: f,
               style: {
                 textAlign: e.inputAlign
               },
@@ -766,32 +783,32 @@ const ye = "y-field-input", ke = $({
           ]
         ),
         append: () => {
-          const f = [];
-          e.clearable && c.value && f.push(
-            _("div", { class: "y-input__append y-input__append--clear" }, [
-              _(
+          const c = [];
+          e.clearable && d.value && c.push(
+            T("div", { class: "y-input__append y-input__append--clear" }, [
+              T(
                 "button",
                 {
-                  class: `${ye}__clear`,
-                  onClick: k,
-                  onKeydown: T,
+                  class: `${_e}__clear`,
+                  onClick: m,
+                  onKeydown: w,
                   "^tabindex": "2"
                 },
-                [_(St)]
+                [T(Vt)]
               )
             ])
           );
-          const S = a.append;
-          return S && f.push(_("div", { class: "y-input__append" }, S())), f;
+          const C = i.append;
+          return C && c.push(T("div", { class: "y-input__append" }, C())), c;
         },
         "helper-text": () => {
-          var f;
-          return (f = a["helper-text"]) == null ? void 0 : f.call(a);
+          var c;
+          return (c = i["helper-text"]) == null ? void 0 : c.call(i);
         }
       }
     );
   }
-}), mn = $({
+}), Tn = B({
   data: () => ({
     attrs_$: {},
     listeners_$: {}
@@ -814,10 +831,10 @@ const ye = "y-field-input", ke = $({
       immediate: !0
     }
   }
-}), Ze = "y-form", yn = ["form", "div", "section", "article"], gn = $({
-  name: Ze,
+}), at = "y-form", Vn = ["form", "div", "section", "article"], Bn = B({
+  name: at,
   inheritAttrs: !1,
-  mixins: [mn],
+  mixins: [Tn],
   provide() {
     return {
       form$: this
@@ -828,7 +845,7 @@ const ye = "y-field-input", ke = $({
       type: String,
       default: "form",
       validator(e) {
-        return yn.includes(e);
+        return Vn.includes(e);
       }
     },
     loading: Boolean
@@ -841,7 +858,7 @@ const ye = "y-field-input", ke = $({
   },
   methods: {
     register(e) {
-      const { iid: t, name: n } = e;
+      const { iid: t, name: a } = e;
       this.inputs[t] = e;
     },
     unregister(e) {
@@ -850,8 +867,8 @@ const ye = "y-field-input", ke = $({
     validate() {
       let e = !0;
       return Object.values(this.inputs).forEach((t) => {
-        const n = t == null ? void 0 : t.invokeValidators.call(t);
-        e = e && n;
+        const a = t == null ? void 0 : t.invokeValidators.call(t);
+        e = e && a;
       }), e;
     }
   },
@@ -863,36 +880,36 @@ const ye = "y-field-input", ke = $({
     }
   },
   render() {
-    var t, n;
+    var t, a;
     const { tag: e } = this;
-    return _(
+    return T(
       e,
       {
-        class: Ze,
+        class: at,
         ".novalidate": !0,
-        onSubmit: (i) => {
-          i.preventDefault(), this.$emit("submit", i, this.formData);
+        onSubmit: (n) => {
+          n.preventDefault(), this.$emit("submit", n, this.formData);
         },
-        onKeydown: Xt(
-          (i) => {
-            i.preventDefault(), i.stopImmediatePropagation(), this.$emit("keydown.enter", i);
+        onKeydown: ln(
+          (n) => {
+            n.preventDefault(), n.stopImmediatePropagation(), this.$emit("keydown.enter", n);
           },
           ["enter"]
         )
       },
-      (n = (t = this.$slots).default) == null ? void 0 : n.call(t)
+      (a = (t = this.$slots).default) == null ? void 0 : a.call(t)
     );
   }
 });
-function bn(e) {
+function Yn(e) {
   return {
-    numValue: w(() => {
-      const { value: n } = e, i = Number(n);
-      return Number.isNaN(i) || i < 0 ? 0 : i > 100 ? 100 : i;
+    numValue: $(() => {
+      const { value: a } = e, n = Number(a);
+      return Number.isNaN(n) || n < 0 ? 0 : n > 100 ? 100 : n;
     })
   };
 }
-const wn = /* @__PURE__ */ $({
+const On = /* @__PURE__ */ B({
   name: "YProgressBar",
   props: {
     value: {
@@ -923,7 +940,7 @@ const wn = /* @__PURE__ */ $({
   setup(e) {
     const {
       numValue: t
-    } = bn(e);
+    } = Yn(e);
     return {
       numValue: t
     };
@@ -954,9 +971,9 @@ const wn = /* @__PURE__ */ $({
     const {
       classes: e,
       numValue: t,
-      height: n,
-      outlineColor: i,
-      textColor: a,
+      height: a,
+      outlineColor: n,
+      textColor: i,
       styles: r,
       innerText: s
     } = this, o = this.$slots;
@@ -970,8 +987,8 @@ const wn = /* @__PURE__ */ $({
       "aria-valuemax": "100",
       "aria-valuenow": t,
       style: {
-        "--y-progress-bar__height": n !== void 0 ? `${n}px` : void 0,
-        "--y-progress-bar__outline-color": i !== void 0 ? i : void 0
+        "--y-progress-bar__height": a !== void 0 ? `${a}px` : void 0,
+        "--y-progress-bar__outline-color": n !== void 0 ? n : void 0
       }
     }, [l("div", {
       class: "y-progress__track"
@@ -986,26 +1003,26 @@ const wn = /* @__PURE__ */ $({
         "y-progress__lead-inner--fixed": t < 3
       },
       style: {
-        color: a
+        color: i
       }
-    }, [l("span", null, [t, ae(" %")])])])])]);
+    }, [l("span", null, [t, de(" %")])])])])]);
   }
-}), $t = (e, t, n) => {
-  function i(a) {
+}), Bt = (e, t, a) => {
+  function n(i) {
     e.classList.forEach((r) => {
-      r.startsWith("theme--") && r !== a && e.classList.remove(r);
-    }), e.classList.add(a);
+      r.startsWith("theme--") && r !== i && e.classList.remove(r);
+    }), e.classList.add(i);
   }
-  Ne(() => {
-    var o, c, p, h, u;
-    const a = ((c = (o = t.instance) == null ? void 0 : o.$yuyeon) == null ? void 0 : c.theme) ?? ((u = (h = (p = n == null ? void 0 : n.ctx) == null ? void 0 : p.root.appContext.config.globalProperties) == null ? void 0 : h.$yuyeon) == null ? void 0 : u.theme), r = t.value ?? a.name ?? "";
+  Ke(() => {
+    var o, d, h, y, v;
+    const i = ((d = (o = t.instance) == null ? void 0 : o.$yuyeon) == null ? void 0 : d.theme) ?? ((v = (y = (h = a == null ? void 0 : a.ctx) == null ? void 0 : h.root.appContext.config.globalProperties) == null ? void 0 : y.$yuyeon) == null ? void 0 : v.theme), r = t.value ?? i.name ?? "";
     if (!r)
       return;
     const s = `theme--${r}`;
-    i(s);
+    n(s);
   }, { flush: "post" });
 };
-const xt = $({
+const Yt = B({
   name: "y-card",
   props: {
     outline: {
@@ -1014,9 +1031,9 @@ const xt = $({
   },
   render() {
     var t;
-    const e = $t;
-    return pe(
-      _(
+    const e = Bt;
+    return Se(
+      T(
         "div",
         {
           class: ["y-card"]
@@ -1026,26 +1043,26 @@ const xt = $({
       [[e]]
     );
   }
-}), _n = $({
+}), In = B({
   name: "y-card-body",
   render() {
     var e, t;
-    return _("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return T("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Cn = $({
+}), Ln = B({
   name: "y-card-footer",
   render() {
     var e, t;
-    return _("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return T("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Sn = $({
+}), Pn = B({
   name: "y-card-header",
   render() {
     var e, t;
-    return _("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return T("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
 });
-const $n = /* @__PURE__ */ $({
+const Dn = /* @__PURE__ */ B({
   name: "y-chip",
   props: {
     color: String,
@@ -1058,7 +1075,7 @@ const $n = /* @__PURE__ */ $({
   },
   computed: {
     clickable() {
-      return H(this.$attrs, "onClick");
+      return W(this.$attrs, "onClick");
     },
     classes() {
       return {
@@ -1079,14 +1096,14 @@ const $n = /* @__PURE__ */ $({
   },
   methods: {
     colorRgb(e) {
-      var n, i;
+      var a, n;
       if (e != null && e.startsWith("#"))
-        return ((n = sn(e)) == null ? void 0 : n.join(",")) || "";
+        return ((a = Sn(e)) == null ? void 0 : a.join(",")) || "";
       const t = /rgb(a?)\((?<v>.*)\)/;
       if (t.test(e)) {
-        const a = ((i = t.exec(e)) == null ? void 0 : i[2]) || "";
-        if (a) {
-          const r = a.trim().split(",");
+        const i = ((n = t.exec(e)) == null ? void 0 : n[2]) || "";
+        if (i) {
+          const r = i.trim().split(",");
           return r.splice(3, 1), r.join(",");
         }
       }
@@ -1094,7 +1111,7 @@ const $n = /* @__PURE__ */ $({
     }
   },
   render() {
-    var n, i;
+    var a, n;
     const {
       classes: e,
       styles: t
@@ -1104,11 +1121,11 @@ const $n = /* @__PURE__ */ $({
       style: t
     }, [l("span", {
       class: "y-chip__content"
-    }, [(i = (n = this.$slots).default) == null ? void 0 : i.call(n)])]);
+    }, [(n = (a = this.$slots).default) == null ? void 0 : n.call(a)])]);
   }
 });
-let Je = 0;
-const xn = /* @__PURE__ */ $({
+let it = 0;
+const Nn = /* @__PURE__ */ B({
   name: "YSwitch",
   model: {
     prop: "input",
@@ -1157,8 +1174,8 @@ const xn = /* @__PURE__ */ $({
     };
   },
   created() {
-    const e = Je.toString();
-    Je += 1, this.counterId = e, Array.isArray(this.input) ? this.inputByValue() : this.innerValue = this.input;
+    const e = it.toString();
+    it += 1, this.counterId = e, Array.isArray(this.input) ? this.inputByValue() : this.innerValue = this.input;
   },
   computed: {
     isMultipleInput() {
@@ -1217,9 +1234,9 @@ const xn = /* @__PURE__ */ $({
     },
     onChange(e) {
       const t = e.target, {
-        checked: n
+        checked: a
       } = t;
-      this.changeInput(n, e);
+      this.changeInput(a, e);
     },
     changeInput(e, t) {
       this.innerValue = e, this.isMultipleInput ? this.changeMultipleInput(e) : this.$emit("change", e);
@@ -1234,18 +1251,18 @@ const xn = /* @__PURE__ */ $({
     const {
       classes: e,
       onClick: t,
-      onKeydown: n,
-      onFocus: i,
-      onBlur: a,
+      onKeydown: a,
+      onFocus: n,
+      onBlur: i,
       onChange: r,
       inputId: s,
       innerValue: o,
-      disabled: c,
-      trackStyles: p,
-      stateLabel: h,
-      labelOn: u,
-      labelOff: d,
-      loading: g
+      disabled: d,
+      trackStyles: h,
+      stateLabel: y,
+      labelOn: v,
+      labelOff: p,
+      loading: k
     } = this;
     return l("div", {
       class: {
@@ -1256,35 +1273,35 @@ const xn = /* @__PURE__ */ $({
       class: "y-switch__slot"
     }, [l("div", {
       class: "y-switch__input",
-      onClick: Re(t, ["capture"]),
-      onKeydown: n
+      onClick: He(t, ["capture"]),
+      onKeydown: a
     }, [l("input", {
       id: s,
       "aria-checked": o,
       type: "checkbox",
       role: "switch",
-      onFocus: i,
-      onBlur: a,
+      onFocus: n,
+      onBlur: i,
       onChange: r,
-      disabled: c,
+      disabled: d,
       checked: o,
       ref: "checkbox"
     }, null), l("div", {
       class: "y-switch__track",
-      style: p
-    }, [h && l("div", {
+      style: h
+    }, [y && l("div", {
       class: "y-switch__state"
     }, [l("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
-      labelOn: u
+      labelOn: v
     }), l("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
-      labelOff: d
+      labelOff: p
     })])]), l("div", {
       class: "y-switch__thumb"
-    }, [g && l("div", {
+    }, [k && l("div", {
       class: "y-switch__spinner"
     }, null)])]), l("label", {
       for: s,
@@ -1296,163 +1313,163 @@ const xn = /* @__PURE__ */ $({
     }, null)])])]);
   }
 });
-function L(e) {
-  const t = he();
+function P(e) {
+  const t = be();
   t && (t.render = e);
 }
-const Qe = "y-layer-group";
-function kn(e) {
-  return { layerGroup: w(() => {
-    const n = e == null ? void 0 : e.value;
-    let i = document.body;
-    if (typeof n == "string") {
-      const r = document.querySelector(n);
-      r && (i = r);
-    }
-    n && n.nodeType === 1 && (i = n);
-    let a = i.querySelector(`.${Qe}`);
-    return a || (a = document.createElement("div"), a.className = Qe, i.appendChild(a)), a;
+const rt = "y-layer-group";
+function Rn(e) {
+  return { layerGroup: $(() => {
+    const a = e == null ? void 0 : e.value;
+    let n = document.body;
+    if (typeof a == "string") {
+      const r = document.querySelector(a);
+      r && (n = r);
+    }
+    a && a.nodeType === 1 && (n = a);
+    let i = n.querySelector(`.${rt}`);
+    return i || (i = document.createElement("div"), i.className = rt, n.appendChild(i)), i;
   }) };
 }
-function Tn(e, t) {
-  const n = C(!1), i = C();
-  i.value = t.value;
-  const a = w(() => e ? t.value : i.value);
-  I(t, () => {
-    n.value || (i.value = t.value), e || (n.value = !0);
+function Mn(e, t) {
+  const a = A(!1), n = A();
+  n.value = t.value;
+  const i = $(() => e ? t.value : n.value);
+  L(t, () => {
+    a.value || (n.value = t.value), e || (a.value = !0);
   });
   function r() {
-    i.value = t.value, e || (n.value = !1);
+    n.value = t.value, e || (a.value = !1);
   }
   return {
-    entered: n,
-    lazyValue: a,
+    entered: a,
+    lazyValue: i,
     onAfterUpdate: r
   };
 }
-function En(e, t = 1e3, n) {
-  const { tickDuration: i } = n ?? {};
-  let a = i ?? 100, r = -1;
-  const s = C(0), o = C(t), c = C(!1);
-  function p() {
-    const g = Date.now(), v = g - s.value;
-    if (o.value = o.value - v, o.value < 1)
+function Fn(e, t = 1e3, a) {
+  const { tickDuration: n } = a ?? {};
+  let i = n ?? 100, r = -1;
+  const s = A(0), o = A(t), d = A(!1);
+  function h() {
+    const k = Date.now(), S = k - s.value;
+    if (o.value = o.value - S, o.value < 1)
       e();
     else {
-      const y = g - s.value + a, x = y >= 1 ? y : a;
-      s.value = g, r = window.setTimeout(p, x);
+      const _ = k - s.value + i, V = _ >= 1 ? _ : i;
+      s.value = k, r = window.setTimeout(h, V);
     }
   }
-  function h() {
-    c.value || (c.value = !0, s.value = Date.now(), r = window.setTimeout(p, a));
+  function y() {
+    d.value || (d.value = !0, s.value = Date.now(), r = window.setTimeout(h, i));
   }
-  function u() {
-    window.clearTimeout(r), r = -1, c.value = !1;
+  function v() {
+    window.clearTimeout(r), r = -1, d.value = !1;
   }
-  function d() {
-    u(), o.value = t;
+  function p() {
+    v(), o.value = t;
   }
   return {
-    start: h,
-    stop: u,
-    reset: d,
+    start: y,
+    stop: v,
+    reset: p,
     drift: o,
-    isWork: c
+    isWork: d
   };
 }
-const je = {
+const qe = {
   transition: {
     type: [String, Object],
     default: "slide-fade"
   }
 };
-function Vn(e) {
+function jn(e) {
   return {
-    polyTransitionBindProps: w(() => {
-      const { is: n, ...i } = typeof e.transition == "object" ? e.transition : { is: e.transition, name: e.transition };
+    polyTransitionBindProps: $(() => {
+      const { is: a, ...n } = typeof e.transition == "object" ? e.transition : { is: e.transition, name: e.transition };
       return {
-        is: n,
-        transitionProps: i
+        is: a,
+        transitionProps: n
       };
     })
   };
 }
-const et = (e, { slots: t }) => {
-  const { is: n, transitionProps: i, ...a } = e, { component: r = Me, ...s } = typeof n == "object" ? { component: n, ...i } : { name: n };
-  return _(r, { ...s, ...i, ...a }, t);
+const ot = (e, { slots: t }) => {
+  const { is: a, transitionProps: n, ...i } = e, { component: r = ze, ...s } = typeof a == "object" ? { component: a, ...n } : { name: a };
+  return T(r, { ...s, ...n, ...i }, t);
 };
-function kt(e) {
+function Ot(e) {
   const t = e.getRootNode();
   return t !== document && t.getRootNode({ composed: !0 }) !== document ? null : t;
 }
-function An() {
+function Kn() {
   return !0;
 }
-function Bn(e, t, n) {
-  const { value: i } = n, a = typeof i == "function" ? i : i.handler;
-  t._complementClick.lastMousedownWasOutside && Tt(e, t, n) && setTimeout(() => {
-    Et(e, n) && a && a(e);
+function Hn(e, t, a) {
+  const { value: n } = a, i = typeof n == "function" ? n : n.handler;
+  t._complementClick.lastMousedownWasOutside && It(e, t, a) && setTimeout(() => {
+    Lt(e, a) && i && i(e);
   }, 0);
 }
-function Tt(e, t, n) {
-  if (!e || Et(e, n) === !1)
+function It(e, t, a) {
+  if (!e || Lt(e, a) === !1)
     return !1;
-  const i = kt(t);
-  if (typeof ShadowRoot < "u" && i instanceof ShadowRoot && i.host === e.target)
+  const n = Ot(t);
+  if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && n.host === e.target)
     return !1;
-  const a = (typeof n.value == "object" && n.value.include || (() => []))();
-  return a.push(t), !a.some((r) => r == null ? void 0 : r.contains(e.target));
+  const i = (typeof a.value == "object" && a.value.include || (() => []))();
+  return i.push(t), !i.some((r) => r == null ? void 0 : r.contains(e.target));
 }
-function Et(e, t) {
-  const { value: n } = t, i = typeof n == "object" && n.determine || An;
-  return i && (i == null ? void 0 : i(e));
+function Lt(e, t) {
+  const { value: a } = t, n = typeof a == "object" && a.determine || Kn;
+  return n && (n == null ? void 0 : n(e));
 }
-function tt(e, t) {
-  const n = kt(e);
-  t(document), typeof ShadowRoot < "u" && n instanceof ShadowRoot && t(n);
+function st(e, t) {
+  const a = Ot(e);
+  t(document), typeof ShadowRoot < "u" && a instanceof ShadowRoot && t(a);
 }
-const Yn = {
+const zn = {
   mounted(e, t) {
-    const n = (r) => Bn(r, e, t), i = (r) => {
-      e._complementClick.lastMousedownWasOutside = Tt(
+    const a = (r) => Hn(r, e, t), n = (r) => {
+      e._complementClick.lastMousedownWasOutside = It(
         r,
         e,
         t
       );
     };
-    tt(e, (r) => {
-      r == null || r.addEventListener("click", n, !0), r == null || r.addEventListener("mousedown", i, !0);
+    st(e, (r) => {
+      r == null || r.addEventListener("click", a, !0), r == null || r.addEventListener("mousedown", n, !0);
     }), e._complementClick || (e._complementClick = {
       lastMousedownWasOutside: !0
     });
-    const a = t.instance.$.uid;
-    e._complementClick[a] = {
-      onClick: n,
-      onMousedown: i
+    const i = t.instance.$.uid;
+    e._complementClick[i] = {
+      onClick: a,
+      onMousedown: n
     };
   },
   unmounted(e, t) {
     if (!e._complementClick)
       return;
-    const n = t.instance.$.uid;
-    tt(e, (i) => {
+    const a = t.instance.$.uid;
+    st(e, (n) => {
       var r;
-      const a = (r = e._complementClick) == null ? void 0 : r[n];
-      if (a) {
-        const { onClick: s, onMousedown: o } = a;
-        i == null || i.removeEventListener("click", s, !0), i == null || i.removeEventListener("mousedown", o, !0);
+      const i = (r = e._complementClick) == null ? void 0 : r[a];
+      if (i) {
+        const { onClick: s, onMousedown: o } = i;
+        n == null || n.removeEventListener("click", s, !0), n == null || n.removeEventListener("mousedown", o, !0);
       }
-    }), delete e._complementClick[n];
+    }), delete e._complementClick[a];
   }
 };
-const K = /* @__PURE__ */ $({
+const q = /* @__PURE__ */ B({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
-    PolyTransition: et
+    PolyTransition: ot
   },
   directives: {
-    ComplementClick: Yn
+    ComplementClick: zn
   },
   props: {
     modelValue: {
@@ -1483,7 +1500,7 @@ const K = /* @__PURE__ */ $({
       type: Boolean,
       default: !1
     },
-    ...je
+    ...qe
   },
   emits: {
     "update:modelValue": (e) => !0,
@@ -1491,120 +1508,120 @@ const K = /* @__PURE__ */ $({
   },
   setup(e, {
     emit: t,
-    expose: n,
-    attrs: i,
-    slots: a
+    expose: a,
+    attrs: n,
+    slots: i
   }) {
     const {
       layerGroup: r
-    } = kn(), {
+    } = Rn(), {
       polyTransitionBindProps: s
-    } = Vn(e), o = w({
+    } = jn(e), o = $({
       get: () => !!e.modelValue,
-      set: (V) => {
-        t("update:modelValue", V);
+      set: (Y) => {
+        t("update:modelValue", Y);
       }
-    }), c = ie(e, "disabled"), {
-      lazyValue: p,
-      onAfterUpdate: h
-    } = Tn(!!e.eager, o), u = w(() => !c.value && (p.value || o.value)), d = C(), g = C();
-    function v(V) {
-      t("click:complement", V), e.persistent || d.value !== null && d.value === V.target && e.closeClickScrim && (o.value = !1);
+    }), d = ce(e, "disabled"), {
+      lazyValue: h,
+      onAfterUpdate: y
+    } = Mn(!!e.eager, o), v = $(() => !d.value && (h.value || o.value)), p = A(), k = A();
+    function S(Y) {
+      t("click:complement", Y), e.persistent || p.value !== null && p.value === Y.target && e.closeClickScrim && (o.value = !1);
     }
-    function y() {
+    function _() {
       return o.value;
     }
-    const x = re({
-      handler: v,
-      determine: y,
+    const V = fe({
+      handler: S,
+      determine: _,
       include: () => [
         // activatorEl.value
       ]
     });
-    n({
-      scrim$: d,
-      content$: g,
+    a({
+      scrim$: p,
+      content$: k,
       active: o,
-      onAfterUpdate: h
+      onAfterUpdate: y
     });
-    function A() {
+    function g() {
     }
-    function b() {
-      h();
+    function f() {
+      y();
     }
-    function k() {
+    function m() {
       e.closeClickScrim && (o.value = !1);
     }
-    const T = w(() => ({
+    const w = $(() => ({
       zIndex: "2000"
-    })), Y = w(() => {
+    })), E = $(() => {
       const {
-        classes: V
+        classes: Y
       } = e;
       return {
-        ...W(V),
+        ...J(Y),
         "y-layer--active": !!o.value
       };
-    }), O = w(() => ({
-      ...W(e.contentClasses)
+    }), O = $(() => ({
+      ...J(e.contentClasses)
     }));
-    return L(() => l(Zt, {
+    return P(() => l(un, {
       disabled: !r.value,
       to: r.value
     }, {
-      default: () => [u.value && l("div", oe({
+      default: () => [v.value && l("div", ve({
         class: {
           "y-layer": !0,
-          ...Y.value
+          ...E.value
         },
-        style: T.value
-      }, i), [l(Me, {
+        style: w.value
+      }, n), [l(ze, {
         name: "fade",
         appear: !0
       }, {
         default: () => [o.value && e.scrim && l("div", {
           class: "y-layer__scrim",
-          onClick: k,
+          onClick: m,
           ref: "scrim$"
         }, null)]
-      }), l(et, oe({
-        onAfterEnter: A,
-        onAfterLeave: b,
+      }), l(ot, ve({
+        onAfterEnter: g,
+        onAfterLeave: f,
         appear: !0
       }, s.value), {
         default: () => {
-          var V;
-          return [pe(l("div", {
+          var Y;
+          return [Se(l("div", {
             class: {
               "y-layer__content": !0,
               ...O.value
             },
             style: e.contentStyles,
             ref: "content$"
-          }, [(V = a.default) == null ? void 0 : V.call(a, {
+          }, [(Y = i.default) == null ? void 0 : Y.call(i, {
             active: o.value
-          })]), [[Jt, o.value], [dt("complement-click"), {
-            ...x
+          })]), [[cn, o.value], [gt("complement-click"), {
+            ...V
           }]])];
         }
       })])]
     })), {
-      complementClickOption: x,
+      complementClickOption: V,
       layerGroup: r,
       active: o,
-      rendered: u,
-      onAfterUpdate: h,
-      scrim$: d,
-      content$: g,
+      rendered: v,
+      onAfterUpdate: y,
+      scrim$: p,
+      content$: k,
       polyTransitionBindProps: s
     };
   }
 });
-const On = /* @__PURE__ */ $({
+const Un = /* @__PURE__ */ B({
   name: "YDialog",
   components: {
-    YLayer: K,
-    YCard: xt
+    YLayer: q,
+    YCard: Yt
   },
   props: {
     modelValue: {
@@ -1612,171 +1629,175 @@ const On = /* @__PURE__ */ $({
     },
     dialogClasses: {
       type: [Array, String, Object]
+    },
+    persistent: {
+      type: Boolean
     }
   },
   emits: ["update:modelValue"],
   setup(e, {
     emit: t,
-    slots: n
+    slots: a
   }) {
-    const i = w({
+    const n = $({
       get: () => !!e.modelValue,
-      set: (h) => {
-        t("update:modelValue", h);
+      set: (y) => {
+        t("update:modelValue", y);
       }
-    }), a = w(() => ({
-      ...W(e.dialogClasses),
+    }), i = $(() => ({
+      ...J(e.dialogClasses),
       "y-dialog": !0
-    })), r = C();
-    function s(h) {
-      var g, v, y;
-      const u = h.relatedTarget, d = h.target;
-      if (u !== d && ((g = r.value) != null && g.content$) && ![document, (v = r.value) == null ? void 0 : v.content$].includes(d) && !((y = r.value) != null && y.content$.contains(d))) {
-        const x = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', A = [...r.value.content$.querySelectorAll(x)].filter((T) => !T.hasAttribute("disabled") && !T.matches('[tabindex="-1"]'));
-        if (!A.length)
+    })), r = A();
+    function s(y) {
+      var k, S, _;
+      const v = y.relatedTarget, p = y.target;
+      if (v !== p && ((k = r.value) != null && k.content$) && ![document, (S = r.value) == null ? void 0 : S.content$].includes(p) && !((_ = r.value) != null && _.content$.contains(p))) {
+        const V = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', g = [...r.value.content$.querySelectorAll(V)].filter((w) => !w.hasAttribute("disabled") && !w.matches('[tabindex="-1"]'));
+        if (!g.length)
           return;
-        const b = A[0], k = A[A.length - 1];
-        b === k ? k.focus() : b.focus();
+        const f = g[0], m = g[g.length - 1];
+        f === m ? m.focus() : f.focus();
       }
     }
     function o() {
       document.addEventListener("focusin", s);
     }
-    function c() {
+    function d() {
       document.removeEventListener("focusin", s);
     }
-    function p(h) {
-      i.value = h;
+    function h(y) {
+      n.value = y;
     }
-    return I(() => i.value, (h) => {
-      h ? o() : c();
+    return L(() => n.value, (y) => {
+      y ? o() : d();
     }, {
       immediate: !0
-    }), L(() => {
-      var h;
-      return l(P, null, [(h = n.base) == null ? void 0 : h.call(n), l(K, {
-        "model-value": i.value,
-        "onUpdate:modelValue": p,
+    }), P(() => {
+      var y;
+      return l(D, null, [(y = a.base) == null ? void 0 : y.call(a), l(q, {
+        "model-value": n.value,
+        "onUpdate:modelValue": h,
         scrim: !0,
-        classes: a.value,
+        classes: i.value,
+        persistent: e.persistent,
         ref: r
       }, {
-        default: (...u) => {
-          var d;
-          return (d = n.default) == null ? void 0 : d.call(n, ...u);
+        default: (...v) => {
+          var p;
+          return (p = a.default) == null ? void 0 : p.call(a, ...v);
         }
       })]);
     }), {
-      active: i,
+      active: n,
       layer: r,
-      classes: a
+      classes: i
     };
   }
 });
-function Ln(e, t) {
+function Wn(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-const Vt = (e, t, n) => Math.min(Math.max(n, e), t), N = {
+const Pt = (e, t, a) => Math.min(Math.max(a, e), t), R = {
   duration: 0.3,
   delay: 0,
   endDelay: 0,
   repeat: 0,
   easing: "ease"
-}, le = (e) => typeof e == "number", z = (e) => Array.isArray(e) && !le(e[0]), In = (e, t, n) => {
-  const i = t - e;
-  return ((n - e) % i + i) % i + e;
+}, pe = (e) => typeof e == "number", X = (e) => Array.isArray(e) && !pe(e[0]), qn = (e, t, a) => {
+  const n = t - e;
+  return ((a - e) % n + n) % n + e;
 };
-function Pn(e, t) {
-  return z(e) ? e[In(0, e.length, t)] : e;
+function Gn(e, t) {
+  return X(e) ? e[qn(0, e.length, t)] : e;
 }
-const At = (e, t, n) => -n * e + n * t + e, Bt = () => {
-}, j = (e) => e, He = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
-function Yt(e, t) {
-  const n = e[e.length - 1];
-  for (let i = 1; i <= t; i++) {
-    const a = He(0, t, i);
-    e.push(At(n, 1, a));
+const Dt = (e, t, a) => -a * e + a * t + e, Nt = () => {
+}, U = (e) => e, Ge = (e, t, a) => t - e === 0 ? 1 : (a - e) / (t - e);
+function Rt(e, t) {
+  const a = e[e.length - 1];
+  for (let n = 1; n <= t; n++) {
+    const i = Ge(0, t, n);
+    e.push(Dt(a, 1, i));
   }
 }
-function Dn(e) {
+function Xn(e) {
   const t = [0];
-  return Yt(t, e - 1), t;
+  return Rt(t, e - 1), t;
 }
-function Nn(e, t = Dn(e.length), n = j) {
-  const i = e.length, a = i - t.length;
-  return a > 0 && Yt(t, a), (r) => {
+function Zn(e, t = Xn(e.length), a = U) {
+  const n = e.length, i = n - t.length;
+  return i > 0 && Rt(t, i), (r) => {
     let s = 0;
-    for (; s < i - 2 && !(r < t[s + 1]); s++)
+    for (; s < n - 2 && !(r < t[s + 1]); s++)
       ;
-    let o = Vt(0, 1, He(t[s], t[s + 1], r));
-    return o = Pn(n, s)(o), At(e[s], e[s + 1], o);
+    let o = Pt(0, 1, Ge(t[s], t[s + 1], r));
+    return o = Gn(a, s)(o), Dt(e[s], e[s + 1], o);
   };
 }
-const Ot = (e) => Array.isArray(e) && le(e[0]), Te = (e) => typeof e == "object" && !!e.createAnimation, q = (e) => typeof e == "function", Rn = (e) => typeof e == "string", J = {
+const Mt = (e) => Array.isArray(e) && pe(e[0]), Oe = (e) => typeof e == "object" && !!e.createAnimation, Q = (e) => typeof e == "function", Jn = (e) => typeof e == "string", ae = {
   ms: (e) => e * 1e3,
   s: (e) => e / 1e3
-}, Lt = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Mn = 1e-7, Fn = 12;
-function jn(e, t, n, i, a) {
+}, Ft = (e, t, a) => (((1 - 3 * a + 3 * t) * e + (3 * a - 6 * t)) * e + 3 * t) * e, Qn = 1e-7, ea = 12;
+function ta(e, t, a, n, i) {
   let r, s, o = 0;
   do
-    s = t + (n - t) / 2, r = Lt(s, i, a) - e, r > 0 ? n = s : t = s;
-  while (Math.abs(r) > Mn && ++o < Fn);
+    s = t + (a - t) / 2, r = Ft(s, n, i) - e, r > 0 ? a = s : t = s;
+  while (Math.abs(r) > Qn && ++o < ea);
   return s;
 }
-function G(e, t, n, i) {
-  if (e === t && n === i)
-    return j;
-  const a = (r) => jn(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Lt(a(r), t, i);
-}
-const Hn = (e, t = "end") => (n) => {
-  n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
-  const i = n * e, a = t === "end" ? Math.floor(i) : Math.ceil(i);
-  return Vt(0, 1, a / e);
-}, nt = {
-  ease: G(0.25, 0.1, 0.25, 1),
-  "ease-in": G(0.42, 0, 1, 1),
-  "ease-in-out": G(0.42, 0, 0.58, 1),
-  "ease-out": G(0, 0, 0.58, 1)
-}, Kn = /\((.*?)\)/;
-function it(e) {
-  if (q(e))
+function te(e, t, a, n) {
+  if (e === t && a === n)
+    return U;
+  const i = (r) => ta(r, 0, 1, e, a);
+  return (r) => r === 0 || r === 1 ? r : Ft(i(r), t, n);
+}
+const na = (e, t = "end") => (a) => {
+  a = t === "end" ? Math.min(a, 0.999) : Math.max(a, 1e-3);
+  const n = a * e, i = t === "end" ? Math.floor(n) : Math.ceil(n);
+  return Pt(0, 1, i / e);
+}, lt = {
+  ease: te(0.25, 0.1, 0.25, 1),
+  "ease-in": te(0.42, 0, 1, 1),
+  "ease-in-out": te(0.42, 0, 0.58, 1),
+  "ease-out": te(0, 0, 0.58, 1)
+}, aa = /\((.*?)\)/;
+function ut(e) {
+  if (Q(e))
     return e;
-  if (Ot(e))
-    return G(...e);
-  if (nt[e])
-    return nt[e];
+  if (Mt(e))
+    return te(...e);
+  if (lt[e])
+    return lt[e];
   if (e.startsWith("steps")) {
-    const t = Kn.exec(e);
+    const t = aa.exec(e);
     if (t) {
-      const n = t[1].split(",");
-      return Hn(parseFloat(n[0]), n[1].trim());
+      const a = t[1].split(",");
+      return na(parseFloat(a[0]), a[1].trim());
     }
   }
-  return j;
+  return U;
 }
-class It {
-  constructor(t, n = [0, 1], { easing: i, duration: a = N.duration, delay: r = N.delay, endDelay: s = N.endDelay, repeat: o = N.repeat, offset: c, direction: p = "normal" } = {}) {
-    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = j, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((u, d) => {
-      this.resolve = u, this.reject = d;
-    }), i = i || N.easing, Te(i)) {
-      const u = i.createAnimation(n);
-      i = u.easing, n = u.keyframes || n, a = u.duration || a;
+class jt {
+  constructor(t, a = [0, 1], { easing: n, duration: i = R.duration, delay: r = R.delay, endDelay: s = R.endDelay, repeat: o = R.repeat, offset: d, direction: h = "normal" } = {}) {
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = U, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((v, p) => {
+      this.resolve = v, this.reject = p;
+    }), n = n || R.easing, Oe(n)) {
+      const v = n.createAnimation(a);
+      n = v.easing, a = v.keyframes || a, i = v.duration || i;
     }
-    this.repeat = o, this.easing = z(i) ? j : it(i), this.updateDuration(a);
-    const h = Nn(n, c, z(i) ? i.map(it) : j);
-    this.tick = (u) => {
-      var d;
+    this.repeat = o, this.easing = X(n) ? U : ut(n), this.updateDuration(i);
+    const y = Zn(a, d, X(n) ? n.map(ut) : U);
+    this.tick = (v) => {
+      var p;
       r = r;
-      let g = 0;
-      this.pauseTime !== void 0 ? g = this.pauseTime : g = (u - this.startTime) * this.rate, this.t = g, g /= 1e3, g = Math.max(g - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (g = this.totalDuration);
-      const v = g / this.duration;
-      let y = Math.floor(v), x = v % 1;
-      !x && v >= 1 && (x = 1), x === 1 && y--;
-      const A = y % 2;
-      (p === "reverse" || p === "alternate" && A || p === "alternate-reverse" && !A) && (x = 1 - x);
-      const b = g >= this.totalDuration ? 1 : Math.min(x, 1), k = h(this.easing(b));
-      t(k), this.pauseTime === void 0 && (this.playState === "finished" || g >= this.totalDuration + s) ? (this.playState = "finished", (d = this.resolve) === null || d === void 0 || d.call(this, k)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
+      let k = 0;
+      this.pauseTime !== void 0 ? k = this.pauseTime : k = (v - this.startTime) * this.rate, this.t = k, k /= 1e3, k = Math.max(k - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (k = this.totalDuration);
+      const S = k / this.duration;
+      let _ = Math.floor(S), V = S % 1;
+      !V && S >= 1 && (V = 1), V === 1 && _--;
+      const g = _ % 2;
+      (h === "reverse" || h === "alternate" && g || h === "alternate-reverse" && !g) && (V = 1 - V);
+      const f = k >= this.totalDuration ? 1 : Math.min(V, 1), m = y(this.easing(f));
+      t(m), this.pauseTime === void 0 && (this.playState === "finished" || k >= this.totalDuration + s) ? (this.playState = "finished", (p = this.resolve) === null || p === void 0 || p.call(this, m)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, this.play();
   }
   play() {
@@ -1817,13 +1838,13 @@ class It {
     this.rate = t;
   }
 }
-var Ee = function() {
+var Ie = function() {
 };
-process.env.NODE_ENV !== "production" && (Ee = function(e, t) {
+process.env.NODE_ENV !== "production" && (Ie = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class Un {
+class ia {
   setAnimation(t) {
     this.animation = t, t == null || t.finished.then(() => this.clearAnimation()).catch(() => {
     });
@@ -1832,197 +1853,197 @@ class Un {
     this.animation = this.generator = void 0;
   }
 }
-const ge = /* @__PURE__ */ new WeakMap();
-function Pt(e) {
-  return ge.has(e) || ge.set(e, {
+const xe = /* @__PURE__ */ new WeakMap();
+function Kt(e) {
+  return xe.has(e) || xe.set(e, {
     transforms: [],
     values: /* @__PURE__ */ new Map()
-  }), ge.get(e);
+  }), xe.get(e);
 }
-function zn(e, t) {
-  return e.has(t) || e.set(t, new Un()), e.get(t);
+function ra(e, t) {
+  return e.has(t) || e.set(t, new ia()), e.get(t);
 }
-const Wn = ["", "X", "Y", "Z"], qn = ["translate", "scale", "rotate", "skew"], ue = {
+const oa = ["", "X", "Y", "Z"], sa = ["translate", "scale", "rotate", "skew"], me = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
-}, at = {
+}, ct = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => e + "deg"
-}, Gn = {
+}, la = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
     toDefaultUnit: (e) => e + "px"
   },
-  rotate: at,
+  rotate: ct,
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: j
+    toDefaultUnit: U
   },
-  skew: at
-}, Q = /* @__PURE__ */ new Map(), Ke = (e) => `--motion-${e}`, ce = ["x", "y", "z"];
-qn.forEach((e) => {
-  Wn.forEach((t) => {
-    ce.push(e + t), Q.set(Ke(e + t), Gn[e]);
+  skew: ct
+}, ie = /* @__PURE__ */ new Map(), Xe = (e) => `--motion-${e}`, ye = ["x", "y", "z"];
+sa.forEach((e) => {
+  oa.forEach((t) => {
+    ye.push(e + t), ie.set(Xe(e + t), la[e]);
   });
 });
-const Xn = (e, t) => ce.indexOf(e) - ce.indexOf(t), Zn = new Set(ce), Dt = (e) => Zn.has(e), Jn = (e, t) => {
-  ue[t] && (t = ue[t]);
-  const { transforms: n } = Pt(e);
-  Ln(n, t), e.style.transform = Qn(n);
-}, Qn = (e) => e.sort(Xn).reduce(ei, "").trim(), ei = (e, t) => `${e} ${t}(var(${Ke(t)}))`, Ve = (e) => e.startsWith("--"), rt = /* @__PURE__ */ new Set();
-function ti(e) {
-  if (!rt.has(e)) {
-    rt.add(e);
+const ua = (e, t) => ye.indexOf(e) - ye.indexOf(t), ca = new Set(ye), Ht = (e) => ca.has(e), da = (e, t) => {
+  me[t] && (t = me[t]);
+  const { transforms: a } = Kt(e);
+  Wn(a, t), e.style.transform = fa(a);
+}, fa = (e) => e.sort(ua).reduce(va, "").trim(), va = (e, t) => `${e} ${t}(var(${Xe(t)}))`, Le = (e) => e.startsWith("--"), dt = /* @__PURE__ */ new Set();
+function ha(e) {
+  if (!dt.has(e)) {
+    dt.add(e);
     try {
-      const { syntax: t, initialValue: n } = Q.has(e) ? Q.get(e) : {};
+      const { syntax: t, initialValue: a } = ie.has(e) ? ie.get(e) : {};
       CSS.registerProperty({
         name: e,
         inherits: !1,
         syntax: t,
-        initialValue: n
+        initialValue: a
       });
     } catch {
     }
   }
 }
-const be = (e, t) => document.createElement("div").animate(e, t), ot = {
+const Ce = (e, t) => document.createElement("div").animate(e, t), ft = {
   cssRegisterProperty: () => typeof CSS < "u" && Object.hasOwnProperty.call(CSS, "registerProperty"),
   waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
   partialKeyframes: () => {
     try {
-      be({ opacity: [1] });
+      Ce({ opacity: [1] });
     } catch {
       return !1;
     }
     return !0;
   },
-  finished: () => !!be({ opacity: [0, 1] }, { duration: 1e-3 }).finished,
+  finished: () => !!Ce({ opacity: [0, 1] }, { duration: 1e-3 }).finished,
   linearEasing: () => {
     try {
-      be({ opacity: 0 }, { easing: "linear(0, 1)" });
+      Ce({ opacity: 0 }, { easing: "linear(0, 1)" });
     } catch {
       return !1;
     }
     return !0;
   }
-}, we = {}, U = {};
-for (const e in ot)
-  U[e] = () => (we[e] === void 0 && (we[e] = ot[e]()), we[e]);
-const ni = 0.015, ii = (e, t) => {
-  let n = "";
-  const i = Math.round(t / ni);
-  for (let a = 0; a < i; a++)
-    n += e(He(0, i - 1, a)) + ", ";
-  return n.substring(0, n.length - 2);
-}, st = (e, t) => q(e) ? U.linearEasing() ? `linear(${ii(e, t)})` : N.easing : Ot(e) ? ai(e) : e, ai = ([e, t, n, i]) => `cubic-bezier(${e}, ${t}, ${n}, ${i})`;
-function ri(e, t) {
-  for (let n = 0; n < e.length; n++)
-    e[n] === null && (e[n] = n ? e[n - 1] : t());
+}, ke = {}, G = {};
+for (const e in ft)
+  G[e] = () => (ke[e] === void 0 && (ke[e] = ft[e]()), ke[e]);
+const pa = 0.015, ma = (e, t) => {
+  let a = "";
+  const n = Math.round(t / pa);
+  for (let i = 0; i < n; i++)
+    a += e(Ge(0, n - 1, i)) + ", ";
+  return a.substring(0, a.length - 2);
+}, vt = (e, t) => Q(e) ? G.linearEasing() ? `linear(${ma(e, t)})` : R.easing : Mt(e) ? ya(e) : e, ya = ([e, t, a, n]) => `cubic-bezier(${e}, ${t}, ${a}, ${n})`;
+function ga(e, t) {
+  for (let a = 0; a < e.length; a++)
+    e[a] === null && (e[a] = a ? e[a - 1] : t());
   return e;
 }
-const oi = (e) => Array.isArray(e) ? e : [e];
-function Ae(e) {
-  return ue[e] && (e = ue[e]), Dt(e) ? Ke(e) : e;
+const ba = (e) => Array.isArray(e) ? e : [e];
+function Pe(e) {
+  return me[e] && (e = me[e]), Ht(e) ? Xe(e) : e;
 }
-const te = {
+const le = {
   get: (e, t) => {
-    t = Ae(t);
-    let n = Ve(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
-    if (!n && n !== 0) {
-      const i = Q.get(t);
-      i && (n = i.initialValue);
+    t = Pe(t);
+    let a = Le(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
+    if (!a && a !== 0) {
+      const n = ie.get(t);
+      n && (a = n.initialValue);
     }
-    return n;
+    return a;
   },
-  set: (e, t, n) => {
-    t = Ae(t), Ve(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+  set: (e, t, a) => {
+    t = Pe(t), Le(t) ? e.style.setProperty(t, a) : e.style[t] = a;
   }
 };
-function Nt(e, t = !0) {
+function zt(e, t = !0) {
   if (!(!e || e.playState === "finished"))
     try {
       e.stop ? e.stop() : (t && e.commitStyles(), e.cancel());
     } catch {
     }
 }
-function si(e, t) {
-  var n;
-  let i = (t == null ? void 0 : t.toDefaultUnit) || j;
-  const a = e[e.length - 1];
-  if (Rn(a)) {
-    const r = ((n = a.match(/(-?[\d.]+)([a-z%]*)/)) === null || n === void 0 ? void 0 : n[2]) || "";
-    r && (i = (s) => s + r);
+function Sa(e, t) {
+  var a;
+  let n = (t == null ? void 0 : t.toDefaultUnit) || U;
+  const i = e[e.length - 1];
+  if (Jn(i)) {
+    const r = ((a = i.match(/(-?[\d.]+)([a-z%]*)/)) === null || a === void 0 ? void 0 : a[2]) || "";
+    r && (n = (s) => s + r);
   }
-  return i;
+  return n;
 }
-function li() {
+function wa() {
   return window.__MOTION_DEV_TOOLS_RECORD;
 }
-function ui(e, t, n, i = {}, a) {
-  const r = li(), s = i.record !== !1 && r;
-  let o, { duration: c = N.duration, delay: p = N.delay, endDelay: h = N.endDelay, repeat: u = N.repeat, easing: d = N.easing, persist: g = !1, direction: v, offset: y, allowWebkitAcceleration: x = !1 } = i;
-  const A = Pt(e), b = Dt(t);
-  let k = U.waapi();
-  b && Jn(e, t);
-  const T = Ae(t), Y = zn(A.values, T), O = Q.get(T);
-  return Nt(Y.animation, !(Te(d) && Y.generator) && i.record !== !1), () => {
-    const V = () => {
-      var E, f;
-      return (f = (E = te.get(e, T)) !== null && E !== void 0 ? E : O == null ? void 0 : O.initialValue) !== null && f !== void 0 ? f : 0;
+function _a(e, t, a, n = {}, i) {
+  const r = wa(), s = n.record !== !1 && r;
+  let o, { duration: d = R.duration, delay: h = R.delay, endDelay: y = R.endDelay, repeat: v = R.repeat, easing: p = R.easing, persist: k = !1, direction: S, offset: _, allowWebkitAcceleration: V = !1 } = n;
+  const g = Kt(e), f = Ht(t);
+  let m = G.waapi();
+  f && da(e, t);
+  const w = Pe(t), E = ra(g.values, w), O = ie.get(w);
+  return zt(E.animation, !(Oe(p) && E.generator) && n.record !== !1), () => {
+    const Y = () => {
+      var x, c;
+      return (c = (x = le.get(e, w)) !== null && x !== void 0 ? x : O == null ? void 0 : O.initialValue) !== null && c !== void 0 ? c : 0;
     };
-    let m = ri(oi(n), V);
-    const B = si(m, O);
-    if (Te(d)) {
-      const E = d.createAnimation(m, t !== "opacity", V, T, Y);
-      d = E.easing, m = E.keyframes || m, c = E.duration || c;
-    }
-    if (Ve(T) && (U.cssRegisterProperty() ? ti(T) : k = !1), b && !U.linearEasing() && (q(d) || z(d) && d.some(q)) && (k = !1), k) {
-      O && (m = m.map((S) => le(S) ? O.toDefaultUnit(S) : S)), m.length === 1 && (!U.partialKeyframes() || s) && m.unshift(V());
-      const E = {
-        delay: J.ms(p),
-        duration: J.ms(c),
-        endDelay: J.ms(h),
-        easing: z(d) ? void 0 : st(d, c),
-        direction: v,
-        iterations: u + 1,
+    let u = ga(ba(a), Y);
+    const b = Sa(u, O);
+    if (Oe(p)) {
+      const x = p.createAnimation(u, t !== "opacity", Y, w, E);
+      p = x.easing, u = x.keyframes || u, d = x.duration || d;
+    }
+    if (Le(w) && (G.cssRegisterProperty() ? ha(w) : m = !1), f && !G.linearEasing() && (Q(p) || X(p) && p.some(Q)) && (m = !1), m) {
+      O && (u = u.map((C) => pe(C) ? O.toDefaultUnit(C) : C)), u.length === 1 && (!G.partialKeyframes() || s) && u.unshift(Y());
+      const x = {
+        delay: ae.ms(h),
+        duration: ae.ms(d),
+        endDelay: ae.ms(y),
+        easing: X(p) ? void 0 : vt(p, d),
+        direction: S,
+        iterations: v + 1,
         fill: "both"
       };
       o = e.animate({
-        [T]: m,
-        offset: y,
-        easing: z(d) ? d.map((S) => st(S, c)) : void 0
-      }, E), o.finished || (o.finished = new Promise((S, D) => {
-        o.onfinish = S, o.oncancel = D;
+        [w]: u,
+        offset: _,
+        easing: X(p) ? p.map((C) => vt(C, d)) : void 0
+      }, x), o.finished || (o.finished = new Promise((C, I) => {
+        o.onfinish = C, o.oncancel = I;
       }));
-      const f = m[m.length - 1];
+      const c = u[u.length - 1];
       o.finished.then(() => {
-        g || (te.set(e, T, f), o.cancel());
-      }).catch(Bt), x || (o.playbackRate = 1.000001);
-    } else if (a && b)
-      m = m.map((E) => typeof E == "string" ? parseFloat(E) : E), m.length === 1 && m.unshift(parseFloat(V())), o = new a((E) => {
-        te.set(e, T, B ? B(E) : E);
-      }, m, Object.assign(Object.assign({}, i), {
-        duration: c,
-        easing: d
+        k || (le.set(e, w, c), o.cancel());
+      }).catch(Nt), V || (o.playbackRate = 1.000001);
+    } else if (i && f)
+      u = u.map((x) => typeof x == "string" ? parseFloat(x) : x), u.length === 1 && u.unshift(parseFloat(Y())), o = new i((x) => {
+        le.set(e, w, b ? b(x) : x);
+      }, u, Object.assign(Object.assign({}, n), {
+        duration: d,
+        easing: p
       }));
     else {
-      const E = m[m.length - 1];
-      te.set(e, T, O && le(E) ? O.toDefaultUnit(E) : E);
-    }
-    return s && r(e, t, m, {
-      duration: c,
-      delay: p,
-      easing: d,
-      repeat: u,
-      offset: y
-    }, "motion-one"), Y.setAnimation(o), o;
+      const x = u[u.length - 1];
+      le.set(e, w, O && pe(x) ? O.toDefaultUnit(x) : x);
+    }
+    return s && r(e, t, u, {
+      duration: d,
+      delay: h,
+      easing: p,
+      repeat: v,
+      offset: _
+    }, "motion-one"), E.setAnimation(o), o;
   };
 }
-const ci = (e, t) => (
+const xa = (e, t) => (
   /**
    * TODO: Make test for this
    * Always return a new object otherwise delay is overwritten by results of stagger
@@ -2030,73 +2051,73 @@ const ci = (e, t) => (
    */
   e[t] ? Object.assign(Object.assign({}, e), e[t]) : Object.assign({}, e)
 );
-function di(e, t) {
-  var n;
-  return typeof e == "string" ? t ? ((n = t[e]) !== null && n !== void 0 || (t[e] = document.querySelectorAll(e)), e = t[e]) : e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
+function Ca(e, t) {
+  var a;
+  return typeof e == "string" ? t ? ((a = t[e]) !== null && a !== void 0 || (t[e] = document.querySelectorAll(e)), e = t[e]) : e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
 }
-const fi = (e) => e(), Rt = (e, t, n = N.duration) => new Proxy({
-  animations: e.map(fi).filter(Boolean),
-  duration: n,
+const ka = (e) => e(), Ut = (e, t, a = R.duration) => new Proxy({
+  animations: e.map(ka).filter(Boolean),
+  duration: a,
   options: t
-}, pi), hi = (e) => e.animations[0], pi = {
+}, Aa), $a = (e) => e.animations[0], Aa = {
   get: (e, t) => {
-    const n = hi(e);
+    const a = $a(e);
     switch (t) {
       case "duration":
         return e.duration;
       case "currentTime":
-        return J.s((n == null ? void 0 : n[t]) || 0);
+        return ae.s((a == null ? void 0 : a[t]) || 0);
       case "playbackRate":
       case "playState":
-        return n == null ? void 0 : n[t];
+        return a == null ? void 0 : a[t];
       case "finished":
-        return e.finished || (e.finished = Promise.all(e.animations.map(vi)).catch(Bt)), e.finished;
+        return e.finished || (e.finished = Promise.all(e.animations.map(Ea)).catch(Nt)), e.finished;
       case "stop":
         return () => {
-          e.animations.forEach((i) => Nt(i));
+          e.animations.forEach((n) => zt(n));
         };
       case "forEachNative":
-        return (i) => {
-          e.animations.forEach((a) => i(a, e));
+        return (n) => {
+          e.animations.forEach((i) => n(i, e));
         };
       default:
-        return typeof (n == null ? void 0 : n[t]) > "u" ? void 0 : () => e.animations.forEach((i) => i[t]());
+        return typeof (a == null ? void 0 : a[t]) > "u" ? void 0 : () => e.animations.forEach((n) => n[t]());
     }
   },
-  set: (e, t, n) => {
+  set: (e, t, a) => {
     switch (t) {
       case "currentTime":
-        n = J.ms(n);
+        a = ae.ms(a);
       case "currentTime":
       case "playbackRate":
-        for (let i = 0; i < e.animations.length; i++)
-          e.animations[i][t] = n;
+        for (let n = 0; n < e.animations.length; n++)
+          e.animations[n][t] = a;
         return !0;
     }
     return !1;
   }
-}, vi = (e) => e.finished;
-function mi(e, t, n) {
-  return q(e) ? e(t, n) : e;
+}, Ea = (e) => e.finished;
+function Ta(e, t, a) {
+  return Q(e) ? e(t, a) : e;
 }
-function yi(e) {
-  return function(n, i, a = {}) {
-    n = di(n);
-    const r = n.length;
-    Ee(!!r, "No valid element provided."), Ee(!!i, "No keyframes defined.");
+function Va(e) {
+  return function(a, n, i = {}) {
+    a = Ca(a);
+    const r = a.length;
+    Ie(!!r, "No valid element provided."), Ie(!!n, "No keyframes defined.");
     const s = [];
     for (let o = 0; o < r; o++) {
-      const c = n[o];
-      for (const p in i) {
-        const h = ci(a, p);
-        h.delay = mi(h.delay, o, r);
-        const u = ui(c, p, i[p], h, e);
-        s.push(u);
+      const d = a[o];
+      for (const h in n) {
+        const y = xa(i, h);
+        y.delay = Ta(y.delay, o, r);
+        const v = _a(d, h, n[h], y, e);
+        s.push(v);
       }
     }
-    return Rt(
+    return Ut(
       s,
-      a,
+      i,
       /**
        * TODO:
        * If easing is set to spring or glide, duration will be dynamically
@@ -2106,131 +2127,131 @@ function yi(e) {
        * to Proxy animations returned from animateStyle that has duration
        * as a getter.
        */
-      a.duration
+      i.duration
     );
   };
 }
-const gi = yi(It);
-function bi(e, t = {}) {
-  return Rt([
+const Ba = Va(jt);
+function Ya(e, t = {}) {
+  return Ut([
     () => {
-      const n = new It(e, [0, 1], t);
-      return n.finished.catch(() => {
-      }), n;
+      const a = new jt(e, [0, 1], t);
+      return a.finished.catch(() => {
+      }), a;
     }
   ], t, t.duration);
 }
-function wi(e, t, n) {
-  return (q(e) ? bi : gi)(e, t, n);
+function Oa(e, t, a) {
+  return (Q(e) ? Ya : Ba)(e, t, a);
 }
-function Ue(e, t = "camel") {
-  let n = "";
-  for (let i = 0; i < e.length; i += 1) {
-    const a = e[i], r = a.charCodeAt(0);
-    r >= 65 && r <= 90 ? n += `${i === 0 && t === "camel" ? "" : "-"}${a.toLowerCase()}` : n += a;
+function Ze(e, t = "camel") {
+  let a = "";
+  for (let n = 0; n < e.length; n += 1) {
+    const i = e[n], r = i.charCodeAt(0);
+    r >= 65 && r <= 90 ? a += `${n === 0 && t === "camel" ? "" : "-"}${i.toLowerCase()}` : a += i;
   }
-  return n;
+  return a;
 }
-function Mt(e) {
-  let t = "", n = 0;
-  for (; n < e.length; ) {
-    const i = e[n];
-    i === "-" ? (n += 1, t += e[n].toUpperCase()) : t += i, n += 1;
+function Wt(e) {
+  let t = "", a = 0;
+  for (; a < e.length; ) {
+    const n = e[a];
+    n === "-" ? (a += 1, t += e[a].toUpperCase()) : t += n, a += 1;
   }
   return t;
 }
-function _i(e, t) {
-  let n;
-  function i() {
-    n = ft(), n.run(
+function Ia(e, t) {
+  let a;
+  function n() {
+    a = bt(), a.run(
       () => t.length ? t(() => {
-        n == null || n.stop(), i();
+        a == null || a.stop(), n();
       }) : t()
     );
   }
-  I(
+  L(
     e,
-    (a) => {
-      a && !n ? i() : a || (n == null || n.stop(), n = void 0);
+    (i) => {
+      i && !a ? n() : i || (a == null || a.stop(), a = void 0);
     },
     { immediate: !0 }
-  ), Qt(() => {
-    n == null || n.stop();
+  ), dn(() => {
+    a == null || a.stop();
   });
 }
-function me(e, t = "modelValue", n, i = (r) => r, a = (r) => r) {
-  const r = he(), s = Ue(t), o = s === t ? Mt(t) : t, c = C(
-    e[o] !== void 0 ? e[o] : n
+function z(e, t = "modelValue", a, n = (r) => r, i = (r) => r) {
+  const r = be(), s = Ze(t), o = s === t ? Wt(t) : t, d = A(
+    e[o] !== void 0 ? e[o] : a
   );
-  function p() {
+  function h() {
     return e[o];
   }
-  const h = w(() => {
-    p();
-    const d = r.vnode.props;
-    return (H(d, s) || H(d, o)) && (H(d, `onUpdate:${s}`) || H(d, `onUpdate:${o}`));
+  const y = $(() => {
+    h();
+    const p = r.vnode.props;
+    return (W(p, s) || W(p, o)) && (W(p, `onUpdate:${s}`) || W(p, `onUpdate:${o}`));
   });
-  _i(
-    () => !h.value,
+  Ia(
+    () => !y.value,
     () => {
-      I(
-        () => p(),
-        (d) => {
-          c.value = d;
+      L(
+        () => h(),
+        (p) => {
+          d.value = p;
         }
       );
     }
   );
-  const u = w({
+  const v = $({
     get() {
-      return i(h.value ? p() : c.value);
+      return n(y.value ? h() : d.value);
     },
-    set(d) {
-      const g = a(d), v = ht(h.value ? p() : c.value);
-      v === g || a(v) === d || (c.value = g, r == null || r.emit(`update:${o}`, g));
+    set(p) {
+      const k = i(p), S = St(y.value ? h() : d.value);
+      S === k || i(S) === p || (d.value = k, r == null || r.emit(`update:${o}`, k));
     }
   });
-  return Object.defineProperty(u, "rxValue", {
-    get: () => h.value ? p() : c.value
-  }), u;
+  return Object.defineProperty(v, "rxValue", {
+    get: () => y.value ? h() : d.value
+  }), v;
 }
-const Be = /* @__PURE__ */ $({
+const re = /* @__PURE__ */ B({
   name: "YPlate",
   props: {
     variation: Object
   },
   setup() {
-    const e = w(() => ({
+    const e = $(() => ({
       "y-plate": !0
     }));
-    L(() => l("div", {
+    P(() => l("div", {
       class: e.value
     }, null));
   }
 });
-const lt = {
+const ht = {
   name: "y-snackbar",
   onBeforeEnter: (e) => (t) => {
     if (!t.getAttribute("data-transform")) {
-      const n = t.style.getPropertyValue("transform");
-      t.setAttribute("data-transform", n), t.style.setProperty("transform", `${n} translateY(${e === "top" ? "-" : ""}40px)`);
+      const a = t.style.getPropertyValue("transform");
+      t.setAttribute("data-transform", a), t.style.setProperty("transform", `${a} translateY(${e === "top" ? "-" : ""}40px)`);
     }
   },
   onEnter(e, t) {
-    const n = e.getAttribute("data-transform");
-    e.getAttribute("data-motion") || !n || (e.setAttribute("data-motion", "true"), wi(e, {
-      transform: `${n.replace(/translateY(.+)/, "translateY(0)")}`
+    const a = e.getAttribute("data-transform");
+    e.getAttribute("data-motion") || !a || (e.setAttribute("data-motion", "true"), Oa(e, {
+      transform: `${a.replace(/translateY(.+)/, "translateY(0)")}`
     }, {
       duration: 0.1
     }).finished.then(() => {
       e.removeAttribute("data-transform"), e.removeAttribute("data-motion"), t();
     }));
   }
-}, Ci = /* @__PURE__ */ $({
+}, La = /* @__PURE__ */ B({
   name: "YSnackbar",
   components: {
-    YPlate: Be,
-    YLayer: K
+    YPlate: re,
+    YLayer: q
   },
   emits: ["update:modelValue", "click"],
   props: {
@@ -2247,7 +2268,7 @@ const lt = {
     transition: {
       type: [String, Object],
       default: () => ({
-        ...lt
+        ...ht
       })
     },
     /**
@@ -2263,87 +2284,87 @@ const lt = {
   },
   setup(e, {
     emit: t,
-    slots: n
+    slots: a
   }) {
-    const i = me(e), a = C(!1), r = w(() => ({
+    const n = z(e), i = A(!1), r = $(() => ({
       "y-snackbar": !0
-    })), s = w(() => ({
-      ...W(e.contentClasses),
+    })), s = $(() => ({
+      ...J(e.contentClasses),
       "y-snackbar__display": !0
-    })), o = w(() => {
-      var T;
-      const [y, x] = (T = e.position) == null ? void 0 : T.split(" ");
-      let A = "top", b = "left";
-      x ? (b = x, A = y) : b = y;
-      const k = {
-        [b === "center" ? "left" : b]: b === "center" ? "50%" : 0,
-        [A]: 0
+    })), o = $(() => {
+      var w;
+      const [_, V] = (w = e.position) == null ? void 0 : w.split(" ");
+      let g = "top", f = "left";
+      V ? (f = V, g = _) : f = _;
+      const m = {
+        [f === "center" ? "left" : f]: f === "center" ? "50%" : 0,
+        [g]: 0
       };
-      return b === "center" && (k.transform = "translateX(-50%)"), k;
+      return f === "center" && (m.transform = "translateX(-50%)"), m;
     });
-    function c() {
-      i.value = !1;
+    function d() {
+      n.value = !1;
     }
     const {
-      start: p,
-      stop: h,
-      reset: u
-    } = En(c, e.duration);
-    function d() {
-      e.duration > 0 && p();
+      start: h,
+      stop: y,
+      reset: v
+    } = Fn(d, e.duration);
+    function p() {
+      e.duration > 0 && h();
     }
-    I(a, (y) => {
-      y ? h() : d();
-    }), I(i, (y) => {
-      y ? d() : u();
+    L(i, (_) => {
+      _ ? y() : p();
+    }), L(n, (_) => {
+      _ ? p() : v();
     }, {
       immediate: !0
     });
-    function g(y) {
-      t("click", y), i.value = !1;
+    function k(_) {
+      t("click", _), n.value = !1;
     }
-    const v = w(() => {
+    const S = $(() => {
       const {
-        transition: y,
-        position: x
+        transition: _,
+        position: V
       } = e;
-      return (y == null ? void 0 : y.name) === "y-snackbar" ? (y.onBeforeEnter = lt.onBeforeEnter(x.includes("top") ? "top" : "bottom"), {
-        ...y
+      return (_ == null ? void 0 : _.name) === "y-snackbar" ? (_.onBeforeEnter = ht.onBeforeEnter(V.includes("top") ? "top" : "bottom"), {
+        ..._
       }) : e.transition;
     });
-    return L(() => l(K, {
-      modelValue: i.value,
-      "onUpdate:modelValue": (y) => i.value = y,
+    return P(() => l(q, {
+      modelValue: n.value,
+      "onUpdate:modelValue": (_) => n.value = _,
       classes: r.value,
       "content-classes": s.value,
       scrim: !1,
       "content-styles": o.value,
-      transition: v.value,
+      transition: S.value,
       ref: "layer"
     }, {
       default: () => {
-        var y;
-        return l(P, null, [l(Be, null, null), l("div", {
+        var _;
+        return l(D, null, [l(re, null, null), l("div", {
           class: "y-snackbar__content",
-          onClick: Re(g, ["capture"]),
-          onMouseenter: () => a.value = !0,
-          onMouseleave: () => a.value = !1
-        }, [(y = n.default) == null ? void 0 : y.call(n)])]);
+          onClick: He(k, ["capture"]),
+          onMouseenter: () => i.value = !0,
+          onMouseleave: () => i.value = !1
+        }, [(_ = a.default) == null ? void 0 : _.call(a)])]);
       }
     })), {
-      active: i,
-      hover: a,
+      active: n,
+      hover: i,
       classes: r,
       computedContentClasses: s,
       computedInset: o,
-      proxyTransition: v,
-      onClickContent: g
+      proxyTransition: S,
+      onClickContent: k
     };
   }
 });
-const Ft = "YTooltip";
-Ue(Ft);
-const Si = {
+const qt = "YTooltip";
+Ze(qt);
+const Pa = {
   modelValue: {
     type: Boolean,
     default: !1
@@ -2371,114 +2392,121 @@ const Si = {
     type: Boolean,
     default: !0
   }
-}, $i = /* @__PURE__ */ $({
-  name: Ft,
+}, Da = /* @__PURE__ */ B({
+  name: qt,
   props: {
-    ...Si,
+    ...Pa,
     transition: {
-      ...je.transition,
+      ...qe.transition,
       default: "fade"
     }
   },
   emits: ["update:modelValue"],
   setup(e, {
     slots: t,
-    emit: n,
-    expose: i
+    emit: a,
+    expose: n
   }) {
-    const a = C(), r = C(), s = C(), o = C(), c = C(), p = w(() => ({
-      ...W(e.tooltipClasses),
+    const i = A(), r = A(), s = A(), o = A(), d = A(), h = $(() => ({
+      ...J(e.tooltipClasses),
       "y-tooltip": !0
-    })), h = me(e), u = w({
-      get: () => !!h.value,
-      set: (b) => {
-        b && e.disabled || (h.value = b);
+    })), y = z(e), v = $({
+      get: () => !!y.value,
+      set: (f) => {
+        f && e.disabled || (y.value = f);
       }
-    }), d = w(() => {
-      const b = o.value;
-      if (b) {
+    }), p = $(() => {
+      const f = o.value;
+      if (f) {
         const {
-          position: k,
-          align: T
-        } = e, Y = c.value, O = b.getBoundingClientRect();
-        let V = O.top, m = O.left + O.width / 2;
-        return Y && (k === "top" || k === "bottom") && (k === "top" && (V -= Y.clientHeight, V -= 8), k === "bottom" && (V += O.height, V += 8), T === "center" ? m -= Y.clientWidth / 2 : T === "end" && (m = O.right, m -= Y.clientWidth)), {
-          top: `${V}px`,
-          left: `${m}px`
+          position: m,
+          align: w
+        } = e, E = d.value, O = f.getBoundingClientRect();
+        let Y = O.top, u = O.left + O.width / 2;
+        return E && (m === "top" || m === "bottom") && (m === "top" && (Y -= E.clientHeight, Y -= 8), m === "bottom" && (Y += O.height, Y += 8), w === "center" ? u -= E.clientWidth / 2 : w === "end" && (u = O.right, u -= E.clientWidth)), {
+          top: `${Y}px`,
+          left: `${u}px`
         };
       }
       return {};
-    }), g = w(() => {
-      var b, k;
-      return (k = (b = s.value) == null ? void 0 : b[0]) == null ? void 0 : k.el;
+    }), k = $(() => {
+      var f, m;
+      return (m = (f = s.value) == null ? void 0 : f[0]) == null ? void 0 : m.el;
     });
-    Ne(() => {
-      var k, T, Y;
+    Ke(() => {
+      var m, w, E;
       if (!r.value) {
-        ((k = g.value) == null ? void 0 : k.nodeType) !== 3 && (o.value = g.value);
+        ((m = k.value) == null ? void 0 : m.nodeType) !== 3 && (o.value = k.value);
         return;
       }
-      const b = r.value;
-      o.value = (T = r.value) != null && T.$el ? (Y = r.value) == null ? void 0 : Y.$el : b;
-    }), I(u, (b) => {
-      b && ve(() => {
-        var T;
-        const k = (T = a.value) == null ? void 0 : T.content$;
-        c.value = k;
+      const f = r.value;
+      o.value = (w = r.value) != null && w.$el ? (E = r.value) == null ? void 0 : E.$el : f;
+    }), L(v, (f) => {
+      f && we(() => {
+        var w;
+        const m = (w = i.value) == null ? void 0 : w.content$;
+        d.value = m;
       });
     });
-    function v(b) {
-      e.openOnHover && (u.value = !0);
+    function S(f) {
+      e.openOnHover && (v.value = !0);
     }
-    function y(b) {
-      e.openOnHover && (u.value = !1);
+    function _(f) {
+      e.openOnHover && (v.value = !1);
     }
-    function x(b) {
-      b.addEventListener("mouseenter", v), b.addEventListener("mouseleave", y);
+    function V(f) {
+      f.addEventListener("mouseenter", S), f.addEventListener("mouseleave", _);
     }
-    function A(b) {
-      b.removeEventListener("mouseenter", v), b.removeEventListener("mouseleave", y);
+    function g(f) {
+      f.removeEventListener("mouseenter", S), f.removeEventListener("mouseleave", _);
     }
-    I(o, (b, k) => {
-      b ? x(b) : k && A(k);
-    }), L(() => {
-      var k;
-      const b = (k = t.base) == null ? void 0 : k.call(t, {
-        active: u.value,
-        props: oe({
+    return L(o, (f, m) => {
+      f ? V(f) : m && g(m);
+    }), P(() => {
+      var m;
+      const f = (m = t.base) == null ? void 0 : m.call(t, {
+        active: v.value,
+        props: ve({
           ref: r
         })
       });
-      return s.value = b, l(P, null, [b, l(K, {
-        modelValue: u.value,
-        "onUpdate:modelValue": (T) => u.value = T,
-        ref: a,
-        classes: p.value,
+      return s.value = f, l(D, null, [f, l(q, {
+        modelValue: v.value,
+        "onUpdate:modelValue": (w) => v.value = w,
+        ref: i,
+        classes: h.value,
         scrim: !1,
         disabled: e.disabled,
         "content-styles": {
-          ...d.value
+          ...p.value
         },
         transition: e.transition
       }, {
-        default: (...T) => {
-          var Y;
-          return l(P, null, [l(Be, null, null), l("div", {
+        default: (...w) => {
+          var E;
+          return l(D, null, [l(re, null, null), l("div", {
             class: "y-tooltip__content"
-          }, [((Y = t.default) == null ? void 0 : Y.call(t, ...T)) ?? ""])]);
+          }, [((E = t.default) == null ? void 0 : E.call(t, ...w)) ?? ""])]);
         }
       })]);
-    });
+    }), {
+      base$: r,
+      el$: i,
+      baseEl: o,
+      coordinatesStyles: p,
+      baseSlot: s,
+      active: v
+    };
   }
 });
-function jt(e = !1) {
-  const n = `expand-${e ? "h" : "v"}-transition`, i = e ? "width" : "height", a = Mt(`offset-${i}`);
+function Gt(e = !1) {
+  const a = `expand-${e ? "h" : "v"}-transition`, n = e ? "width" : "height", i = Wt(`offset-${n}`);
   function r() {
     function s(o) {
       if (o._originStyle) {
         o.style.overflow = o._originStyle.overflow;
-        const c = o._originStyle[i];
-        c != null && (o.style[i] = c);
+        const d = o._originStyle[n];
+        d != null && (o.style[n] = d);
       }
       delete o._originStyle;
     }
@@ -2487,15 +2515,15 @@ function jt(e = !1) {
         o._parent = o.parentNode, o._originStyle = {
           transition: o.style.transition,
           overflow: o.style.overflow,
-          [i]: o.style[i]
+          [n]: o.style[n]
         };
       },
       onEnter(o) {
-        const c = o._originStyle;
+        const d = o._originStyle;
         o.style.setProperty("transition", "none", "important"), o.style.overflow = "hidden";
-        const p = `${o[a]}px`;
-        o.style[i] = "0", o.getBoundingClientRect(), o.style.transition = (c == null ? void 0 : c.transition) ?? "", requestAnimationFrame(() => {
-          o.style[i] = p;
+        const h = `${o[i]}px`;
+        o.style[n] = "0", o.getBoundingClientRect(), o.style.transition = (d == null ? void 0 : d.transition) ?? "", requestAnimationFrame(() => {
+          o.style[n] = h;
         });
       },
       onAfterEnter(o) {
@@ -2508,9 +2536,9 @@ function jt(e = !1) {
         o._originStyle = {
           transition: "",
           overflow: o.style.overflow,
-          [i]: o.style[i]
-        }, o.style.overflow = "hidden", o.style[i] = `${o[a]}px`, o.getBoundingClientRect(), requestAnimationFrame(() => {
-          o.style[i] = "0";
+          [n]: o.style[n]
+        }, o.style.overflow = "hidden", o.style[n] = `${o[i]}px`, o.getBoundingClientRect(), requestAnimationFrame(() => {
+          o.style[n] = "0";
         });
       },
       onAfterLeave(o) {
@@ -2521,8 +2549,8 @@ function jt(e = !1) {
       }
     };
   }
-  return $({
-    name: n,
+  return B({
+    name: a,
     props: {
       disabled: {
         type: Boolean,
@@ -2530,80 +2558,80 @@ function jt(e = !1) {
       }
     },
     setup(s, { slots: o }) {
-      return () => _(
-        Me,
-        { name: s.disabled ? "" : n, css: !s.disabled, ...s.disabled ? {} : r() },
+      return () => T(
+        ze,
+        { name: s.disabled ? "" : a, css: !s.disabled, ...s.disabled ? {} : r() },
         o.default
       );
     }
   });
 }
-const xi = jt(!1), ki = jt(!0);
-const Ti = /* @__PURE__ */ $({
+const Xt = Gt(!1), Na = Gt(!0);
+const Ra = /* @__PURE__ */ B({
   setup(e, {
     slots: t
   }) {
-    const n = C(50), i = C(!1), a = C(), r = C(!1), s = C();
-    I(a, (v) => {
-      r.value = !!v;
+    const a = A(50), n = A(!1), i = A(), r = A(!1), s = A();
+    L(i, (S) => {
+      r.value = !!S;
     });
-    const o = w(() => {
-      let v = "0 0";
-      return r.value && (v = `0 0 ${100 - n.value}% 0`), {
+    const o = $(() => {
+      let S = "0 0";
+      return r.value && (S = `0 0 ${100 - a.value}% 0`), {
         position: "absolute",
-        inset: v
+        inset: S
       };
-    }), c = w(() => ({
+    }), d = $(() => ({
       "y-divide-panel": !0,
-      "y-divide-panel--resizing": i.value
+      "y-divide-panel--resizing": n.value
     }));
-    function p(v) {
-      const y = v, x = s.value.getBoundingClientRect();
+    function h(S) {
+      const _ = S, V = s.value.getBoundingClientRect();
       requestAnimationFrame(() => {
-        n.value = Math.min(Math.max(10, (y.clientY - x.y) / x.height * 100), 90);
+        a.value = Math.min(Math.max(10, (_.clientY - V.y) / V.height * 100), 90);
       });
     }
-    function h() {
-      i.value = !1, s.value.removeEventListener("mousemove", p), s.value.removeEventListener("mouseup", u), s.value.removeEventListener("mouseleave", d);
+    function y() {
+      n.value = !1, s.value.removeEventListener("mousemove", h), s.value.removeEventListener("mouseup", v), s.value.removeEventListener("mouseleave", p);
     }
-    function u(v) {
-      h();
+    function v(S) {
+      y();
     }
-    function d(v) {
-      h();
+    function p(S) {
+      y();
     }
-    function g(v) {
-      v.preventDefault(), i.value = !0, s.value.addEventListener("mousemove", p), s.value.addEventListener("mouseup", u), s.value.addEventListener("mouseleave", d);
+    function k(S) {
+      S.preventDefault(), n.value = !0, s.value.addEventListener("mousemove", h), s.value.addEventListener("mouseup", v), s.value.addEventListener("mouseleave", p);
     }
-    return L(() => {
-      var v, y;
-      return l(P, null, [l("div", {
-        class: c.value,
+    return P(() => {
+      var S, _;
+      return l(D, null, [l("div", {
+        class: d.value,
         ref: s
       }, [l("div", {
         class: "y-divide-panel__top-container",
         style: o.value
-      }, [(v = t.default) == null ? void 0 : v.call(t)]), a.value = t.secondary && l(P, null, [l("div", {
+      }, [(S = t.default) == null ? void 0 : S.call(t)]), i.value = t.secondary && l(D, null, [l("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
-          inset: `${n.value}% 0 0 0`
+          inset: `${a.value}% 0 0 0`
         },
-        onMousedown: g
+        onMousedown: k
       }, [l("div", {
         class: "y-divide-panel__divider-line"
       }, null)]), l("div", {
         class: "y-divide-panel__secondary-container",
         style: {
           position: "absolute",
-          inset: `${n.value}% 0 0 0`
+          inset: `${a.value}% 0 0 0`
         }
-      }, [(y = t.secondary) == null ? void 0 : y.call(t)])])])]);
+      }, [(_ = t.secondary) == null ? void 0 : _.call(t)])])])]);
     }), {
       activeSecondary: r
     };
   }
-}), de = /* @__PURE__ */ $({
+}), oe = /* @__PURE__ */ B({
   name: "YIconExpand",
   setup() {
     return () => l("svg", {
@@ -2619,14 +2647,23 @@ const Ti = /* @__PURE__ */ $({
       "stroke-width": "4.1024"
     }, null)]);
   }
-}), ne = /* @__PURE__ */ $({
+});
+const Z = /* @__PURE__ */ B({
   name: "YIconCheckbox",
+  props: {
+    checked: Boolean,
+    immediate: Boolean
+  },
   render() {
     return l("svg", {
-      class: "y-icon-checkbox",
+      class: ["y-icon-checkbox", {
+        "y-icon-checkbox--checked": this.checked,
+        "y-icon-checkbox--immediate": this.immediate
+      }],
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
-      height: "24"
+      height: "24",
+      viewBox: "0 0 24 24"
     }, [l("path", {
       class: "y-icon-checkbox__border-path",
       d: "M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z"
@@ -2636,12 +2673,8 @@ const Ti = /* @__PURE__ */ $({
       d: "M5.73,11.91 11.1,16.28 17.79,7.59"
     }, null)]);
   }
-}), ze = $({
-  name: "YTreeNode",
-  props: {
-    item: {
-      type: Object
-    },
+}), Je = ee(
+  {
     itemKey: {
       type: String,
       default: "id"
@@ -2654,87 +2687,166 @@ const Ti = /* @__PURE__ */ $({
       type: String,
       default: "children"
     },
+    disableTransition: Boolean,
+    enableActive: Boolean,
+    activeClass: [String, Array],
+    activeColor: {
+      type: String,
+      default: "primary"
+    },
+    enableSelect: Boolean
+  },
+  "YTreeViewNode"
+), Qe = B({
+  name: "YTreeNode",
+  components: {
+    YButton: M,
+    YIconExpand: oe,
+    YPlate: re,
+    YIconCheckbox: Z
+  },
+  props: {
+    item: {
+      type: Object
+    },
     level: {
       type: Number,
       default: 0
-    }
+    },
+    ...Je()
   },
-  setup(e, { slots: t }) {
-    const n = en("tree-view"), i = w(() => {
-      var h;
-      return ((h = e.item) == null ? void 0 : h[e.childrenKey]) ?? [];
-    }), a = w(() => i.value.length < 1), r = w(() => ({
+  setup(e, { slots: t, expose: a }) {
+    const n = fn("tree-view"), i = A(!1), r = A(!1), s = A(!1), o = A(!1);
+    function d(f) {
+      const m = !r.value;
+      r.value = m, n.updateActive(g.value, m), n.emitActive();
+    }
+    function h(f) {
+      f.stopPropagation();
+      const m = !i.value;
+      i.value = m, n.updateExpanded(g.value, m), n.emitExpanded();
+    }
+    function y(f) {
+      f.stopPropagation();
+      const m = !s.value;
+      s.value = m, n.updateSelected(g.value, m), n.emitSelected();
+    }
+    const v = $(() => {
+      var f;
+      return ((f = e.item) == null ? void 0 : f[e.childrenKey]) ?? [];
+    }), p = $(() => v.value.length < 1), k = $(() => ({
       "y-tree-view-node": !0,
-      "y-tree-view-node--leaf": a.value
-    })), s = w(() => ({
+      "y-tree-view-node--leaf": p.value,
+      "y-tree-view-node--expanded": i.value,
+      "y-tree-view-node--active": r.value
+    })), S = $(() => ({
       "--tree-view-node--level": e.level
-    })), o = w(() => Z(e.item, e.textKey) ?? ""), c = w(() => ({
+    })), _ = $(() => H(e.item, e.textKey) ?? ""), V = $(() => ({
       level: e.level,
-      imLeaf: a.value
+      imLeaf: p.value
     }));
-    L(() => {
-      var d;
-      const h = i.value.map((g) => _(
-        ze,
-        { ...e, level: (e.level ?? 0) + 1, item: g },
+    P(() => {
+      var w;
+      const f = v.value.map((E) => T(
+        Qe,
+        { ...e, level: (e.level ?? 0) + 1, item: E },
         t
-      )), u = [];
-      for (let g = 0; g < e.level; g += 1)
-        u.push(
-          _("div", { class: "y-tree-view-node__indent-spacer" })
+      )), m = [];
+      for (let E = 0; E < e.level; E += 1)
+        m.push(
+          T("div", { class: "y-tree-view-node__indent-spacer" })
         );
-      return _(
+      return T(
         "div",
         {
-          class: r.value,
-          style: s.value,
+          class: k.value,
+          style: S.value,
           ".role": "treeitem",
           "data-level": e.level
         },
         [
-          _("div", { class: "y-tree-view-node__container" }, [
-            _("div", { class: "y-tree-view-node__indents" }, u),
-            /* EXPAND */
-            a.value ? _("i", { class: "y-tree-view-node__no-expand-icon" }) : _("i", { class: "y-tree-view-node__expand-icon" }, [
-              t["expand-icon"] ? t["expand-icon"]() : _(de, {
-                style: { width: "12px", height: "12px" }
-              })
-            ]),
-            /* CONTENT */
-            _("div", { class: "y-tree-view-node__content" }, [
-              t.leading && _(
-                "div",
-                { class: "y-tree-view-node__leading" },
-                t.leading(c.value)
+          T(
+            "div",
+            {
+              class: "y-tree-view-node__container",
+              onClick: (E) => e.enableActive ? d() : void 0
+            },
+            [
+              T(re),
+              T("div", { class: "y-tree-view-node__indents" }, m),
+              /* EXPAND */
+              p.value ? T("i", { class: "y-tree-view-node__no-expand-icon" }) : T(
+                M,
+                {
+                  class: "y-tree-view-node__expand-icon",
+                  variation: "icon",
+                  onClick: (E) => h(E)
+                },
+                () => [
+                  t["expand-icon"] ? t["expand-icon"]() : T(oe)
+                ]
               ),
-              _(
+              e.enableSelect && T(
                 "div",
-                { class: "y-tree-view-node__text" },
-                t.default ? (d = t.default) == null ? void 0 : d.call(t, {
-                  text: o.value,
-                  item: e.item
-                }) : o.value
+                {
+                  class: ["y-tree-view-node__select"],
+                  onClick: (E) => y(E)
+                },
+                [T(Z, { checked: s.value })]
               ),
-              t.trailing && _(
-                "div",
-                { class: "y-tree-view-node__trailing" },
-                t.trailing()
-              )
-            ])
-          ]),
+              /* CONTENT */
+              T("div", { class: "y-tree-view-node__content" }, [
+                t.leading && T(
+                  "div",
+                  { class: "y-tree-view-node__leading" },
+                  t.leading(V.value)
+                ),
+                T(
+                  "div",
+                  { class: "y-tree-view-node__text" },
+                  t.default ? (w = t.default) == null ? void 0 : w.call(t, {
+                    text: _.value,
+                    item: e.item
+                  }) : _.value
+                ),
+                t.trailing && T(
+                  "div",
+                  { class: "y-tree-view-node__trailing" },
+                  t.trailing()
+                )
+              ])
+            ]
+          ),
           /* CHILDREN */
-          i.value.length > 0 ? _(
-            "div",
-            { class: { "y-tree-view-node__leaves": !0 }, role: "tree" },
-            h
+          v.value.length > 0 ? T(
+            Xt,
+            { disabled: e.disableTransition },
+            i.value ? () => T(
+              "div",
+              {
+                class: { "y-tree-view-node__leaves": !0 },
+                role: "tree"
+              },
+              f
+            ) : void 0
           ) : void 0
         ]
       );
     });
-    const p = w(() => Z(e.item, e.itemKey));
-    return {
+    const g = $(() => H(e.item, e.itemKey));
+    return a({
+      myKey: g,
+      expanded: i,
+      active: r,
+      selected: s,
+      immediate: o
+    }), {
       treeView: n,
-      myKey: p
+      myKey: g,
+      expanded: i,
+      active: r,
+      selected: s,
+      immediate: o
     };
   },
   created() {
@@ -2742,96 +2854,214 @@ const Ti = /* @__PURE__ */ $({
     (t = (e = this.treeView) == null ? void 0 : e.register) == null || t.call(e, this.myKey, this);
   }
 });
-const Ei = /* @__PURE__ */ $({
+function Ma(e, t) {
+  const a = [];
+  for (const n of t)
+    e.includes(n) || a.push(n);
+  return a;
+}
+function Zt(e, t, a) {
+  const n = [];
+  for (const i of e) {
+    const r = H(i, t);
+    n.push(r);
+    const s = H(i, a);
+    Array.isArray(s) && n.push(...Zt(s, t, a));
+  }
+  return n;
+}
+const pt = Je(), Fa = /* @__PURE__ */ B({
   name: "YTreeView",
   props: {
     items: {
       type: Array,
       default: () => []
     },
-    itemKey: {
+    expanded: {
+      type: [Array],
+      default: () => []
+    },
+    active: {
+      type: [Array],
+      default: () => []
+    },
+    multipleActive: Boolean,
+    activeStrategy: {
       type: String,
-      default: "id"
+      // TODO: 'leaf'
+      default: "independent"
     },
-    childrenKey: {
+    selected: {
+      type: [Array],
+      default: () => []
+    },
+    selectStrategy: {
       type: String,
-      default: "children"
-    }
+      // TODO: 'leaf'
+      default: "leaf"
+    },
+    returnItem: Boolean,
+    ...pt
   },
+  emits: ["update:expanded", "update:active", "update:selected"],
   setup(e, {
-    slots: t
+    slots: t,
+    emit: a
   }) {
-    const n = w(() => ({
-      "y-tree-view": !0
-    })), i = C({});
-    C([]);
-    function a(o, c = null) {
-      for (const p of o) {
-        const h = Z(p, e.itemKey), u = Z(p, e.childrenKey) ?? [], v = {
-          vnode: (H(i.value, h) ? i.value[h] : {
-            selected: !1,
-            indeterminate: !1,
-            active: !1,
-            opened: !1,
-            vnode: null
-          }).vnode,
-          item: p,
-          parentKey: c,
-          childKeys: u.map((y) => Z(y, e.itemKey))
+    const n = A({}), i = z(e, "expanded"), r = z(e, "active"), s = z(e, "selected"), o = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Set()), h = A(/* @__PURE__ */ new Set());
+    A([]);
+    function y(u, b = []) {
+      const {
+        childKeys: x
+      } = n.value[u];
+      b.push(...x);
+      for (const c of x)
+        b = y(c, b);
+      return b;
+    }
+    function v(u, b = null) {
+      for (const x of u) {
+        const c = H(x, e.itemKey), C = H(x, e.childrenKey) ?? [], N = W(n.value, c) ? n.value[c] : {
+          vnode: null,
+          selected: !1,
+          indeterminate: !1,
+          active: !1,
+          expanded: !1
+        }, on = {
+          vnode: N.vnode,
+          item: x,
+          parentKey: b,
+          childKeys: C.map((sn) => H(sn, e.itemKey)),
+          expanded: C.length > 0 && N.expanded,
+          active: N.active,
+          indeterminate: N.indeterminate,
+          selected: N.selected
         };
-        a(u, h), i.value[h] = v;
+        v(C, c), n.value[c] = on, n.value[c].expanded && o.value.add(c), n.value[c].selected && o.value.add(c), n.value[c].active && h.value.add(c), m(c);
       }
     }
-    a(e.items), I(() => e.items, (o) => {
-      a(o);
+    function p(u, b) {
+      if (!(u in n.value))
+        return;
+      const x = n.value[u];
+      b ? (o.value.add(u), x.expanded = !0) : (o.value.delete(u), x.expanded = !1, m(u));
+    }
+    function k(u, b) {
+      if (!(u in n.value))
+        return;
+      const x = n.value[u];
+      let c = b ? "" : u;
+      if (e.multipleActive || ([c] = h.value.keys()), b && (h.value.add(u), x.active = !0), c && c in n.value && (h.value.delete(c), n.value[c].active = !1, m(c)), e.multipleActive && e.activeStrategy === "cascade")
+        for (const C of y(u))
+          C in n.value && (b ? h.value.add(C) : h.value.delete(C), n.value[C].active = b, m(C));
+    }
+    function S(u, b) {
+      if (!(u in n.value))
+        return;
+      const x = n.value[u];
+      if (b && (d.value.add(u), x.selected = !0), !b && u in n.value && (d.value.delete(u), n.value[u].selected = !1, m(u)), e.selectStrategy === "cascade")
+        for (const c of y(u))
+          c in n.value && (b ? d.value.add(c) : d.value.delete(c), n.value[c].selected = b, m(c));
+    }
+    function _() {
+      const u = [...o.value];
+      i.value = e.returnItem ? u.map((b) => n.value[b].item) : u;
+    }
+    function V() {
+      const u = [...h.value];
+      r.value = e.returnItem ? u.map((b) => n.value[b].item) : u;
+    }
+    function g() {
+      const u = [...d.value];
+      s.value = e.returnItem ? u.map((b) => n.value[b].item) : u;
+    }
+    function f(u, b, x, c) {
+      const C = e.returnItem ? u.map((N) => H(N, e.itemKey)) : u, I = [...b.value];
+      Ve(I, C) || (I.forEach((N) => x(N, !1)), C.forEach((N) => x(N, !0)), c());
+    }
+    L(i, (u) => {
+      f(u, o, p, _);
+    }), L(r, (u) => {
+      f(u, h, k, V);
+    }), L(s, (u) => {
+      f(u, d, S, g);
+    }), L(() => e.items, (u) => {
+      const b = Object.keys(n.value).map((I) => H(n.value[I].item, e.itemKey)), x = Zt(u, e.itemKey, e.childrenKey), c = Ma(b, x);
+      if (c.length < 1 && x.length < b.length)
+        return;
+      c.forEach((I) => delete n.value[I]);
+      const C = [...d.value];
+      d.value.clear(), o.value.clear(), h.value.clear(), v(u), Ve(C, [...d.value]) || g();
     }, {
       deep: !0
     });
-    function r(o, c) {
-      i.value[o] && (i.value[o].vnode = c);
+    function m(u) {
+      const b = n.value[u];
+      b && b.vnode && (b.vnode.active = b.active, b.vnode.selected = b.selected, b.vnode.indeterminate = b.indeterminate, b.vnode.expanded = b.expanded);
     }
-    tn("tree-view", {
-      register: r
+    function w(u, b) {
+      n.value[u] && (n.value[u].vnode = b), m(u);
+    }
+    v(e.items), vn("tree-view", {
+      register: w,
+      updateExpanded: p,
+      updateActive: k,
+      updateSelected: S,
+      emitExpanded: _,
+      emitActive: V,
+      emitSelected: g
+    });
+    const E = $(() => e.items), O = $(() => ({
+      "y-tree-view": !0
+    })), Y = $(() => {
+      let u = e.activeColor;
+      return e.activeColor && !At(e.activeColor) && (u = `rgba(var(--y-theme--${e.activeColor}), 1)`), {
+        ["--y-tree-view__active-color"]: u
+      };
     });
-    const s = w(() => e.items);
-    return L(() => l(P, null, [l("div", {
-      class: n.value,
+    return P(() => l(D, null, [l("div", {
+      class: O.value,
+      style: Y.value,
       role: "tree"
-    }, [s.value.length > 0 ? s.value.map((o) => l(ze, {
-      item: o,
+    }, [E.value.length > 0 ? E.value.map((u) => l(Qe, {
+      ...kn(e, pt),
+      item: u,
       level: 0
     }, t)) : l("div", {
       class: "y-tree-view__no-data"
-    }, [t["no-data"] ? t["no-data"]() : l("span", null, [ae("No Data")])])])])), {
-      nodes: i
+    }, [t["no-data"] ? t["no-data"]() : l("span", null, [de("No Data")])])])])), {
+      nodes: n,
+      expandedSet: o,
+      selectedSet: d,
+      activeSet: h
     };
   }
 });
-const Ht = ee({
+const Jt = ee({
   tag: {
     type: String,
     default: "div"
   }
-}, "y-list-item"), Vi = /* @__PURE__ */ $({
+}, "y-list-item"), ja = /* @__PURE__ */ B({
   name: "YListItem",
   props: {
-    ...Ht()
+    ...Jt()
   },
   setup(e, {
     slots: t
   }) {
-    L(() => {
-      const n = e.tag;
-      return l(n, {
+    P(() => {
+      const a = e.tag;
+      return l(a, {
         class: ["y-list-item"]
       }, {
         default: () => {
-          var i;
+          var n;
           return [t.prepend && l("div", {
             class: "y-list-item__prepend"
           }, [t.prepend()]), l("div", {
             class: "y-list-item__content"
-          }, [(i = t.default) == null ? void 0 : i.call(t)]), t.append && l("div", {
+          }, [(n = t.default) == null ? void 0 : n.call(t)]), t.append && l("div", {
             class: "y-list-item__append"
           }, [t.append()])];
         }
@@ -2839,41 +3069,41 @@ const Ht = ee({
     });
   }
 });
-const Ai = /* @__PURE__ */ $({
+const Ka = /* @__PURE__ */ B({
   name: "YList",
   setup(e, {
     slots: t
   }) {
-    L(() => {
-      var n;
-      return l(P, null, [l("div", {
+    P(() => {
+      var a;
+      return l(D, null, [l("div", {
         class: "y-list"
-      }, [(n = t.default) == null ? void 0 : n.call(t)])]);
+      }, [(a = t.default) == null ? void 0 : a.call(t)])]);
     });
   }
 });
-function Kt(e) {
-  const t = C(), n = C();
+function Qt(e) {
+  const t = A(), a = A();
   if (window) {
-    const i = new ResizeObserver((a, r) => {
-      e == null || e(a, r), a.length && (n.value = a[0].contentRect);
+    const n = new ResizeObserver((i, r) => {
+      e == null || e(i, r), i.length && (a.value = i[0].contentRect);
     });
-    nn(() => {
-      i.disconnect();
-    }), I(
+    hn(() => {
+      n.disconnect();
+    }), L(
       t,
-      (a, r) => {
-        r && (i.unobserve(r), n.value = void 0), a && i.observe(hn(a));
+      (i, r) => {
+        r && (n.unobserve(r), a.value = void 0), i && n.observe($n(i));
       },
       { flush: "post" }
     );
   }
   return {
     resizeObservedRef: t,
-    contentRect: an(n)
+    contentRect: pn(a)
   };
 }
-const fe = /* @__PURE__ */ $({
+const ge = /* @__PURE__ */ B({
   name: "YTable",
   props: {
     tag: {
@@ -2894,13 +3124,13 @@ const fe = /* @__PURE__ */ $({
     slots: t
   }) {
     const {
-      resizeObservedRef: n,
-      contentRect: i
-    } = Kt();
-    L(() => {
+      resizeObservedRef: a,
+      contentRect: n
+    } = Qt();
+    P(() => {
       var s;
-      const a = e.tag ?? "div", r = e.flexHeight ? ((s = i.value) == null ? void 0 : s.height) ?? e.height : e.height;
-      return l(a, {
+      const i = e.tag ?? "div", r = e.flexHeight ? ((s = n.value) == null ? void 0 : s.height) ?? e.height : e.height;
+      return l(i, {
         class: ["y-table", {
           "y-table--fixed-head": e.fixedHead,
           "y-table--fixed-height": e.flexHeight || e.height,
@@ -2908,62 +3138,82 @@ const fe = /* @__PURE__ */ $({
         }]
       }, {
         default: () => {
-          var o, c, p, h, u;
+          var o, d, h, y, v;
           return [(o = t.top) == null ? void 0 : o.call(t), t.default ? l("div", {
             class: ["y-table__container"],
-            ref: n,
+            ref: a,
             style: {
-              height: wt(r)
+              height: We(r)
             }
-          }, [(c = t.leading) == null ? void 0 : c.call(t), l("table", null, [t.default()]), (p = t.trailing) == null ? void 0 : p.call(t)]) : (h = t.container) == null ? void 0 : h.call(t, n, i), (u = t.bottom) == null ? void 0 : u.call(t)];
+          }, [(d = t.leading) == null ? void 0 : d.call(t), l("table", null, [t.default()]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (y = t.container) == null ? void 0 : y.call(t, a, n), (v = t.bottom) == null ? void 0 : v.call(t)];
         }
       });
     });
   }
-}), Ye = /* @__PURE__ */ $({
+}), De = /* @__PURE__ */ B({
   name: "YDataTableBody",
-  setup() {
-    L(() => l("div", null, null));
+  props: {
+    headers: {
+      type: [Array]
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    P(() => {
+      var a;
+      return l(D, null, [t.body ? (a = t.body) == null ? void 0 : a.call(t, e) : l("tr", null, null)]);
+    });
   }
 });
-const Oe = /* @__PURE__ */ $({
+const Ne = /* @__PURE__ */ B({
   name: "YDataTableControl",
   components: {
-    YButton: $e,
-    YIconExpand: de,
-    YFieldInput: ke
+    YButton: M,
+    YIconExpand: oe,
+    YFieldInput: Ye
   },
   setup(e, {
     slots: t
   }) {
-    L(() => l("footer", {
+    P(() => l("footer", {
       class: ["y-data-table-control"]
-    }, [t.default ? t.default() : l(P, null, [l($e, {
+    }, [t.default ? t.default() : l(D, null, [l(M, {
       outlined: !0
     }, {
-      default: () => [ae("20"), l(de, {
+      default: () => [de("20"), l(oe, {
         style: {
           width: "16px",
           height: "16px"
         }
       }, null)]
-    }), ae("페이지"), l("div", null, [l(ke, {
+    }), de("페이지"), l("div", null, [l(Ye, {
       outlined: !0
     }, null)])])]));
   }
-}), Le = /* @__PURE__ */ $({
+}), Re = /* @__PURE__ */ B({
   name: "YDataTableHead",
-  setup() {
-    L(() => l("tr", null, null));
+  props: {
+    headers: {
+      type: [Array]
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    P(() => {
+      var a;
+      return l(D, null, [t.head ? (a = t.head) == null ? void 0 : a.call(t, e) : l("tr", null, null)]);
+    });
   }
-}), Ie = /* @__PURE__ */ $({
+}), Me = /* @__PURE__ */ B({
   name: "YDataTableLayer",
   setup() {
-    L(() => l("div", {
+    P(() => l("div", {
       class: ["y-data-table-layer"]
     }, null));
   }
-}), Ut = ee(
+}), en = ee(
   {
     page: {
       type: [Number, String],
@@ -2975,91 +3225,126 @@ const Oe = /* @__PURE__ */ $({
     }
   },
   "YDataTable__pagination"
-), We = ee({
+);
+function Ha(e) {
+  const t = z(
+    e,
+    "page",
+    void 0,
+    (n) => +(n ?? 0)
+  ), a = z(
+    e,
+    "pageSize",
+    void 0,
+    (n) => +(n ?? 10)
+  );
+  return { page: t, pageSize: a };
+}
+const et = ee({
   width: [String, Number],
   search: String,
-  ...Ut()
-}, "YDataTable"), Bi = /* @__PURE__ */ $({
+  ...en()
+}, "YDataTable"), za = /* @__PURE__ */ B({
   name: "YDataTable",
   props: {
-    ...We()
+    ...et()
+  },
+  emits: {
+    "update:modelValue": (e) => !0,
+    "update:page": (e) => !0,
+    "update:pageSize": (e) => !0,
+    "update:sortBy": (e) => !0,
+    "update:options": (e) => !0
   },
   setup(e, {
     slots: t
   }) {
-    const n = w(() => ({}));
-    L(() => l(fe, {
+    const {
+      page: a,
+      pageSize: n
+    } = Ha(e), i = $(() => ({
+      page: a.value,
+      pageSize: n.value
+    }));
+    P(() => l(ge, {
       class: ["y-data-table"]
     }, {
       default: () => [{
         top: () => {
-          var i;
-          return (i = t.top) == null ? void 0 : i.call(t, n.value);
+          var r;
+          return (r = t.top) == null ? void 0 : r.call(t, i.value);
         },
-        leading: () => t.leading ? t.leading(n.value) : l(P, null, [l(Ie, null, t)]),
+        leading: () => t.leading ? t.leading(i.value) : l(D, null, [l(Me, null, t)]),
         default: () => {
-          var i, a, r;
-          return t.default ? t.default(n.value) : l(P, null, [l("thead", null, [l(Le, null, t)]), (i = t.thead) == null ? void 0 : i.call(t, n.value), l("tbody", null, [l(Ye, null, t)]), (a = t.tbody) == null ? void 0 : a.call(t, n.value), (r = t.tfoot) == null ? void 0 : r.call(t, n.value)]);
+          var r, s, o;
+          return t.default ? t.default(i.value) : l(D, null, [l("thead", null, [l(Re, null, t)]), (r = t.thead) == null ? void 0 : r.call(t, i.value), l("tbody", null, [l(De, null, t)]), (s = t.tbody) == null ? void 0 : s.call(t, i.value), (o = t.tfoot) == null ? void 0 : o.call(t, i.value)]);
         },
         trailing: () => {
-          var i;
-          return (i = t.trailing) == null ? void 0 : i.call(t, n.value);
+          var r;
+          return (r = t.trailing) == null ? void 0 : r.call(t, i.value);
         },
-        bottom: () => t.bottom ? t.bottom(n.value) : l(Oe, null, {
+        bottom: () => t.bottom ? t.bottom(i.value) : l(Ne, null, {
           prepend: t["control.prepend"]
         })
       }],
       ...t
     }));
   }
-}), zt = ee({
+}), tn = ee({
   total: {
     type: [Number, String],
     required: !0
   },
-  ...Ut(),
-  ...We()
-}, "YDataTableServer"), Yi = /* @__PURE__ */ $({
+  headers: {
+    type: [Array]
+  },
+  ...en(),
+  ...et()
+}, "YDataTableServer"), Ua = /* @__PURE__ */ B({
   name: "YDataTableServer",
   components: {
-    YTable: fe,
-    YDataTableLayer: Ie,
-    YDataTableHead: Le,
-    YDataTableBody: Ye,
-    YDataTableControl: Oe
+    YTable: ge,
+    YDataTableLayer: Me,
+    YDataTableHead: Re,
+    YDataTableBody: De,
+    YDataTableControl: Ne
   },
   props: {
-    ...zt()
+    ...tn()
   },
   setup(e, {
     slots: t
   }) {
-    const n = w(() => ({}));
-    L(() => l(fe, {
+    const a = $(() => ({}));
+    P(() => l(ge, {
       class: ["y-data-table"]
     }, {
       top: () => {
-        var i;
-        return (i = t.top) == null ? void 0 : i.call(t, n.value);
+        var n;
+        return (n = t.top) == null ? void 0 : n.call(t, a.value);
       },
-      leading: () => t.leading ? t.leading(n.value) : l(P, null, [l(Ie, null, t)]),
+      leading: () => t.leading ? t.leading(a.value) : l(D, null, [l(Me, null, t)]),
       default: () => {
-        var i, a, r;
-        return t.default ? t.default(n.value) : l(P, null, [l("thead", null, [l(Le, null, t)]), (i = t.thead) == null ? void 0 : i.call(t, n.value), l("tbody", null, [l(Ye, null, t)]), (a = t.tbody) == null ? void 0 : a.call(t, n.value), (r = t.tfoot) == null ? void 0 : r.call(t, n.value)]);
+        var n, i, r;
+        return t.default ? t.default(a.value) : l(D, null, [l("thead", null, [l(Re, {
+          headers: e.headers
+        }, t)]), (n = t.thead) == null ? void 0 : n.call(t, a.value), l("tbody", null, [l(De, {
+          headers: e.headers
+        }, t)]), (i = t.tbody) == null ? void 0 : i.call(t, a.value), (r = t.tfoot) == null ? void 0 : r.call(t, a.value)]);
       },
       trailing: () => {
-        var i;
-        return (i = t.trailing) == null ? void 0 : i.call(t, n.value);
+        var n;
+        return (n = t.trailing) == null ? void 0 : n.call(t, a.value);
       },
-      bottom: () => t.bottom ? t.bottom(n.value) : l(Oe, null, {
+      bottom: () => t.bottom ? t.bottom(a.value) : l(Ne, null, {
         prepend: t["control.prepend"]
       })
     }));
   }
 });
-const Wt = "YMenu";
-Ue(Wt);
-const qt = {
+const nn = "YMenu";
+Ze(nn);
+const an = {
   modelValue: {
     type: Boolean,
     default: !1
@@ -3093,121 +3378,127 @@ const qt = {
   offsetY: {
     type: [Number, String]
   }
-}, Oi = /* @__PURE__ */ $({
-  name: Wt,
+}, Wa = /* @__PURE__ */ B({
+  name: nn,
   props: {
-    ...qt,
+    ...an,
     transition: {
-      ...je.transition,
+      ...qe.transition,
       default: "fade"
     }
   },
   emits: ["update:modelValue"],
   setup(e, {
     slots: t,
-    emit: n,
-    expose: i
+    emit: a,
+    expose: n
   }) {
-    const a = C(), r = C(), s = C(), o = C(), c = C(), p = w(() => ({
-      ...W(e.menuClasses),
+    const i = A(), r = A(), s = A(), o = A(), d = A(), h = $(() => ({
+      ...J(e.menuClasses),
       "y-menu": !0
-    })), h = me(e), u = w({
-      get: () => !!h.value,
-      set: (m) => {
-        m && e.disabled || (h.value = m);
+    })), y = z(e), v = $({
+      get: () => !!y.value,
+      set: (u) => {
+        u && e.disabled || (y.value = u);
       }
-    }), d = ie(e, "position"), g = ie(e, "align"), v = C(), y = w(() => v.value ?? {});
-    function x() {
-      const m = o.value, B = u.value;
-      if (m && B) {
-        const E = c.value, f = m.getBoundingClientRect();
-        let S = f.top, D = f.left + f.width / 2;
-        return E && ((d.value === "top" || d.value === "bottom") && (d.value === "top" && (S -= E.clientHeight, S -= 8), d.value === "bottom" && (S += f.height, S += 8)), g.value === "center" ? D -= E.clientWidth / 2 : g.value === "start" ? D = f.left : g.value === "end" && (D = f.right, D -= E.clientWidth)), e.offsetY && (S += +e.offsetY), {
-          top: `${S}px`,
-          left: `${D}px`,
-          minWidth: wt(f.width)
+    }), p = ce(e, "position"), k = ce(e, "align"), S = A(), _ = $(() => S.value ?? {});
+    function V() {
+      const u = o.value, b = v.value;
+      if (u && b) {
+        const x = d.value, c = u.getBoundingClientRect();
+        let C = c.top, I = c.left + c.width / 2;
+        return x && ((p.value === "top" || p.value === "bottom") && (p.value === "top" && (C -= x.clientHeight, C -= 8), p.value === "bottom" && (C += c.height, C += 8)), k.value === "center" ? I -= x.clientWidth / 2 : k.value === "start" ? I = c.left : k.value === "end" && (I = c.right, I -= x.clientWidth)), e.offsetY && (C += +e.offsetY), {
+          top: `${C}px`,
+          left: `${I}px`,
+          minWidth: We(c.width)
         };
       }
       return {};
     }
-    const A = w(() => {
-      var m, B;
-      return (B = (m = s.value) == null ? void 0 : m[0]) == null ? void 0 : B.el;
+    const g = $(() => {
+      var u, b;
+      return (b = (u = s.value) == null ? void 0 : u[0]) == null ? void 0 : b.el;
     });
-    Ne(() => {
-      var B, E;
+    Ke(() => {
+      var b, x;
       if (!r.value) {
-        o.value = A.value;
+        o.value = g.value;
         return;
       }
-      const m = r.value;
-      o.value = (B = r.value) != null && B.$el ? (E = r.value) == null ? void 0 : E.$el : m;
-    }), I(u, (m) => {
-      m && ve(() => {
-        var E;
-        const B = (E = a.value) == null ? void 0 : E.content$;
-        c.value = B, v.value = x();
+      const u = r.value;
+      o.value = (b = r.value) != null && b.$el ? (x = r.value) == null ? void 0 : x.$el : u;
+    }), L(v, (u) => {
+      u && we(() => {
+        var x;
+        const b = (x = i.value) == null ? void 0 : x.content$;
+        d.value = b, S.value = V();
       });
     });
-    function b(m) {
-      e.openOnHover && (u.value = !0);
+    function f(u) {
+      e.openOnHover && (v.value = !0);
     }
-    function k(m) {
-      e.openOnHover && (u.value = !1);
+    function m(u) {
+      e.openOnHover && (v.value = !1);
     }
-    function T(m) {
-      const B = u.value;
-      e.disabled || (u.value = !B);
+    function w(u) {
+      const b = v.value;
+      e.disabled || (v.value = !b);
     }
-    function Y(m) {
-      u.value && (u.value = !1);
+    function E(u) {
+      v.value && (v.value = !1);
     }
-    function O(m) {
-      m.addEventListener("mouseenter", b), m.addEventListener("mouseleave", k);
+    function O(u) {
+      u.addEventListener("mouseenter", f), u.addEventListener("mouseleave", m);
     }
-    function V(m) {
-      m.removeEventListener("mouseenter", b), m.removeEventListener("mouseleave", k);
+    function Y(u) {
+      u.removeEventListener("mouseenter", f), u.removeEventListener("mouseleave", m);
     }
-    I(o, (m, B) => {
-      m ? (O(m), m.addEventListener("click", T)) : B && (V(B), B.removeEventListener("click", T));
-    }), L(() => {
-      var B;
-      const m = (B = t.base) == null ? void 0 : B.call(t, {
-        active: u.value,
-        props: oe({
+    return L(o, (u, b) => {
+      u ? (O(u), u.addEventListener("click", w)) : b && (Y(b), b.removeEventListener("click", w));
+    }), P(() => {
+      var b;
+      const u = (b = t.base) == null ? void 0 : b.call(t, {
+        active: v.value,
+        props: ve({
           ref: r,
           class: {
             "y-menu-base": !0,
-            "y-menu-base--active": u.value
+            "y-menu-base--active": v.value
           }
         })
       });
-      return s.value = m, l(P, null, [m, l(K, {
-        modelValue: u.value,
-        "onUpdate:modelValue": (E) => u.value = E,
-        ref: a,
-        classes: p.value,
+      return s.value = u, l(D, null, [u, l(q, {
+        modelValue: v.value,
+        "onUpdate:modelValue": (x) => v.value = x,
+        ref: i,
+        classes: h.value,
         scrim: !1,
         disabled: e.disabled,
         "content-styles": {
-          ...y.value
+          ..._.value
         },
         "content-classes": ["y-menu__content"],
         transition: e.transition,
-        "onClick:complement": Y
+        "onClick:complement": E
       }, {
-        default: (...E) => {
-          var f;
-          return l(P, null, [((f = t.default) == null ? void 0 : f.call(t, ...E)) ?? ""]);
+        default: (...x) => {
+          var c;
+          return l(D, null, [((c = t.default) == null ? void 0 : c.call(t, ...x)) ?? ""]);
         }
       })]);
-    });
+    }), {
+      base$: r,
+      el$: i,
+      baseEl: o,
+      coordinatesStyles: _,
+      baseSlot: s
+    };
   }
 });
-const Pe = /* @__PURE__ */ $({
+const Fe = /* @__PURE__ */ B({
   name: "YInputCheckbox",
   components: {
-    YIconCheckbox: ne
+    YIconCheckbox: Z
   },
   props: {
     id: String,
@@ -3247,7 +3538,7 @@ const Pe = /* @__PURE__ */ $({
       return this.id && (e = this.id), `input-${e}`;
     },
     iconComponent() {
-      return this.icon ? null : ne;
+      return this.icon ? null : Z;
     }
   },
   methods: {
@@ -3273,35 +3564,35 @@ const Pe = /* @__PURE__ */ $({
     const {
       onClick: e,
       classes: t,
-      inputId: n,
-      checked: i,
-      onFocus: a,
+      inputId: a,
+      checked: n,
+      onFocus: i,
       onBlur: r,
       disabled: s,
       readonly: o,
-      iconComponent: c
+      iconComponent: d
     } = this;
-    return l(P, null, [l("div", {
+    return l(D, null, [l("div", {
       onClick: e,
       class: t
     }, [l("input", {
-      id: n,
-      "aria-checked": i,
+      id: a,
+      "aria-checked": n,
       role: "checkbox",
       type: "checkbox",
-      checked: i,
-      onFocus: a,
+      checked: n,
+      onFocus: i,
       onBlur: r,
       disabled: s,
       readonly: o
     }, null), this.$slots.icon ? this.$slots.icon({
-      checked: i
-    }) : c ? _(c) : l(ne, null, null)])]);
+      checked: n
+    }) : d ? T(d) : l(Z, null, null)])]);
   }
-}), Li = /* @__PURE__ */ $({
+}), qa = /* @__PURE__ */ B({
   name: "YCheckbox",
   components: {
-    YInputCheckbox: Pe
+    YInputCheckbox: Fe
   },
   model: {
     prop: "inputValue",
@@ -3325,75 +3616,75 @@ const Pe = /* @__PURE__ */ $({
   },
   setup(e, {
     emit: t,
-    slots: n
+    slots: a
   }) {
-    const i = C(!1), a = C(!1), s = `input-${(fn() ?? "").toString()}`;
-    function o(v) {
-      i.value = !0, t("focus", v);
+    const n = A(!1), i = A(!1), s = `input-${(Cn() ?? "").toString()}`;
+    function o(S) {
+      n.value = !0, t("focus", S);
     }
-    function c(v) {
-      i.value = !1, t("blur", v);
+    function d(S) {
+      n.value = !1, t("blur", S);
     }
-    function p(v, ...y) {
-      e.disabled || e.readonly || (a.value = !a.value, t("change", a.value, v));
+    function h(S, ..._) {
+      e.disabled || e.readonly || (i.value = !i.value, t("change", i.value, S));
     }
-    function h() {
-      var v;
-      Array.isArray(e.inputValue) ? ((v = e.inputValue) == null ? void 0 : v.find((x) => x === e.value)) !== void 0 ? a.value = !0 : a.value = !1 : typeof e.inputValue == "boolean" && (a.value = e.inputValue);
+    function y() {
+      var S;
+      Array.isArray(e.inputValue) ? ((S = e.inputValue) == null ? void 0 : S.find((V) => V === e.value)) !== void 0 ? i.value = !0 : i.value = !1 : typeof e.inputValue == "boolean" && (i.value = e.inputValue);
     }
-    const u = w(() => {
+    const v = $(() => {
       const {
-        reverse: v,
-        disabled: y,
-        readonly: x
+        reverse: S,
+        disabled: _,
+        readonly: V
       } = e;
       return {
         "y-checkbox": !0,
-        "y-checkbox--reverse": !!v,
-        "y-checkbox--focused": i.value,
-        "y-checkbox--disabled": !!y,
-        "y-checkbox--readonly": !!x
+        "y-checkbox--reverse": !!S,
+        "y-checkbox--focused": n.value,
+        "y-checkbox--disabled": !!_,
+        "y-checkbox--readonly": !!V
       };
-    }), d = w(() => {
+    }), p = $(() => {
       if (typeof e.icon == "string")
         return e.icon;
-    }), g = w(() => Array.isArray(e.inputValue));
-    return w(() => g.value ? e.inputValue.findIndex((v) => v === e.value) : -1), L(() => {
-      var v, y;
+    }), k = $(() => Array.isArray(e.inputValue));
+    return $(() => k.value ? e.inputValue.findIndex((S) => S === e.value) : -1), P(() => {
+      var S, _;
       return l("div", {
-        class: u
+        class: v
       }, [l("slot", {
         name: "prepend"
       }, null), l("div", {
         class: "y-checkbox__slot"
-      }, [l(Pe, {
-        onClick: (x, ...A) => {
-          x.stopPropagation(), p(x, ...A);
+      }, [l(Fe, {
+        onClick: (V, ...g) => {
+          V.stopPropagation(), h(V, ...g);
         },
         onFocus: o,
-        onBlur: c,
+        onBlur: d,
         id: "counterId",
-        value: a.value,
-        icon: d.value,
+        value: i.value,
+        icon: p.value,
         color: e.color,
         disabled: e.disabled,
         readonly: e.readonly
       }, {
-        default: () => [n.icon && {
-          icon: (...x) => {
-            var A;
-            return (A = n.icon) == null ? void 0 : A.call(n, ...x);
+        default: () => [a.icon && {
+          icon: (...V) => {
+            var g;
+            return (g = a.icon) == null ? void 0 : g.call(a, ...V);
           }
         }]
       }), l("label", {
-        onClick: Re(() => {
+        onClick: He(() => {
         }, ["stop"]),
         class: "y-checkbox__label",
         for: s
-      }, [n.label ? (v = n.label) == null ? void 0 : v.call(n) : e.label])]), (y = n.append) == null ? void 0 : y.call(n)]);
+      }, [a.label ? (S = a.label) == null ? void 0 : S.call(a) : e.label])]), (_ = a.append) == null ? void 0 : _.call(a)]);
     }), {
-      innerValue: a,
-      inputByValue: h
+      innerValue: i,
+      inputByValue: y
     };
   },
   created() {
@@ -3408,7 +3699,47 @@ const Pe = /* @__PURE__ */ $({
     }
   }
 });
-const Gt = ee({
+function Ga() {
+  const e = A([]);
+  mn(() => e.value = []);
+  function t(a, n) {
+    e.value[n] = a;
+  }
+  return { refs: e, updateRef: t };
+}
+const $e = {
+  next: "m12.18 23.585 7.6399-7.5489-7.4693-7.622",
+  prev: "m19.82 23.585-7.6399-7.5489 7.4693-7.622",
+  last: "m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659",
+  first: "m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659"
+}, ue = /* @__PURE__ */ B({
+  name: "YIconPageControl",
+  props: {
+    type: {
+      type: String,
+      default: "next"
+    },
+    next: String,
+    prev: String,
+    last: String,
+    first: String
+  },
+  render() {
+    return l("svg", {
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [l("path", {
+      d: this.$props.type in $e ? $e[this.$props.type] : $e.next,
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "3"
+    }, null)]);
+  }
+});
+const rn = ee({
   start: {
     type: [Number, String],
     default: 1
@@ -3424,85 +3755,250 @@ const Gt = ee({
     validator: (e) => e % 1 === 0
   },
   totalVisible: [Number, String],
-  showEndButton: Boolean
-}, "y-pagination"), Ii = /* @__PURE__ */ $({
+  showEndButton: Boolean,
+  gap: {
+    type: [String, Number],
+    default: 4
+  },
+  color: String,
+  activeColor: String,
+  firstIcon: String,
+  lastIcon: String,
+  prevIcon: String,
+  nextIcon: String
+}, "y-pagination"), Xa = /* @__PURE__ */ B({
   name: "YPagination",
+  components: {
+    YButton: M
+  },
   props: {
-    ...Gt()
+    ...rn()
   },
   emits: {
     "update:modelValue": (e) => !0,
-    first: (e) => !0,
-    last: (e) => !0,
-    prev: (e) => !0,
-    next: (e) => !0
+    change: (e, t) => !0
   },
   setup(e, {
-    slots: t
+    slots: t,
+    emit: a
   }) {
-    me(e), w(() => parseInt(e.length, 10)), w(() => parseInt(e.start, 10));
-    const {
-      resizeObservedRef: n
-    } = Kt((i) => {
-      1 > i.length;
+    const n = z(e), i = $(() => parseInt(e.length, 10)), r = $(() => parseInt(e.start, 10)), s = yn(-1), {
+      resizeObservedRef: o
+    } = Qt((g) => {
+      if (1 > g.length)
+        return;
+      const {
+        target: f,
+        contentRect: m
+      } = g[0], w = f.querySelector(".y-pagination__list > *");
+      if (w) {
+        const E = m.width, O = w.offsetWidth + parseFloat(getComputedStyle(w).marginRight) * 2;
+        s.value = d(E, O);
+      }
     });
-    L(() => l("div", {
+    function d(g, f) {
+      const m = e.showEndButton ? 5 : 3, w = f * m, E = +(e.gap ?? 4);
+      return Math.max(0, Math.floor(+((g - w - E) / (f + E)).toFixed(2)));
+    }
+    const h = $(() => e.totalVisible ? parseInt(e.totalVisible, 10) : s.value >= 0 ? s.value : d(innerWidth, 58)), y = $(() => {
+      const g = !!e.disabled || n.value <= r.value, f = !!e.disabled || n.value >= r.value + i.value - 1;
+      return {
+        first: {
+          disabled: g,
+          onClick: (m) => {
+            m.preventDefault(), n.value = 1, a("change", 1, "first");
+          }
+        },
+        prev: {
+          disabled: g,
+          onClick: (m) => {
+            m.preventDefault();
+            const w = Math.max(1, n.value - 1);
+            n.value = w, a("change", w, "prev");
+          }
+        },
+        next: {
+          disabled: f,
+          onClick: (m) => {
+            m.preventDefault();
+            const w = Math.min(+i.value, n.value + 1);
+            n.value = w, a("change", w, "next");
+          }
+        },
+        last: {
+          disabled: f,
+          onClick: (m) => {
+            m.preventDefault();
+            const w = +i.value;
+            n.value = +i.value, a("change", w, "last");
+          }
+        }
+      };
+    }), v = $(() => {
+      if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
+        return [];
+      if (h.value <= 1)
+        return [n.value];
+      if (i.value <= h.value)
+        return se(i.value, r.value);
+      const g = h.value % 2 === 0, f = g ? h.value / 2 : Math.floor(h.value / 2), m = g ? f : f + 1, w = i.value - f;
+      if (m - n.value >= 0)
+        return [...se(Math.max(1, h.value - 1), r.value), "ellipsis", i.value];
+      if (n.value - w >= (g ? 1 : 0)) {
+        const E = h.value - 1, O = i.value - E + r.value;
+        return [r.value, "ellipsis", ...se(E, O)];
+      } else {
+        const E = Math.max(1, h.value - 3), O = E === 1 ? n.value : n.value - Math.ceil(E / 2) + r.value;
+        return [r.value, "ellipsis", ...se(E, O), "ellipsis", i.value];
+      }
+    }), {
+      refs: p,
+      updateRef: k
+    } = Ga();
+    function S(g, f = 1) {
+      g.preventDefault(), n.value = f, a("change", f);
+    }
+    const _ = $(() => v.value.map((g, f) => {
+      const m = (w) => k(w, f);
+      if (g === "ellipsis")
+        return {
+          active: !1,
+          key: `ellipsis-${f}`,
+          page: g,
+          props: {
+            ref: m,
+            ellipsis: !0,
+            disabled: !0
+            // TODO: skipper
+          }
+        };
+      {
+        const w = g === n.value;
+        return {
+          active: w,
+          key: `item-${g}`,
+          page: g,
+          props: {
+            ref: m,
+            ellipsis: !1,
+            disabled: !!e.disabled || +e.length < 2,
+            color: w ? e.activeColor : e.color,
+            onClick: (E) => S(E, g)
+          }
+        };
+      }
+    })), V = $(() => {
+      let g;
+      if (e.gap) {
+        const f = +e.gap;
+        isNaN(f) ? typeof e.gap == "string" && (g = e.gap) : g = We(f);
+      }
+      return {
+        "--y-pagination__gap": g
+      };
+    });
+    return P(() => l("div", {
       class: ["y-pagination"],
       role: "navigation",
-      ref: n
+      style: V.value,
+      ref: o
     }, [l("ul", {
       class: ["y-pagination__list"]
-    }, [l("li", null, null)])]));
+    }, [e.showEndButton && l("li", {
+      key: "first",
+      class: "y-pagination__first"
+    }, [t.first ? t.first(y.value.first) : l(M, y.value.first, {
+      default: () => [l(ue, {
+        type: "first",
+        first: e.firstIcon
+      }, null)]
+    })]), l("li", {
+      key: "prev",
+      class: "y-pagination__prev"
+    }, [t.prev ? t.prev(y.value.prev) : l(M, y.value.prev, {
+      default: () => [l(ue, {
+        type: "prev",
+        prev: e.prevIcon
+      }, null)]
+    })]), _.value.map((g, f) => l("li", {
+      key: g.key,
+      class: ["y-pagination__item", {
+        "y-pagination__item--active": g.active
+      }]
+    }, [l(M, g.props, {
+      default: () => [g.props.ellipsis ? "..." : g.page]
+    })])), l("li", {
+      key: "next",
+      class: "y-pagination__next"
+    }, [t.next ? t.next(y.value.next) : l(M, y.value.next, {
+      default: () => [l(ue, {
+        type: "next",
+        next: e.nextIcon
+      }, null)]
+    })]), e.showEndButton && l("li", {
+      key: "last",
+      class: "y-pagination__last"
+    }, [t.last ? t.last(y.value.last) : l(M, y.value.last, {
+      default: () => [l(ue, {
+        type: "last",
+        last: e.lastIcon
+      }, null)]
+    })])])])), {
+      itemCount: s,
+      page: n,
+      refs: p
+    };
   }
-}), ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  YApp: rn,
-  YButton: $e,
-  YCard: xt,
-  YCardBody: _n,
-  YCardFooter: Cn,
-  YCardHeader: Sn,
-  YCheckbox: Li,
-  YChip: $n,
-  YDataTable: Bi,
-  YDataTableServer: Yi,
-  YDialog: On,
-  YDividePanel: Ti,
-  YExpandHTransition: ki,
-  YExpandVTransition: xi,
-  YFieldInput: ke,
-  YForm: gn,
-  YIconCheckbox: ne,
-  YIconClear: St,
-  YIconExpand: de,
-  YInput: xe,
-  YInputCheckbox: Pe,
-  YInputProps: se,
-  YLayer: K,
-  YList: Ai,
-  YListItem: Vi,
-  YMenu: Oi,
-  YMenuPropOptions: qt,
-  YPagination: Ii,
-  YProgressBar: wn,
-  YSnackbar: Ci,
-  YSpinnerRing: _t,
-  YSwitch: xn,
-  YTable: fe,
-  YTooltip: $i,
-  YTreeView: Ei,
-  YTreeViewNode: ze,
-  buttonProps: Ct,
-  pressDataTableProps: We,
-  pressDataTableServerProps: zt,
-  pressYListItemProps: Ht,
-  pressYPaginationProps: Gt
-}, Symbol.toStringTag, { value: "Module" })), De = {
+  YApp: gn,
+  YButton: M,
+  YCard: Yt,
+  YCardBody: In,
+  YCardFooter: Ln,
+  YCardHeader: Pn,
+  YCheckbox: qa,
+  YChip: Dn,
+  YDataTable: za,
+  YDataTableServer: Ua,
+  YDialog: Un,
+  YDividePanel: Ra,
+  YExpandHTransition: Na,
+  YExpandVTransition: Xt,
+  YFieldInput: Ye,
+  YForm: Bn,
+  YIconCheckbox: Z,
+  YIconClear: Vt,
+  YIconExpand: oe,
+  YInput: Be,
+  YInputCheckbox: Fe,
+  YInputProps: he,
+  YLayer: q,
+  YList: Ka,
+  YListItem: ja,
+  YMenu: Wa,
+  YMenuPropOptions: an,
+  YPagination: Xa,
+  YProgressBar: On,
+  YSnackbar: La,
+  YSpinnerRing: Et,
+  YSwitch: Nn,
+  YTable: ge,
+  YTooltip: Da,
+  YTreeView: Fa,
+  YTreeViewNode: Qe,
+  buttonProps: Tt,
+  pressDataTableProps: et,
+  pressDataTableServerProps: tn,
+  pressYListItemProps: Jt,
+  pressYPaginationProps: rn,
+  pressYTreeViewNodeProps: Je
+}, Symbol.toStringTag, { value: "Module" })), je = {
   light: "light",
   dark: "dark"
-}, ct = {
+}, yt = {
   light: {
-    scheme: De.light,
+    scheme: je.light,
     colors: {
       "app-background": "#ffffff",
       "base-font": "#141414"
@@ -3512,7 +4008,7 @@ const Gt = ee({
     }
   },
   dark: {
-    scheme: De.dark,
+    scheme: je.dark,
     colors: {
       "app-background": "#1e1e1e",
       "base-font": "#fff"
@@ -3522,86 +4018,86 @@ const Gt = ee({
     }
   }
 };
-function Pi(e) {
+function Za(e) {
   return e ? {
-    scheme: De.light,
+    scheme: je.light,
     theme: ["light", "dark"],
-    themes: { ...Se(ct, e.themes) }
+    themes: { ...Te(yt, e.themes) }
   } : {
     scheme: "normal",
     theme: ["light", "dark"],
-    themes: { ...Se(ct) }
+    themes: { ...Te(yt) }
   };
 }
-function Di(e) {
-  const t = ft(), n = re(Pi(e)), i = C(n.scheme), a = C(n.mode), r = C(n.theme), s = C(n.themes), o = re({
-    scheme: i,
+function Ja(e) {
+  const t = bt(), a = fe(Za(e)), n = A(a.scheme), i = A(a.mode), r = A(a.theme), s = A(a.themes), o = fe({
+    scheme: n,
     theme: r,
     themes: s,
-    mode: a
+    mode: i
   });
-  function c(u) {
-    u.directive("theme", $t);
+  function d(v) {
+    v.directive("theme", Bt);
   }
-  function p(u) {
-    console.log(ht(u.theme)), I(
+  function h(v) {
+    console.log(St(v.theme)), L(
       r,
-      (d) => {
-        const [g, v] = d;
-        u.root.dataset.lightTheme = g, u.root.dataset.darkTheme = v;
+      (p) => {
+        const [k, S] = p;
+        v.root.dataset.lightTheme = k, v.root.dataset.darkTheme = S;
       },
       { immediate: !0 }
-    ), I(
-      i,
-      (d) => {
-        u.root.setAttribute("data-theme-scheme", d);
+    ), L(
+      n,
+      (p) => {
+        v.root.setAttribute("data-theme-scheme", p);
       },
       { immediate: !0 }
     );
   }
-  function h(u) {
+  function y(v) {
     t.run(() => {
-      p(u);
+      h(v);
     });
   }
   return {
-    install: c,
-    init: h,
+    install: d,
+    init: y,
     scope: t,
     instance: o
   };
 }
-const Ni = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ";
-const Ri = {
+const Qa = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ";
+const ei = {
   credit: !0
 };
-function Fi(e = Ri) {
-  const t = Di(e == null ? void 0 : e.theme);
+function ni(e = ei) {
+  const t = Ja(e == null ? void 0 : e.theme);
   return {
-    install: (i) => {
-      t.install(i);
-      const a = re({
+    install: (n) => {
+      t.install(n);
+      const i = fe({
         app: null,
         root: null,
         theme: t.instance
       });
-      Object.keys(ut).forEach((s) => {
-        const o = ut[s];
-        i.component(s, o);
-      }), i.directive("plate-wave", Ce), i.provide("theme", a.theme), i.config.globalProperties.$yuyeon = a, ve(() => {
-        if (a.app = i._instance, a.root = i._container, !a.root)
+      Object.keys(mt).forEach((s) => {
+        const o = mt[s];
+        n.component(s, o);
+      }), n.directive("plate-wave", Ee), n.provide("theme", i.theme), n.config.globalProperties.$yuyeon = i, we(() => {
+        if (i.app = n._instance, i.root = n._container, !i.root)
           throw new Error("yuyeon: Can't found instance");
-        const s = a.root;
-        s.classList.add("y-root"), s.setAttribute("data-y-root", ""), t.init(a);
-      }), e != null && e.credit && console.log(Ni);
-      const { unmount: r } = i;
-      i.unmount = () => {
-        r(), t.scope.stop(), i.unmount = r;
+        const s = i.root;
+        s.classList.add("y-root"), s.setAttribute("data-y-root", ""), t.init(i);
+      }), e != null && e.credit && console.log(Qa);
+      const { unmount: r } = n;
+      n.unmount = () => {
+        r(), t.scope.stop(), n.unmount = r;
       };
     }
     // theme: themeModule,
   };
 }
 export {
-  Fi as init
+  ni as init
 };