@codemonster-ru/vueforge 0.3.5 → 0.6.0

package/dist/index.ts.mjs

@@ -1,607 +1,214 @@
-import { defineComponent as F, openBlock as r, createElementBlock as s, createVNode as S, unref as g, withCtx as _, renderSlot as u, resolveComponent as E, createElementVNode as i, inject as H, ref as I, computed as w, normalizeClass as h, Fragment as M, createTextVNode as z, toDisplayString as O, createBlock as y, createCommentVNode as m, defineAsyncComponent as U, resolveDynamicComponent as K, createStaticVNode as q, renderList as G, reactive as W, withDirectives as J, createSlots as Q, vShow as X } from "vue";
-const Y = { class: "vf-layout" }, Or = /* @__PURE__ */ F({
-  __name: "defaultLayout",
-  setup(o) {
-    return (e, a) => (r(), s("div", Y, [
-      S(g(Qo), null, {
-        default: _(() => [
-          u(e.$slots, "header")
-        ]),
-        _: 3
-      }),
-      S(g(sr), null, {
-        default: _(() => [
-          u(e.$slots, "content")
-        ]),
-        _: 3
-      }),
-      S(g(or), null, {
-        default: _(() => [
-          u(e.$slots, "footer")
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), $ = (o, e) => {
-  const a = o.__vccOpts || o;
-  for (const [t, n] of e)
-    a[t] = n;
-  return a;
-}, ee = {}, oe = { class: "vf-left-sidebar-flexbox" }, re = { class: "vf-left-sidebar" }, te = { class: "vf-main-content" };
-function le(o, e) {
-  const a = E("router-view");
-  return r(), s("div", oe, [
-    i("div", re, [
-      u(o.$slots, "leftSidebar")
-    ]),
-    i("div", te, [
-      S(a)
-    ])
-  ]);
-}
-const jr = /* @__PURE__ */ $(ee, [["render", le]]), ne = {}, se = { class: "vf-demo" };
-function ae(o, e) {
-  return r(), s("div", se, [
-    u(o.$slots, "default")
-  ]);
-}
-const Pr = /* @__PURE__ */ $(ne, [["render", ae]]);
-/*!
-  * vue-router v4.5.0
-  * (c) 2024 Eduardo San Martin Morote
-  * @license MIT
-  */
-var L;
-(function(o) {
-  o.pop = "pop", o.push = "push";
-})(L || (L = {}));
-var V;
-(function(o) {
-  o.back = "back", o.forward = "forward", o.unknown = "";
-})(V || (V = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var N;
-(function(o) {
-  o[o.aborted = 4] = "aborted", o[o.cancelled = 8] = "cancelled", o[o.duplicated = 16] = "duplicated";
-})(N || (N = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
-const ce = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function ie(o) {
-  return H(ce);
-}
-const ue = ["href"], T = /* @__PURE__ */ F({
+import { defineComponent as X, ref as N, computed as w, watch as le, resolveComponent as be, openBlock as g, createElementBlock as h, normalizeClass as C, renderSlot as k, Fragment as oe, createTextVNode as J, toDisplayString as M, createBlock as W, withCtx as I, createCommentVNode as _, createElementVNode as B, renderList as ge, withKeys as K, withModifiers as G, unref as U, createVNode as he, nextTick as de, onMounted as Re, onBeforeUnmount as Se, Teleport as Le, withDirectives as me, vShow as ye, reactive as Ve, createSlots as ze } from "vue";
+import { useRoute as We, useRouter as Me } from "vue-router";
+import { CmIcon as Z } from "@codemonster-ru/vueiconify";
+const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
   __name: "link",
   props: {
-    to: { default: "" },
+    to: { default: void 0 },
+    href: { default: void 0 },
     url: { default: void 0 },
-    type: { default: "a" },
+    as: { default: void 0 },
+    type: { default: void 0 },
     label: { default: "" },
     active: { type: Boolean },
     disabled: { type: Boolean }
   },
-  emits: ["onActive"],
-  setup(o, { emit: e }) {
-    const a = e, t = o, n = ie(), l = I(null), b = w(() => (t.type === "router-link" && n.matched.some(({ name: f }) => t.to.name === f) && a("onActive"), t.active));
-    return (f, d) => {
-      const v = E("router-link");
-      return f.type === "a" ? (r(), s("a", {
+  emits: ["click", "active", "update:active", "onActive"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, n = We(), c = Me(), s = N(null), i = w(() => o.href ?? o.url), l = w(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), u = w(() => o.to), d = w(() => o.to ? c.resolve(o.to) : null), a = w(() => {
+      if (l.value !== "router-link")
+        return !1;
+      const p = d.value;
+      return p ? p.name ? n.matched.some(({ name: y }) => y === p.name) : p.fullPath ? n.fullPath === p.fullPath : n.path === p.path : !1;
+    }), v = w(() => o.active === void 0 ? a.value : o.active), f = (p) => {
+      if (!o.disabled) {
+        r("click", p);
+        return;
+      }
+      p.preventDefault(), p.stopPropagation();
+    };
+    return le(a, (p) => {
+      p && (r("active"), r("onActive")), r("update:active", p);
+    }), (p, y) => {
+      const m = be("router-link");
+      return l.value === "a" ? (g(), h("a", {
         key: 0,
-        href: f.url,
-        class: h(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
+        href: i.value,
+        class: C(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
+        "aria-disabled": p.disabled,
+        tabindex: p.disabled ? -1 : void 0,
+        onClick: f
       }, [
-        f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
-          z(O(f.label), 1)
+        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+          J(M(p.label), 1)
         ], 64))
-      ], 10, ue)) : (r(), y(v, {
+      ], 10, He)) : (g(), W(m, {
         key: 1,
         ref_key: "link",
-        ref: l,
-        to: f.to,
-        class: h(["vf-link", { "vf-link_active": b.value }]),
-        disabled: f.disabled,
+        ref: s,
+        to: u.value,
+        class: C(["vf-link", { "vf-link_active": v.value }]),
+        "aria-disabled": p.disabled,
+        tabindex: p.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
-        "exact-active-class": "vf-link_active"
+        "exact-active-class": "vf-link_active",
+        onClick: f
       }, {
-        default: _(() => [
-          f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
-            z(O(f.label), 1)
+        default: I(() => [
+          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+            J(M(p.label), 1)
           ], 64))
         ]),
         _: 3
-      }, 8, ["to", "class", "disabled"]));
+      }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), de = {}, ve = { class: "vf-card" }, fe = {
+}), Oe = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [o, n] of e)
+    r[o] = n;
+  return r;
+}, Ee = {}, Pe = { class: "vf-card" }, Ae = {
   key: 0,
   class: "vf-card__default"
-}, he = {
+}, De = {
   key: 1,
   class: "vf-card__header"
-}, pe = {
+}, Ne = {
   key: 2,
   class: "vf-card__body"
-}, ge = {
+}, Ie = {
   key: 3,
   class: "vf-card__footer"
 };
-function be(o, e) {
-  return r(), s("div", ve, [
-    o.$slots.default ? (r(), s("div", fe, [
-      u(o.$slots, "default")
-    ])) : m("", !0),
-    o.$slots.header ? (r(), s("div", he, [
-      u(o.$slots, "header")
-    ])) : m("", !0),
-    o.$slots.body ? (r(), s("div", pe, [
-      u(o.$slots, "body")
-    ])) : m("", !0),
-    o.$slots.footer ? (r(), s("div", ge, [
-      u(o.$slots, "footer")
-    ])) : m("", !0)
+function je(t, e) {
+  return g(), h("div", Pe, [
+    t.$slots.default ? (g(), h("div", Ae, [
+      k(t.$slots, "default")
+    ])) : _("", !0),
+    t.$slots.header ? (g(), h("div", De, [
+      k(t.$slots, "header")
+    ])) : _("", !0),
+    t.$slots.body ? (g(), h("div", Ne, [
+      k(t.$slots, "body")
+    ])) : _("", !0),
+    t.$slots.footer ? (g(), h("div", Ie, [
+      k(t.$slots, "footer")
+    ])) : _("", !0)
   ]);
 }
-const _e = /* @__PURE__ */ $(de, [["render", be]]), me = { class: "vf-logo" }, ye = ["src", "width", "height", "alt"], Ce = ["src", "width", "height", "alt"], Mr = /* @__PURE__ */ F({
-  __name: "logo",
-  props: {
-    to: { default: void 0 },
-    url: { default: void 0 },
-    src: {},
-    alt: { default: void 0 },
-    type: { default: "" },
-    dark: { type: Boolean },
-    width: { default: void 0 },
-    height: { default: void 0 }
-  },
-  setup(o) {
-    const e = o, a = w(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
-    return (t, n) => (r(), s("div", me, [
-      t.type.length ? (r(), y(g(T), {
-        key: 0,
-        type: t.type,
-        to: t.to,
-        url: t.url
-      }, {
-        default: _(() => [
-          i("img", {
-            src: a.value,
-            width: t.width,
-            height: t.height,
-            alt: t.alt
-          }, null, 8, ye)
-        ]),
-        _: 1
-      }, 8, ["type", "to", "url"])) : (r(), s("img", {
-        key: 1,
-        src: a.value,
-        width: t.width,
-        height: t.height,
-        alt: t.alt
-      }, null, 8, Ce))
-    ]));
-  }
-}), p = (o, e) => {
-  const a = o.__vccOpts || o;
-  for (const [t, n] of e)
-    a[t] = n;
-  return a;
-}, we = {}, ke = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Fe(o, e) {
-  return r(), s("svg", ke, e[0] || (e[0] = [
-    q('<circle fill="currentColor" cx="256" cy="256" r="128"></circle><rect fill="currentColor" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="416" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="239.95" width="32.1" height="96"></rect><polygon fill="currentColor" points="240 416 272 416 272 512 240.06 512 240 416"></polygon><rect fill="currentColor" x="93.09" y="60.96" width="31.94" height="96" transform="translate(-45.1 109.03) rotate(-45)"></rect><rect fill="currentColor" x="355.02" y="92.75" width="96" height="32.1" transform="translate(41.11 316.85) rotate(-45)"></rect><polygon fill="currentColor" points="357.08 380.39 379.71 357.76 447.59 425.65 425 448.23 357.08 380.39"></polygon><polygon fill="currentColor" points="131.75 357.04 154.37 379.67 86.49 447.55 63.9 424.96 131.75 357.04"></polygon>', 9)
-  ]));
-}
-const $e = /* @__PURE__ */ p(we, [["render", Fe]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), Se = {}, Oe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function je(o, e) {
-  return r(), s("svg", Oe, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m352,448c-123.71,0-224-100.29-224-224,0-107.81,76.16-197.81,177.61-219.18-16.05-3.15-32.64-4.82-49.61-4.82C114.62,0,0,114.62,0,256s114.62,256,256,256c75.54,0,143.44-32.73,190.3-84.77-28.66,13.32-60.61,20.77-94.3,20.77Z"
-    }, null, -1)
-  ]));
-}
-const Pe = /* @__PURE__ */ p(Se, [["render", je]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" })), ze = {}, xe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Te(o, e) {
-  return r(), s("svg", xe, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "M32,160h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,160,32,160z"
-    }, null, -1),
-    i("path", {
-      fill: "currentColor",
-      d: "M32,288h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,288,32,288z"
-    }, null, -1),
-    i("path", {
-      fill: "currentColor",
-      d: "M32,415.5h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,415.5,32,415.5z"
-    }, null, -1)
-  ]));
-}
-const Le = /* @__PURE__ */ p(ze, [["render", Te]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Le
-}, Symbol.toStringTag, { value: "Module" })), Ne = {}, Re = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function De(o, e) {
-  return r(), s("svg", Re, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m33,512h447c21.33,1,32-10.67,32-35,0-128-106.67-189-192-189h-128C106.67,288,0,352,0,480c-.11,21.99,11.33,32.21,33,32Z"
-    }, null, -1),
-    i("circle", {
-      fill: "currentColor",
-      cx: "256",
-      cy: "127",
-      r: "127"
-    }, null, -1)
-  ]));
-}
-const Ee = /* @__PURE__ */ p(Ne, [["render", De]]), Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ee
-}, Symbol.toStringTag, { value: "Module" })), Ae = {}, He = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Ie(o, e) {
-  return r(), s("svg", He, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m220.45,16.12c18.29-17.75,38.39-24.95,64,0l208.5,192.5c20.88,21.19,15,47-17,47l-31.5.5v224c.04,21.44-10.88,32.07-32.32,32.32h-63.85c-21.36-.51-31.86-11.38-32.07-32.07v-128.25c.21-21.63-10.58-32.08-31.88-31.88h-63.88c-21.48-.1-32.04,10.63-31.94,31.94v127.94c-.11,21.25-10.59,31.95-31.77,31.77h-64c-22.05.21-32.5-10.69-32.03-32.03v-223.74l-31.76-.5c-33,0-37-26.88-16-47L220.45,16.12Z"
-    }, null, -1)
-  ]));
-}
-const Ue = /* @__PURE__ */ p(Ae, [["render", Ie]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ue
-}, Symbol.toStringTag, { value: "Module" })), qe = {}, Ge = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function We(o, e) {
-  return r(), s("svg", Ge, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m496.36,59.31c15.08-15.08,15.08-32.92,0-48s-24.92-15.08-40,0L192.33,275.63,56.57,139.87c-15.08-15.08-30.17-15.09-45.25,0-15.08,15.08-15.09,30.17,0,45.25l158.39,158.39c15.08,15.08,30.17,15.09,45.25,0L496.36,59.31Z"
-    }, null, -1)
-  ]));
-}
-const Je = /* @__PURE__ */ p(qe, [["render", We]]), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Je
-}, Symbol.toStringTag, { value: "Module" })), Xe = {}, Ye = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function eo(o, e) {
-  return r(), s("svg", Ye, e[0] || (e[0] = [
-    i("g", null, [
-      i("path", { d: "m256,507c-67.04,0-130.08-26.11-177.48-73.52S5,323.04,5,256,31.11,125.92,78.52,78.52,188.96,5,256,5s130.08,26.11,177.48,73.52,73.52,110.44,73.52,177.48-26.11,130.08-73.52,177.48-110.44,73.52-177.48,73.52Z" }),
-      i("path", {
-        fill: "currentColor",
-        d: "m256,10c33.21,0,65.43,6.5,95.75,19.33,29.29,12.39,55.6,30.13,78.2,52.72s40.33,48.9,52.72,78.2c12.82,30.32,19.33,62.54,19.33,95.75s-6.5,65.43-19.33,95.75c-12.39,29.29-30.13,55.6-52.72,78.2s-48.9,40.33-78.2,52.72c-30.32,12.82-62.54,19.33-95.75,19.33s-65.43-6.5-95.75-19.33c-29.29-12.39-55.6-30.13-78.2-52.72s-40.33-48.9-52.72-78.2c-12.82-30.32-19.33-62.54-19.33-95.75s6.5-65.43,19.33-95.75c12.39-29.29,30.13-55.6,52.72-78.2s48.9-40.33,78.2-52.72c30.32-12.82,62.54-19.33,95.75-19.33m0-10C114.62,0,0,114.62,0,256s114.62,256,256,256,256-114.62,256-256S397.38,0,256,0h0Z"
-      })
-    ], -1),
-    i("path", {
-      fill: "currentColor",
-      d: "m257.5,9.5v495C102.44,488.3,21.16,410.81,8.5,248.5,16.5,128.5,98.26,27.89,257.5,9.5Z"
-    }, null, -1)
-  ]));
-}
-const oo = /* @__PURE__ */ p(Xe, [["render", eo]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: oo
-}, Symbol.toStringTag, { value: "Module" })), to = {}, lo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function no(o, e) {
-  return r(), s("svg", lo, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m256,480c-119.85,0-217.71-94.12-223.71-212.48C25.72,137.84,131.42,29.08,261.23,32.06c58.54,1.34,111.52,25.16,150.69,63.15.02.02.06.02.08,0l22.54-22.54s.02-.06,0-.08C384.4,23.77,314.35-4.69,237.7.64,111.85,9.39,10.68,109.56.81,235.33c-11.82,150.71,106.97,276.67,255.19,276.67,94.72,0,197.27-90.53,208-112,8-16-16-24-24.17-16-17.03,16.67-107.72,96-183.83,96Z"
-    }, null, -1),
-    i("path", {
-      fill: "currentColor",
-      d: "m487,139.34V43.37c0-10.38-12.55-15.58-19.9-8.24l-95.97,95.97c-7.34,7.34-2.14,19.9,8.24,19.9h95.97c6.44,0,11.66-5.22,11.66-11.66Z"
-    }, null, -1)
-  ]));
-}
-const so = /* @__PURE__ */ p(to, [["render", no]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: so
-}, Symbol.toStringTag, { value: "Module" })), co = {}, io = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function uo(o, e) {
-  return r(), s("svg", io, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "M279.6 158.3l168.1 168.1c16.1 16.1-.1 32.5-.1 32.5s-16 15.4-31.9-.5L256.1 198.8l-160 160c-16 16-31.5-.5-31.5-.5s-16.5-15.5-.5-31.5l168.5-168.5c16-16 31-16 47 0z"
-    }, null, -1)
-  ]));
-}
-const vo = /* @__PURE__ */ p(co, [["render", uo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: vo
-}, Symbol.toStringTag, { value: "Module" })), ho = {}, po = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function go(o, e) {
-  return r(), s("svg", po, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "M232.4,353.7L64.3,185.6c-16.1-16.1,0.1-32.5,0.1-32.5s16-15.4,31.9,0.5l159.6,159.6l160-160 c16-16,31.5,0.5,31.5,0.5s16.5,15.5,0.5,31.5c-13,13-168.5,168.5-168.5,168.5C263.4,369.7,248.4,369.7,232.4,353.7z"
-    }, null, -1)
-  ]));
-}
-const bo = /* @__PURE__ */ p(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: bo
-}, Symbol.toStringTag, { value: "Module" })), mo = {}, yo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Co(o, e) {
-  return r(), s("svg", yo, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "M158.3,232.4L326.4,64.3c16.1-16.1,32.5,0.1,32.5,0.1s15.4,16-0.5,31.9L198.8,255.9l160,160 c16,16-0.5,31.5-0.5,31.5s-15.5,16.5-31.5,0.5c-13-13-168.5-168.5-168.5-168.5C142.3,263.4,142.3,248.4,158.3,232.4z"
-    }, null, -1)
-  ]));
-}
-const wo = /* @__PURE__ */ p(mo, [["render", Co]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: wo
-}, Symbol.toStringTag, { value: "Module" })), Fo = {}, $o = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Bo(o, e) {
-  return r(), s("svg", $o, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "M353.7,279.6L185.6,447.7c-16.1,16.1-32.5-0.1-32.5-0.1s-15.4-16,0.5-31.9l159.6-159.6l-160-160 c-16-16,0.5-31.5,0.5-31.5s15.5-16.5,31.5-0.5c13,13,168.5,168.5,168.5,168.5C369.7,248.6,369.7,263.6,353.7,279.6z"
-    }, null, -1)
-  ]));
-}
-const So = /* @__PURE__ */ p(Fo, [["render", Bo]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: So
-}, Symbol.toStringTag, { value: "Module" })), jo = {}, Po = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Mo(o, e) {
-  return r(), s("svg", Po, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m484,508c5.66,5.66,18.34,5.66,24,0,5.66-5.66,5.66-18.34,0-24l-171.29-168.5-22.63,22.63,169.91,169.87Z"
-    }, null, -1),
-    i("path", {
-      fill: "currentColor",
-      d: "m327.76,56.24c-74.98-74.98-196.55-74.98-271.53,0s-74.98,196.55,0,271.53c74.98,74.98,196.55,74.98,271.53,0,74.98-74.98,74.98-196.55,0-271.53Zm-22.63,248.9c-62.48,62.48-163.79,62.48-226.27,0s-62.48-163.79,0-226.27,163.79-62.48,226.27,0,62.48,163.79,0,226.27Z"
-    }, null, -1)
-  ]));
-}
-const zo = /* @__PURE__ */ p(jo, [["render", Mo]]), xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: zo
-}, Symbol.toStringTag, { value: "Module" })), To = {}, Lo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "none",
-  width: "16",
-  height: "16"
-};
-function Vo(o, e) {
-  return r(), s("svg", Lo, e[0] || (e[0] = [
-    i("path", {
-      fill: "currentColor",
-      d: "m345.37.69c-5.57-1.85-11.6,1.15-13.47,6.72l-3.4,10.11c-1.88,5.58,1.12,11.63,6.71,13.51l-.46-.15c84.86,31.87,145.26,113.74,145.26,209.74,0,123.71-100.29,224-224,224S32,364.33,32,240.62c0-96.23,60.69-178.26,145.87-209.97l-.94.3c5.6-1.82,8.67-7.84,6.85-13.44l-3.3-10.14c-1.81-5.56-7.74-8.61-13.31-6.88C69.58,36.6,0,130.47,0,240.62c0,141.38,114.62,256,256,256s256-114.62,256-256c0-109.94-69.32-203.66-166.63-239.92Z"
-    }, null, -1)
-  ]));
-}
-const No = /* @__PURE__ */ p(To, [["render", Vo]]), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: No
-}, Symbol.toStringTag, { value: "Module" })), Do = (o, e, a) => {
-  const t = o[e];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((n, l) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + e + (e.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-}, Eo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Zo = {
-  list: Eo
-}, Ao = /* @__PURE__ */ F({
-  __name: "icon",
-  props: {
-    icon: {
-      type: String,
-      default: "moon",
-      validator: (o) => Zo.list.indexOf(o) > -1
-    },
-    spin: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(o) {
-    const e = o, a = w(() => {
-      const n = e.icon;
-      return U(() => Do(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Ve), "./check.vue": () => Promise.resolve().then(() => Qe), "./chevronDown.vue": () => Promise.resolve().then(() => _o), "./chevronLeft.vue": () => Promise.resolve().then(() => ko), "./chevronRight.vue": () => Promise.resolve().then(() => Oo), "./chevronUp.vue": () => Promise.resolve().then(() => fo), "./circleHalf.vue": () => Promise.resolve().then(() => ro), "./circleNotch.vue": () => Promise.resolve().then(() => Ro), "./house.vue": () => Promise.resolve().then(() => Ke), "./icon.vue": () => Promise.resolve().then(() => Ho), "./magnifyingGlass.vue": () => Promise.resolve().then(() => xo), "./moon.vue": () => Promise.resolve().then(() => Me), "./rotateRight.vue": () => Promise.resolve().then(() => ao), "./sun.vue": () => Promise.resolve().then(() => Be), "./user.vue": () => Promise.resolve().then(() => Ze) }), `./${n}.vue`, 2));
-    }), t = w(() => {
-      let n = ["cm-icon"];
-      return e.spin && n.push("cm-icon_animations_spin"), n;
-    });
-    return (n, l) => (r(), y(K(a.value), {
-      class: h(t.value)
-    }, null, 8, ["class"]));
-  }
-}), k = /* @__PURE__ */ p(Ao, [["__scopeId", "data-v-e8b1cecb"]]), Ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: k
-}, Symbol.toStringTag, { value: "Module" })), Io = { class: "vf-menu__list" }, Uo = {
+const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
+  class: "vf-menu__list",
+  role: "menu"
+}, Ke = {
   key: 1,
-  class: "vf-menu__separator"
-}, Ko = ["onClick"], qo = /* @__PURE__ */ F({
+  class: "vf-menu__separator",
+  role: "separator"
+}, Ge = ["aria-expanded", "onClick", "onKeydown"], io = /* @__PURE__ */ X({
+  name: "VfMenu",
   __name: "menu",
   props: {
     items: {},
     orientation: { default: "vertical" }
   },
-  emits: ["onActive"],
-  setup(o, { emit: e }) {
-    const a = e, t = o, n = (d, v) => `${d.label}_${v.toString()}`, l = (d) => Object.prototype.hasOwnProperty.call(d, "to") ? "router-link" : "a", b = (d) => {
-      Object.prototype.hasOwnProperty.call(d, "items") ? (t.items.map((v) => {
-        v !== d && (v.subMenuVisible = !1);
-      }), d.subMenuVisible = !d.subMenuVisible) : Object.prototype.hasOwnProperty.call(d, "command") && d.command();
-    }, f = (d) => {
-      var v;
-      for (const c in t.items) {
-        const C = t.items[c];
-        Object.prototype.hasOwnProperty.call(C, "items") && ((v = C.items) != null && v.some((P) => P === d) ? (C.active = !0, C.subMenuVisible = !0) : (C.active = !1, C.subMenuVisible = !1));
+  emits: ["active", "onActive"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, n = N([]), c = (d, a) => `${d.label ?? d.to ?? d.href ?? d.url ?? "item"}_${a.toString()}`, s = (d) => d.to ? "router-link" : "a", i = (d) => d.map((a) => ({
+      ...a,
+      items: a.items ? i(a.items) : void 0
+    })), l = (d) => {
+      d.items && d.items.length ? (n.value.map((a) => {
+        a !== d && (a.subMenuVisible = !1);
+      }), d.subMenuVisible = !d.subMenuVisible) : Object.prototype.hasOwnProperty.call(d, "command") && typeof d.command == "function" && d.command();
+    }, u = (d) => {
+      var a;
+      for (const v in n.value) {
+        const f = n.value[v];
+        Object.prototype.hasOwnProperty.call(f, "items") && ((a = f.items) != null && a.some((p) => p === d) ? (f.active = !0, f.subMenuVisible = !0) : (f.active = !1, f.subMenuVisible = !1));
       }
-      a("onActive", d);
+      r("active", d), r("onActive", d);
     };
-    return (d, v) => (r(), s("div", {
-      class: h(["vf-menu", `vf-menu_${d.orientation}`])
-    }, [
-      i("ul", Io, [
-        (r(!0), s(M, null, G(d.items, (c, C) => (r(), s("li", {
-          key: n(c, C),
-          class: "vf-menu__item"
-        }, [
-          d.$slots[n(c, C)] ? u(d.$slots, n(c, C), {
-            key: 0,
-            item: { ...c, class: "vf-menu__link" }
-          }) : c.separator ? (r(), s("hr", Uo)) : c.hasOwnProperty("items") ? (r(), s(M, { key: 2 }, [
-            i("div", {
-              class: h(["vf-menu__parent", { "vf-menu__parent_active": c.active }]),
-              onClick: (P) => b(c)
-            }, [
-              c.icon ? (r(), y(g(k), {
-                key: 0,
-                icon: c.icon,
-                class: "vf-menu__icon"
-              }, null, 8, ["icon"])) : m("", !0),
-              z(" " + O(c.label) + " ", 1),
-              S(g(k), { icon: "chevronDown" })
-            ], 10, Ko),
-            c.items ? (r(), y(g(qo), {
+    return le(
+      () => o.items,
+      (d) => {
+        n.value = i(d);
+      },
+      { deep: !0, immediate: !0 }
+    ), (d, a) => {
+      const v = be("VfMenu");
+      return g(), h("div", {
+        class: C(["vf-menu", `vf-menu_${d.orientation}`])
+      }, [
+        B("ul", Ye, [
+          (g(!0), h(oe, null, ge(n.value, (f, p) => (g(), h("li", {
+            key: c(f, p),
+            class: "vf-menu__item",
+            role: "none"
+          }, [
+            d.$slots[c(f, p)] ? k(d.$slots, c(f, p), {
               key: 0,
-              items: c.items,
-              class: h(["vf-menu__submenu", { "vf-menu__submenu_visible": c.subMenuVisible }]),
-              onOnActive: f
-            }, null, 8, ["items", "class"])) : m("", !0)
-          ], 64)) : (r(), y(g(T), {
-            key: 3,
-            to: c.to,
-            url: c.url,
-            type: l(c),
-            class: "vf-menu__link",
-            active: c.active,
-            disabled: c.disabled,
-            onClick: (P) => b(c),
-            onOnActive: (P) => f(c)
-          }, {
-            default: _(() => [
-              c.icon ? (r(), y(g(k), {
+              item: { ...f, class: "vf-menu__link" }
+            }) : f.separator ? (g(), h("hr", Ke)) : f.items && f.items.length ? (g(), h(oe, { key: 2 }, [
+              B("div", {
+                class: C(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
+                role: "menuitem",
+                tabindex: "0",
+                "aria-expanded": f.subMenuVisible ? "true" : "false",
+                onClick: (y) => l(f),
+                onKeydown: [
+                  K(G((y) => l(f), ["prevent"]), ["enter"]),
+                  K(G((y) => l(f), ["prevent"]), ["space"])
+                ]
+              }, [
+                f.icon ? (g(), W(U(Z), {
+                  key: 0,
+                  icon: f.icon,
+                  class: "vf-menu__icon"
+                }, null, 8, ["icon"])) : _("", !0),
+                J(" " + M(f.label) + " ", 1),
+                he(U(Z), { icon: "chevronDown" })
+              ], 42, Ge),
+              f.items ? (g(), W(v, {
                 key: 0,
-                icon: c.icon,
-                class: "vf-menu__icon"
-              }, null, 8, ["icon"])) : m("", !0),
-              z(" " + O(c.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["to", "url", "type", "active", "disabled", "onClick", "onOnActive"]))
-        ]))), 128))
-      ])
-    ], 2));
+                items: f.items,
+                class: C(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
+                onOnActive: u
+              }, null, 8, ["items", "class"])) : _("", !0)
+            ], 64)) : (g(), W(ke, {
+              key: 3,
+              to: f.to,
+              href: f.href ?? f.url,
+              as: s(f),
+              class: "vf-menu__link",
+              active: f.active,
+              disabled: f.disabled,
+              role: "menuitem",
+              "aria-disabled": f.disabled ? "true" : "false",
+              onClick: (y) => l(f),
+              onActive: (y) => u(f)
+            }, {
+              default: I(() => [
+                f.icon ? (g(), W(U(Z), {
+                  key: 0,
+                  icon: f.icon,
+                  class: "vf-menu__icon"
+                }, null, 8, ["icon"])) : _("", !0),
+                J(" " + M(f.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
+          ]))), 128))
+        ])
+      ], 2);
+    };
   }
-}), Go = {}, Wo = { class: "vf-header" };
-function Jo(o, e) {
-  return r(), s("header", Wo, [
-    u(o.$slots, "default")
-  ]);
-}
-const Qo = /* @__PURE__ */ $(Go, [["render", Jo]]), Xo = {}, Yo = { class: "vf-footer" };
-function er(o, e) {
-  return r(), s("footer", Yo, [
-    u(o.$slots, "default")
-  ]);
-}
-const or = /* @__PURE__ */ $(Xo, [["render", er]]), rr = ["disabled"], zr = /* @__PURE__ */ F({
+}), qe = ["type", "disabled"], co = /* @__PURE__ */ X({
   __name: "button",
   props: {
     to: { default: void 0 },
+    href: { default: void 0 },
+    url: { default: void 0 },
+    as: { default: void 0 },
     icon: { default: void 0 },
     type: { default: "button" },
     size: { default: "normal" },
@@ -613,151 +220,991 @@ const or = /* @__PURE__ */ $(Xo, [["render", er]]), rr = ["disabled"], zr = /* @
     severity: { default: "primary" },
     disabled: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    const e = o, a = w(() => {
-      let l = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && l.push("vf-button_vertical"), e.variant === "text" && l.push("vf-button_text"), e.variant === "outlined" && l.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && l.push(`vf-button_${e.size}`), (e.loading || e.disabled) && l.push("vf-button_disabled"), e.rounded && l.push("vf-button_rounded"), l;
-    }), t = w(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), n = w(() => ["vf-button__label"]);
-    return (l, b) => e.type === "button" ? (r(), s("button", {
+  setup(t) {
+    const e = t, r = ["button", "submit", "reset"], o = (d) => !!d && r.includes(d), n = w(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), c = w(() => o(e.type) ? e.type : "button"), s = w(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), i = w(() => {
+      let d = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && d.push("vf-button_vertical"), e.variant === "text" && d.push("vf-button_text"), e.variant === "outlined" && d.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && d.push(`vf-button_${e.size}`), (e.loading || e.disabled) && d.push("vf-button_disabled"), e.rounded && d.push("vf-button_rounded"), d;
+    }), l = w(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = w(() => ["vf-button__label"]);
+    return (d, a) => n.value ? (g(), h("button", {
       key: 0,
-      class: h(a.value),
+      type: c.value,
+      class: C(i.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (r(), y(g(k), {
+      e.icon && !e.loading ? (g(), W(U(Z), {
         key: 0,
         icon: e.icon,
-        class: h(t.value)
-      }, null, 8, ["icon", "class"])) : m("", !0),
-      e.loading ? (r(), y(g(k), {
+        class: C(l.value)
+      }, null, 8, ["icon", "class"])) : _("", !0),
+      e.loading ? (g(), W(U(Z), {
         key: 1,
         icon: "circleNotch",
-        class: h(t.value),
+        class: C(l.value),
         spin: ""
-      }, null, 8, ["class"])) : m("", !0),
-      l.$slots.default ? (r(), s("span", {
+      }, null, 8, ["class"])) : _("", !0),
+      d.$slots.default ? (g(), h("span", {
         key: 2,
-        class: h(n.value)
+        class: C(u.value)
       }, [
-        u(l.$slots, "default")
-      ], 2)) : l.label ? (r(), s("span", {
+        k(d.$slots, "default")
+      ], 2)) : d.label ? (g(), h("span", {
         key: 3,
-        class: h(n.value)
-      }, O(l.label), 3)) : m("", !0)
-    ], 10, rr)) : (r(), y(g(T), {
+        class: C(u.value)
+      }, M(d.label), 3)) : _("", !0)
+    ], 10, qe)) : (g(), W(ke, {
       key: 1,
       to: e.to,
-      type: e.type,
-      class: h(a.value),
+      href: e.href ?? e.url,
+      as: s.value,
+      class: C(i.value),
       disabled: e.loading || e.disabled
     }, {
-      default: _(() => [
-        e.icon ? (r(), y(g(k), {
+      default: I(() => [
+        e.icon ? (g(), W(U(Z), {
           key: 0,
           icon: e.icon,
-          class: h(t.value)
-        }, null, 8, ["icon", "class"])) : m("", !0),
-        l.$slots.default ? (r(), s("span", {
+          class: C(l.value)
+        }, null, 8, ["icon", "class"])) : _("", !0),
+        d.$slots.default ? (g(), h("span", {
           key: 1,
-          class: h(n.value)
+          class: C(u.value)
         }, [
-          u(l.$slots, "default")
-        ], 2)) : l.label ? (r(), s("span", {
+          k(d.$slots, "default")
+        ], 2)) : d.label ? (g(), h("span", {
           key: 2,
-          class: h(n.value)
-        }, O(l.label), 3)) : m("", !0)
+          class: C(u.value)
+        }, M(d.label), 3)) : _("", !0)
       ]),
       _: 3
-    }, 8, ["to", "type", "class", "disabled"]));
+    }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), tr = {}, lr = { class: "vf-content" };
-function nr(o, e) {
-  return r(), s("div", lr, [
-    u(o.$slots, "default")
-  ]);
+}), Ue = {
+  key: 0,
+  class: "vf-input__prefix"
+}, Ze = ["type", "value", "placeholder", "disabled", "readonly"], Je = {
+  key: 1,
+  class: "vf-input__suffix"
+}, uo = /* @__PURE__ */ X({
+  __name: "input",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "normal" },
+    variant: { default: "filled" }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, n = w(() => {
+      const u = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && u.push(`vf-input_${o.size}`), o.disabled && u.push("vf-input_disabled"), u;
+    }), c = (u) => {
+      const d = u.target;
+      r("update:modelValue", d.value), r("input", u);
+    }, s = (u) => r("change", u), i = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, d) => (g(), h("div", {
+      class: C(n.value)
+    }, [
+      u.$slots.prefix ? (g(), h("span", Ue, [
+        k(u.$slots, "prefix")
+      ])) : _("", !0),
+      B("input", {
+        class: "vf-input__control",
+        type: u.type,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        onInput: c,
+        onChange: s,
+        onFocus: i,
+        onBlur: l
+      }, null, 40, Ze),
+      u.$slots.suffix ? (g(), h("span", Je, [
+        k(u.$slots, "suffix")
+      ])) : _("", !0)
+    ], 2));
+  }
+}), ue = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], P = (t) => {
+  if (t == null || !(t instanceof HTMLElement))
+    return null;
+  if (typeof window < "u") {
+    const e = window.getComputedStyle(t), r = `${e.overflowX}${e.overflowY}`;
+    if (/(auto|scroll|overlay)/.test(r))
+      return t;
+  }
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : P(t.parentNode);
+};
+function Qe(t) {
+  return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const sr = /* @__PURE__ */ $(tr, [["render", nr]]), ar = { class: "vf-popover" }, xr = /* @__PURE__ */ F({
+const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y = (t, e) => et(t, e) === "fixed", R = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, c = e ? Y(r, e) : !1;
+  if (n && !c) {
+    const s = n.getBoundingClientRect(), i = n.scrollLeft, l = n.scrollTop;
+    return {
+      left: o.left - s.left + i,
+      top: o.top - s.top + l,
+      width: o.width,
+      height: o.height
+    };
+  }
+  return {
+    left: o.left,
+    top: o.top,
+    width: o.width,
+    height: o.height
+  };
+}, j = (t, e) => {
+  var r;
+  return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
+}, Ce = (t, e) => !!j(t, e), tt = (t) => {
+  const e = P(t);
+  let r = "";
+  return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
+}, ot = (t) => t.scrollLeft + t.clientWidth, rt = (t) => t.scrollTop + t.clientHeight, L = (t, e, r = null, o = {}, n) => {
+  if (r === null && typeof window < "u" && Y(o, e))
+    return t;
+  let c = 0;
+  if (r === null) {
+    const s = P(e);
+    c = s ? s.scrollTop : 0;
+  }
+  return t - c;
+}, V = (t, e, r = null, o = {}, n) => {
+  let c;
+  if (r === null && typeof window < "u" && Y(o, e))
+    c = window.innerWidth;
+  else if (r === null) {
+    const s = P(e);
+    c = s ? ot(s) : 0;
+  } else
+    c = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - c);
+}, O = (t, e, r = null, o = {}, n) => {
+  let c;
+  if (r === null && typeof window < "u" && Y(o, e))
+    c = window.innerHeight;
+  else if (r === null) {
+    const s = P(e);
+    c = s ? rt(s) : 0;
+  } else
+    c = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - c);
+}, z = (t, e, r = null, o = {}, n) => {
+  if (r === null && typeof window < "u" && Y(o, e))
+    return t;
+  let c = 0;
+  if (r === null) {
+    const s = P(e);
+    c = s ? s.scrollLeft : 0;
+  }
+  return t - c;
+}, fe = ({
+  options: t,
+  primaryX: e,
+  primaryY: r,
+  floating: o,
+  placement: n,
+  reference: c,
+  scrollDirection: s
+}) => {
+  const i = ae(c, o, n, t), l = j(t, "offset");
+  if (l) {
+    const u = l.fn({
+      x: i.x,
+      y: i.y,
+      options: t,
+      primaryX: e,
+      primaryY: r,
+      floating: o,
+      placement: n,
+      reference: c,
+      scrollDirection: s
+    });
+    i.x = u.x, i.y = u.y;
+  }
+  return _t(i, o, c, t) ? {
+    x: i.x,
+    y: i.y,
+    placement: n
+  } : !1;
+}, nt = (t) => ({
+  name: "flip",
+  params: t,
+  fn: ({
+    x: e,
+    y: r,
+    options: o,
+    primaryX: n,
+    primaryY: c,
+    floating: s,
+    placement: i,
+    reference: l,
+    scrollDirection: u
+  }) => {
+    var d;
+    const a = {
+      x: e,
+      y: r,
+      placement: i
+    }, v = {
+      ...o,
+      middleware: (d = o.middleware) == null ? void 0 : d.filter((x) => x.name !== "shift")
+    }, f = (t == null ? void 0 : t.placements) ?? ue, p = !(t != null && t.placements), y = p ? ue : f;
+    let m = !1;
+    const Q = (x) => {
+      if (m)
+        return;
+      const $ = fe({
+        options: v,
+        primaryX: n,
+        primaryY: c,
+        floating: s,
+        placement: x,
+        reference: l,
+        scrollDirection: u
+      });
+      $ && (a.x = $.x, a.y = $.y, a.placement = $.placement, m = !0);
+    }, ee = $t(l, s, v);
+    if (!p && f.includes(i) && Q(i), m || y.forEach(Q), !m) {
+      const x = f.reduce(
+        ($, H) => {
+          const A = fe({
+            options: v,
+            primaryX: n,
+            primaryY: c,
+            floating: s,
+            placement: H,
+            reference: l,
+            scrollDirection: u
+          });
+          if (!A)
+            return $;
+          const S = te(H), D = ee[S];
+          return !$ || D > $.space ? { result: A, space: D } : $;
+        },
+        null
+      );
+      x && (a.x = x.result.x, a.y = x.result.y, a.placement = x.result.placement, m = !0);
+    }
+    if (!m && f.length > 0) {
+      const x = te(i);
+      let $ = x, H = ee[x];
+      f.forEach((q) => {
+        const b = te(q), F = ee[b];
+        F > H && (H = F, $ = b);
+      });
+      const A = Ft($, i, f), S = ae(l, s, A, v), D = j(v, "offset");
+      if (D) {
+        const q = D.fn({
+          x: S.x,
+          y: S.y,
+          options: v,
+          primaryX: n,
+          primaryY: c,
+          floating: s,
+          placement: A,
+          reference: l,
+          scrollDirection: u
+        });
+        S.x = q.x, S.y = q.y;
+      }
+      a.x = S.x, a.y = S.y, a.placement = S.placement;
+    }
+    return a;
+  }
+}), lt = (t, e, r, o, n) => {
+  var c, s, i;
+  let l = 0;
+  o.startsWith("right") ? l = -2 : o.startsWith("left") && (l = t);
+  const u = j(e, "arrow"), d = j(e, "shift");
+  if (u) {
+    const a = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= a.width / 2 : o.startsWith("left") && (l += a.width / 2);
+  }
+  if (Ce(e, "shift") && u) {
+    let a = null, v = 0;
+    d && (a = (s = d.params) == null ? void 0 : s.parent);
+    const f = (i = u.params) == null ? void 0 : i.arrow;
+    v = f.getBoundingClientRect().width / 2, v += it(f), v -= t, o.startsWith("right") ? V(r - l, n, a, e) <= t ? V(r, n, a, e) > 0 ? l = t - V(r, n, a, e) : l = t : z(r - l - v, n, a, e) <= t && (z(r - l - v, n, a, e) >= 0 ? (l = -2 - (z(r - l - v, n, a, e) + t), a && (l = -2)) : l = -2) : o.startsWith("left") ? V(r - l + v, n, a, e) <= t ? (l = t + V(r - v, n, a, e), l <= t && (l = t)) : z(r - l, n, a, e) <= t && (l = -2 + z(r, n, a, e), l <= -2 && (l = -2)) : V(r - l, n, a, e) <= t ? V(r - l, n, a, e) <= t && V(r, n, a, e) > 0 ? l = t - V(r, n, a, e) : l = t : z(r - l, n, a, e) <= t && (z(r - l, n, a, e) <= t && z(r, n, a, e) > 0 ? l = -(t - z(r, n, a, e)) : l = -2);
+  }
+  return l;
+}, at = (t, e, r, o, n) => {
+  var c, s, i;
+  let l = 0;
+  o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -2);
+  const u = j(e, "arrow"), d = j(e, "shift");
+  if (u) {
+    const a = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += a.height / 2 : o.startsWith("bottom") && (l -= a.height / 2);
+  }
+  if (Ce(e, "shift") && u) {
+    let a = null, v = 0;
+    d && (a = (s = d.params) == null ? void 0 : s.parent);
+    const f = (i = u.params) == null ? void 0 : i.arrow;
+    v = f.getBoundingClientRect().height / 2, v += ct(f), v -= t, o.startsWith("top") ? L(r - l, n, a, e) <= t ? L(r, n, a, e) >= 0 ? l = -(t - L(r, n, a, e)) : l = -2 : O(r - l + v, n, a, e) <= t && (l = t + O(r - v, n, a, e), l <= t && (l = t)) : o.startsWith("bottom") ? L(r - l - v, n, a, e) <= t ? L(r - l - v, n, a, e) >= 0 ? (l = -2 - (L(r - l - v, n, a, e) + t), a && (l = -2)) : l = -2 : O(r - l, n, a, e) <= t && (O(r, n, a, e) >= 0 ? l = t - O(r, n, a, e) : l = t) : L(r - l, n, a, e) <= t ? L(r - l, n, a, e) >= 0 ? l = -(t - L(r - l, n, a, e)) : l = -2 : O(r - l, n, a, e) <= t && (O(r - l, n, a, e) >= 0 ? l = t - O(r - l, n, a, e) : l = t);
+  }
+  return l;
+}, st = (t) => ({
+  name: "offset",
+  params: { value: t },
+  fn: ({
+    x: e,
+    y: r,
+    options: o,
+    primaryX: n,
+    primaryY: c,
+    floating: s,
+    placement: i
+  }) => ({
+    x: e - lt(t, o, n, i, s),
+    y: r - at(t, o, c, i, s),
+    placement: i
+  })
+}), it = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, ct = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, dt = (t, e) => {
+  const r = P(t), o = [];
+  if (r !== null) {
+    const n = () => e();
+    r.addEventListener("scroll", n, !1), o.push(() => r.removeEventListener("scroll", n, !1));
+  }
+  if (typeof window < "u") {
+    const n = () => e(), c = () => e();
+    window.addEventListener("scroll", n, !1), window.addEventListener("resize", c, !1), o.push(() => window.removeEventListener("scroll", n, !1)), o.push(() => window.removeEventListener("resize", c, !1));
+  }
+  if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
+    const n = new ResizeObserver(() => e());
+    n.observe(t), o.push(() => n.disconnect());
+  }
+  return () => o.forEach((n) => n());
+}, ut = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
+    y: o.top - e.getBoundingClientRect().height,
+    placement: "top"
+  };
+}, ft = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left,
+    y: o.top - e.getBoundingClientRect().height,
+    placement: "top-start"
+  };
+}, vt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width + o.width,
+    y: o.top - e.getBoundingClientRect().height,
+    placement: "top-end"
+  };
+}, pt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left + o.width,
+    y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
+    placement: "right"
+  };
+}, bt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left + o.width,
+    y: o.top,
+    placement: "right-start"
+  };
+}, gt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left + o.width,
+    y: o.top + o.height - e.getBoundingClientRect().height,
+    placement: "right-end"
+  };
+}, ht = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
+    y: o.top + o.height,
+    placement: "bottom"
+  };
+}, mt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left,
+    y: o.top + o.height,
+    placement: "bottom-start"
+  };
+}, yt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width + o.width,
+    y: o.top + o.height,
+    placement: "bottom-end"
+  };
+}, kt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width,
+    y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
+    placement: "left"
+  };
+}, Ct = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width,
+    y: o.top,
+    placement: "left-start"
+  };
+}, wt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width,
+    y: o.top + o.height - e.getBoundingClientRect().height,
+    placement: "left-end"
+  };
+}, ae = (t, e, r, o = {}) => {
+  switch (r) {
+    case "top":
+      return ut(t, e, o);
+    case "top-start":
+      return ft(t, e, o);
+    case "top-end":
+      return vt(t, e, o);
+    case "right":
+      return pt(t, e, o);
+    case "right-start":
+      return bt(t, e, o);
+    case "right-end":
+      return gt(t, e, o);
+    case "bottom":
+      return ht(t, e, o);
+    case "bottom-start":
+      return mt(t, e, o);
+    case "bottom-end":
+      return yt(t, e, o);
+    case "left":
+      return kt(t, e, o);
+    case "left-start":
+      return Ct(t, e, o);
+    case "left-end":
+      return wt(t, e, o);
+    default:
+      return {
+        x: 0,
+        y: 0,
+        placement: ""
+      };
+  }
+}, _t = (t, e, r, o = {}) => {
+  if (Y(o, e)) {
+    if (typeof window > "u")
+      return !0;
+    const a = t.x, v = t.y, f = a + e.clientWidth, p = v + e.clientHeight;
+    return a >= 0 && v >= 0 && f <= window.innerWidth && p <= window.innerHeight;
+  }
+  if (P(r) !== null)
+    return L(t.y, e, null, o) > 0 && V(t.x, e, null, o) > 0 && O(t.y, e, null, o) > 0 && z(t.x, e, null, o) > 0;
+  if (typeof window > "u")
+    return !0;
+  const n = window.innerWidth, c = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (s) {
+    const a = s.getBoundingClientRect(), v = a.left + t.x, f = a.top + t.y, p = v + e.clientWidth, y = f + e.clientHeight;
+    return v >= 0 && f >= 0 && p <= n && y <= c;
+  }
+  const i = t.x, l = t.y, u = i + e.clientWidth, d = l + e.clientHeight;
+  return i >= 0 && l >= 0 && u <= n && d <= c;
+}, te = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Ft = (t, e, r) => te(e) === t && r.includes(e) ? e : r.find((o) => te(o) === t) ?? r[0], $t = (t, e, r = {}) => {
+  if (typeof window > "u")
+    return {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    };
+  const o = Y(r, e) ? null : P(t), n = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
+    top: 0,
+    left: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight
+  };
+  return {
+    top: n.top - c.top,
+    right: c.right - n.right,
+    bottom: c.bottom - n.bottom,
+    left: n.left - c.left
+  };
+}, Bt = (t, e, r = {}) => new Promise((o) => {
+  var n, c;
+  const s = r.placement ? r.placement : "bottom", i = {
+    x: 0,
+    y: 0,
+    placement: s,
+    middlewareData: {}
+  }, l = ae(t, e, s, r);
+  i.x = l.x, i.y = l.y, i.placement = l.placement;
+  const u = i.x, d = i.y, a = tt(t);
+  (n = r.middleware) == null || n.forEach((y) => {
+    const m = y.fn({
+      x: i.x,
+      y: i.y,
+      options: r,
+      primaryX: u,
+      primaryY: d,
+      floating: e,
+      placement: i.placement,
+      reference: t,
+      scrollDirection: a
+    });
+    i.x = m.x, i.y = m.y, i.placement = m.placement, y.name === "arrow" && (m.baseX = m.x, m.baseY = m.y, m.x = m.arrowX ?? m.x, m.y = m.arrowY ?? m.y), i.middlewareData[y.name] = m;
+  });
+  const v = ae(t, e, i.placement, r), f = j(r, "offset"), p = f ? (c = f.params) == null ? void 0 : c.value : 0;
+  if (Number.isFinite(i.x) || (i.x = v.x), !Number.isFinite(i.y))
+    if (Y(r, e)) {
+      const y = t.getBoundingClientRect(), m = e.getBoundingClientRect().height;
+      i.placement.startsWith("top") ? i.y = y.top - m - p : i.placement.startsWith("bottom") ? i.y = y.bottom + p : i.y = v.y;
+    } else
+      i.y = v.y;
+  o(i);
+}), xt = ["disabled", "aria-expanded", "onKeydown"], Tt = ["data-placement"], Rt = ["disabled", "aria-selected", "onClick"], fo = /* @__PURE__ */ X({
+  __name: "select",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: () => [] },
+    optionLabel: { default: "label" },
+    optionValue: { default: "value" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "normal" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(t, { emit: e }) {
+    let r = 0;
+    const o = e, n = t, c = N(null), s = N(null), i = N(null), l = N(!1), u = N("bottom"), d = N("bottom"), a = `vf-select-panel-${++r}`;
+    let v = null;
+    const f = w(() => n.options.map((b) => ({
+      label: b[n.optionLabel],
+      value: b[n.optionValue],
+      disabled: b.disabled
+    }))), p = w(() => f.value.find((b) => b.value === n.modelValue)), y = w(() => {
+      var b;
+      return ((b = p.value) == null ? void 0 : b.label) ?? "";
+    }), m = w(() => {
+      const b = ["vf-select", l.value ? "vf-select_open" : ""];
+      return n.size !== "normal" && b.push(`vf-select_${n.size}`), n.disabled && b.push("vf-select_disabled"), b.filter(Boolean);
+    }), Q = (b) => b.value === n.modelValue, ee = (b) => {
+      b.disabled || (o("update:modelValue", b.value), o("change", b.value), H());
+    }, x = (b) => o("focus", b), $ = (b) => o("blur", b), H = () => {
+      l.value = !1, u.value = "bottom", d.value = "bottom";
+    }, A = () => {
+      n.disabled || (l.value = !l.value, l.value && (u.value = "bottom", d.value = "bottom"));
+    }, S = async () => {
+      var b, F;
+      l.value || (l.value = !0, await de()), (F = (b = i.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
+    }, D = (b) => {
+      var T;
+      if (!l.value || !c.value)
+        return;
+      const F = b.target;
+      c.value.contains(F) || (T = i.value) != null && T.contains(F) || H();
+    }, q = () => {
+      if (!s.value || !i.value)
+        return;
+      const b = s.value, F = i.value, T = async () => {
+        const {
+          x: Be,
+          y: xe,
+          placement: Te
+        } = await Bt(b, F, {
+          placement: u.value,
+          strategy: "fixed",
+          middleware: [st(2), nt({ placements: ["bottom", "top"] })]
+        });
+        d.value = Te ?? u.value, F.style.minWidth = `${b.getBoundingClientRect().width}px`, F.style.left = `${Be}px`, F.style.top = `${xe}px`;
+      }, re = async () => {
+        await T();
+      }, $e = dt(b, () => {
+        re();
+      }), ne = () => {
+        re();
+      };
+      document.addEventListener("scroll", ne, !0), window.addEventListener("resize", ne, !1), v = {
+        update: re,
+        destroy: () => {
+          $e(), document.removeEventListener("scroll", ne, !0), window.removeEventListener("resize", ne, !1);
+        }
+      }, v.update();
+    };
+    return le(l, async (b) => {
+      if (!b) {
+        v && (v.destroy(), v = null);
+        return;
+      }
+      await de(), v || q(), v == null || v.update();
+    }), le(
+      () => n.options,
+      () => {
+        v == null || v.update();
+      },
+      { deep: !0 }
+    ), Re(() => {
+      document.addEventListener("click", D);
+    }), Se(() => {
+      document.removeEventListener("click", D), v == null || v.destroy(), v = null;
+    }), (b, F) => (g(), h("div", {
+      ref_key: "root",
+      ref: c,
+      class: C(m.value)
+    }, [
+      B("button", {
+        ref_key: "trigger",
+        ref: s,
+        class: "vf-select__control",
+        type: "button",
+        disabled: b.disabled,
+        "aria-expanded": l.value,
+        "aria-controls": a,
+        "aria-haspopup": "listbox",
+        onClick: A,
+        onKeydown: [
+          K(G(S, ["prevent"]), ["down"]),
+          K(G(A, ["prevent"]), ["enter"]),
+          K(G(H, ["prevent"]), ["esc"])
+        ],
+        onFocus: x,
+        onBlur: $
+      }, [
+        B("span", {
+          class: C(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
+        }, M(y.value || b.placeholder), 3),
+        F[0] || (F[0] = B("span", {
+          class: "vf-select__chevron",
+          "aria-hidden": "true"
+        }, "▾", -1))
+      ], 40, xt),
+      (g(), W(Le, { to: "body" }, [
+        me(B("div", {
+          id: a,
+          ref_key: "panel",
+          ref: i,
+          class: "vf-select__panel",
+          role: "listbox",
+          "data-placement": d.value
+        }, [
+          (g(!0), h(oe, null, ge(f.value, (T) => (g(), h("button", {
+            key: T.value,
+            class: C(["vf-select__option", { "is-active": Q(T), "is-disabled": T.disabled }]),
+            type: "button",
+            role: "option",
+            disabled: T.disabled,
+            "aria-selected": Q(T),
+            onClick: (re) => ee(T)
+          }, M(T.label), 11, Rt))), 128))
+        ], 8, Tt), [
+          [ye, l.value]
+        ])
+      ]))
+    ], 2));
+  }
+}), St = ["checked", "disabled"], Lt = {
+  key: 0,
+  class: "vf-checkbox__label"
+}, vo = /* @__PURE__ */ X({
+  __name: "checkbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, n = w(() => {
+      const s = ["vf-checkbox"];
+      return o.disabled && s.push("vf-checkbox_disabled"), s;
+    }), c = (s) => {
+      const i = s.target;
+      r("update:modelValue", i.checked), r("change", s);
+    };
+    return (s, i) => (g(), h("label", {
+      class: C(n.value)
+    }, [
+      B("input", {
+        class: "vf-checkbox__control",
+        type: "checkbox",
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: c
+      }, null, 40, St),
+      i[0] || (i[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
+      s.label || s.$slots.default ? (g(), h("span", Lt, [
+        k(s.$slots, "default", {}, () => [
+          J(M(s.label), 1)
+        ])
+      ])) : _("", !0)
+    ], 2));
+  }
+}), Vt = ["checked", "disabled"], zt = {
+  key: 0,
+  class: "vf-switch__label"
+}, po = /* @__PURE__ */ X({
+  __name: "switch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, n = w(() => {
+      const s = ["vf-switch"];
+      return o.disabled && s.push("vf-switch_disabled"), s;
+    }), c = (s) => {
+      const i = s.target;
+      r("update:modelValue", i.checked), r("change", s);
+    };
+    return (s, i) => (g(), h("label", {
+      class: C(n.value)
+    }, [
+      B("input", {
+        class: "vf-switch__control",
+        type: "checkbox",
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: c
+      }, null, 40, Vt),
+      i[0] || (i[0] = B("span", { class: "vf-switch__track" }, [
+        B("span", { class: "vf-switch__thumb" })
+      ], -1)),
+      s.label || s.$slots.default ? (g(), h("span", zt, [
+        k(s.$slots, "default", {}, () => [
+          J(M(s.label), 1)
+        ])
+      ])) : _("", !0)
+    ], 2));
+  }
+}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], bo = /* @__PURE__ */ X({
   __name: "popover",
-  emits: ["onClick"],
-  setup(o, { expose: e, emit: a }) {
-    const t = a, n = W({ visible: !1 }), l = () => n.visible = !0, b = () => n.visible = !1, f = () => n.visible = !n.visible, d = () => t("onClick");
-    return e({ show: l, hide: b, toggle: f }), (v, c) => (r(), s("div", ar, [
-      i("div", {
+  emits: ["click", "onClick"],
+  setup(t, { expose: e, emit: r }) {
+    const o = r, n = Ve({ visible: !1 });
+    let c = 0;
+    const s = `vf-popover-panel-${++c}`, i = () => n.visible = !0, l = () => n.visible = !1, u = () => n.visible = !n.visible, d = () => {
+      u(), o("click"), o("onClick");
+    };
+    return e({ show: i, hide: l, toggle: u }), (a, v) => (g(), h("div", Wt, [
+      B("div", {
         class: "vf-popover__button",
-        onClick: d
+        role: "button",
+        tabindex: "0",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.visible,
+        "aria-controls": s,
+        onClick: d,
+        onKeydown: [
+          K(G(d, ["prevent"]), ["enter"]),
+          K(G(d, ["prevent"]), ["space"])
+        ]
       }, [
-        u(v.$slots, "button")
-      ]),
-      J(S(g(_e), { class: "vf-popover__wrapper" }, Q({
-        default: _(() => [
-          c[0] || (c[0] = i("div", { class: "vf-popover__arrow" }, null, -1))
+        k(a.$slots, "button")
+      ], 40, Mt),
+      me(he(Xe, {
+        id: s,
+        class: "vf-popover__wrapper"
+      }, ze({
+        default: I(() => [
+          v[0] || (v[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        v.$slots.default ? {
+        a.$slots.default ? {
           name: "default",
-          fn: _(() => [
-            u(v.$slots, "default")
+          fn: I(() => [
+            k(a.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        v.$slots.popoverHeader ? {
+        a.$slots.header || a.$slots.popoverHeader ? {
           name: "header",
-          fn: _(() => [
-            u(v.$slots, "popoverHeader")
+          fn: I(() => [
+            k(a.$slots, "header"),
+            a.$slots.header ? _("", !0) : k(a.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        v.$slots.popoverBody ? {
+        a.$slots.body || a.$slots.popoverBody ? {
           name: "body",
-          fn: _(() => [
-            u(v.$slots, "popoverBody")
+          fn: I(() => [
+            k(a.$slots, "body"),
+            a.$slots.body ? _("", !0) : k(a.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        v.$slots.popoverFooter ? {
+        a.$slots.footer || a.$slots.popoverFooter ? {
           name: "footer",
-          fn: _(() => [
-            u(v.$slots, "popoverFooter")
+          fn: I(() => [
+            k(a.$slots, "footer"),
+            a.$slots.footer ? _("", !0) : k(a.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [X, n.visible]
+        [ye, n.visible]
       ])
     ]));
   }
-}), cr = {}, ir = { class: "vf-container" };
-function ur(o, e) {
-  return r(), s("div", ir, [
-    u(o.$slots, "default")
-  ]);
-}
-const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replace(/^#/, "").replace(/../g, (a) => ("0" + Math.min(255, Math.max(0, parseInt(a, 16) + e)).toString(16)).slice(-2)), dr = (o, e) => Z(o, 16 * e), vr = (o, e) => Z(o, -16 * e), R = (o) => {
-  const e = parseInt(o.replace("#", ""), 16), a = e >> 16 & 255, t = e >> 8 & 255, n = e & 255;
-  return `${a}, ${t}, ${n}`;
-}, fr = (o) => {
-  const e = o.replace(/([A-Z])/g, "-$1");
+}), Ht = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ot = (t) => {
+  const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, j = (o) => o.filter((e) => !hr.includes(e)).map((e) => fr(e)).join("-").toLowerCase(), hr = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], B = [], x = [], A = (o, e = []) => {
-  for (const a in o) {
-    const t = o[a], n = e.concat([a]);
-    if (typeof t == "object")
-      A(t, n);
-    else if (n.some((l) => l === "theme") && n.some((l) => l === "preset")) {
-      if (n.some((l) => l === "colorScheme") && n.some((l) => l === "dark"))
-        x.push(`--vf-${j(n)}: ${t}`);
-      else if (B.push(`--vf-${j(n)}: ${t}`), n.some((l) => l === "colors") && (B.push(`--vf-${j(n)}-rgb: ${R(t)}`), a !== "white"))
-        for (let l = 1; l < 10; ++l) {
-          let b;
-          l < 5 ? b = dr(t, 5 - l) : b = vr(t, l - 5), B.push(`--vf-${j(n)}-${l}00: ${b}`), B.push(`--vf-${j(n)}-${l}00-rgb: ${R(b)}`);
-        }
+}, Et = (t) => t.filter((e) => !Ht.includes(e)).map((e) => Ot(e)).join("-").toLowerCase(), Pt = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), ie = (t) => {
+  if (!Pt(t))
+    return null;
+  if (t.length === 4) {
+    const e = t[1], r = t[2], o = t[3];
+    return `#${e}${e}${r}${r}${o}${o}`;
+  }
+  return t.toLowerCase();
+}, we = (t) => {
+  const e = ie(t);
+  if (!e)
+    return [0, 0, 0];
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, n = r >> 8 & 255, c = r & 255;
+  return [o, n, c];
+}, ve = (t) => {
+  const [e, r, o] = we(t);
+  return `${e}, ${r}, ${o}`;
+}, At = (t, e, r) => {
+  const o = t / 255, n = e / 255, c = r / 255, s = Math.max(o, n, c), i = Math.min(o, n, c), l = s - i;
+  let u = 0, d = 0;
+  const a = (s + i) / 2;
+  if (l !== 0) {
+    switch (d = l / (1 - Math.abs(2 * a - 1)), s) {
+      case o:
+        u = (n - c) / l % 6;
+        break;
+      case n:
+        u = (c - o) / l + 2;
+        break;
+      case c:
+        u = (o - n) / l + 4;
+        break;
     }
+    u *= 60, u < 0 && (u += 360);
+  }
+  return [u, d * 100, a * 100];
+}, Dt = (t, e, r) => {
+  const o = e / 100, n = r / 100, c = (1 - Math.abs(2 * n - 1)) * o, s = c * (1 - Math.abs(t / 60 % 2 - 1)), i = n - c / 2;
+  let l = 0, u = 0, d = 0;
+  t >= 0 && t < 60 ? (l = c, u = s, d = 0) : t >= 60 && t < 120 ? (l = s, u = c, d = 0) : t >= 120 && t < 180 ? (l = 0, u = c, d = s) : t >= 180 && t < 240 ? (l = 0, u = s, d = c) : t >= 240 && t < 300 ? (l = s, u = 0, d = c) : (l = c, u = 0, d = s);
+  const a = Math.round((l + i) * 255), v = Math.round((u + i) * 255), f = Math.round((d + i) * 255);
+  return [a, v, f];
+}, Nt = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, It = (t, e, r) => Math.min(r, Math.max(e, t)), jt = (t, e) => {
+  const r = ie(t);
+  if (!r)
+    return t;
+  const [o, n, c] = we(r), [s, i, l] = At(o, n, c), d = (e - 5) * 7, a = It(l + d, 0, 100), [v, f, p] = Dt(s, i, a);
+  return Nt(v, f, p);
+}, Xt = (t) => {
+  if (typeof document > "u")
+    return null;
+  const e = document.getElementById(t);
+  if (e && e.tagName.toLowerCase() === "style")
+    return e;
+  const r = document.createElement("style");
+  return r.id = t, document.head.appendChild(r), r;
+}, se = (t) => !!t && typeof t == "object" && !Array.isArray(t), ce = (t, e) => {
+  if (!e)
+    return { ...t };
+  const r = { ...t };
+  for (const o in e) {
+    const n = e[o], c = t[o];
+    se(c) && se(n) ? r[o] = ce(c, n) : r[o] = n;
+  }
+  return r;
+}, _e = (t) => {
+  if (!t)
+    return null;
+  if (se(t) && "preset" in t) {
+    const e = t;
+    return {
+      preset: e.preset ?? {},
+      overrides: e.overrides,
+      selector: e.selector,
+      darkSelector: e.darkSelector
+    };
   }
-}, Lr = {
-  install(o, e) {
-    A(e), B.length && document.styleSheets[0].insertRule(`:root { ${B.join(";")} }`), x.length && document.styleSheets[0].insertRule(`:root[data-theme=dark] { ${x.join(";")} }`);
+  return { preset: t };
+}, Yt = (t) => {
+  const e = [], r = [], o = (n, c) => {
+    if (!(!n || typeof n != "object"))
+      for (const s in n) {
+        const i = n[s], l = c.concat([s]);
+        if (i && typeof i == "object") {
+          o(i, l);
+          continue;
+        }
+        if (typeof i != "string")
+          continue;
+        const d = l.includes("colorScheme") && l.includes("dark") ? r : e, a = Et(l);
+        if (d.push(`--vf-${a}: ${i}`), l.includes("colors")) {
+          const v = ie(i);
+          if (!v)
+            continue;
+          if (d.push(`--vf-${a}-rgb: ${ve(v)}`), s !== "white")
+            for (let f = 1; f < 10; ++f) {
+              const p = jt(v, f);
+              d.push(`--vf-${a}-${f}00: ${p}`), d.push(`--vf-${a}-${f}00-rgb: ${ve(p)}`);
+            }
+        }
+      }
+  };
+  return o(t, []), { baseVars: e, darkVars: r };
+}, Kt = (t, e, r) => {
+  const { baseVars: o, darkVars: n } = Yt(t), c = Xt("vueforge-theme");
+  if (!c)
+    return;
+  const s = [];
+  o.length && s.push(`${e} { ${o.join(";")} }`), n.length && s.push(`${r} { ${n.join(";")} }`), c.textContent = s.join(`
+`);
+};
+let E = null;
+const Gt = (t) => ({
+  selector: t.selector ?? ":root",
+  darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
+}), Fe = (t) => {
+  const e = _e(t);
+  if (!e)
+    return;
+  const r = ce(e.preset, e.overrides), { selector: o, darkSelector: n } = Gt(e);
+  E = { ...e }, Kt(r, o, n);
+}, go = (t) => {
+  if (!E)
+    return;
+  const e = t.overrides === void 0 ? E.overrides : ce(E.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? E.preset,
+    overrides: e,
+    selector: t.selector ?? E.selector,
+    darkSelector: t.darkSelector ?? E.darkSelector
+  };
+  Fe(r);
+}, ho = () => E ? { ...E } : null, mo = {
+  install(t, e = {}) {
+    const r = _e(e.theme);
+    r && Fe(r);
   }
-}, D = {
+}, pe = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -768,6 +1215,7 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
     purple: "#6f42c1",
     gray: "#adb5bd"
   },
+  borderWidth: "1px",
   colorScheme: {
     light: {
       bgColor: "#ffffff",
@@ -788,10 +1236,12 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
       dividerColor: "#2e2e32"
     }
   }
-}, pr = {
+}, qt = {
+  fontSize: "1rem",
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
+  iconGap: "6px",
   small: {
     fontSize: "0.875rem",
     padding: "4px 8px"
@@ -928,30 +1378,38 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
       }
     }
   }
-}, gr = {
+}, Ut = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, br = {}, _r = {
-  padding: "12px"
-}, mr = {}, yr = {}, Cr = {
-  color: "var(--vf-secondary-text-color)",
-  padding: "12px",
-  marginTop: "24px",
-  borderTop: "1px solid var(--vf-footer-border-color)",
-  borderColor: "var(--vf-border-color)",
-  backgroundColor: "var(--vf-bg-color)"
-}, wr = {
-  height: "55px",
-  padding: "0",
+}, Zt = {}, Jt = {
+  gap: "0.5rem",
+  fontSize: "1rem",
+  padding: "0.5rem 0.75rem",
+  borderRadius: "6px",
   borderColor: "var(--vf-border-color)",
-  borderBottom: "1px solid var(--vf-header-border-color)",
-  marginBottom: "24px",
-  backgroundColor: "var(--vf-bg-color)"
-}, kr = {
+  backgroundColor: "var(--vf-bg-color)",
+  textColor: "var(--vf-text-color)",
+  placeholderColor: "var(--vf-secondary-text-color)",
+  focusBorderColor: "var(--vf-blue-600)",
+  hoverBorderColor: "var(--vf-blue-500)",
+  disabledOpacity: "0.6",
+  small: {
+    padding: "0.375rem 0.5rem",
+    fontSize: "0.875rem"
+  },
+  large: {
+    padding: "0.625rem 0.875rem",
+    fontSize: "1.125rem"
+  }
+}, Qt = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, Fr = {}, $r = {
+}, eo = {
+  iconGap: "6px",
+  submenuOffset: "12px",
+  separatorThickness: "1px",
+  separatorHeight: "1rem",
   separatorColor: "var(--vf-border-color)",
   link: {
     hoverColor: "var(--vf-blue)",
@@ -967,40 +1425,94 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Br = {
+}, to = {
   backgroundColor: "var(--vf-bg-color)"
-}, Vr = {
-  ...D,
+}, oo = {
+  minWidth: "12rem",
+  fontSize: "1rem",
+  controlGap: "0.75rem",
+  chevronSize: "0.9em",
+  padding: "0.5rem 0.75rem",
+  borderRadius: "6px",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)",
+  textColor: "var(--vf-text-color)",
+  focusBorderColor: "var(--vf-blue-600)",
+  hoverBorderColor: "var(--vf-blue-500)",
+  disabledOpacity: "0.6",
+  panelBackgroundColor: "var(--vf-bg-color)",
+  panelBorderColor: "var(--vf-border-color)",
+  panelPadding: "0.35rem",
+  panelMaxHeight: "16rem",
+  panelRadiusOffset: "2px",
+  panelShadow: "0 10px 30px rgba(0, 0, 0, 0.12)",
+  focusRingShadow: "0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)",
+  optionPadding: "0.5rem 0.6rem",
+  optionBorderRadius: "6px",
+  optionHoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.08)",
+  optionActiveBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
+  optionActiveTextColor: "var(--vf-text-color)",
+  small: {
+    padding: "0.375rem 0.5rem",
+    fontSize: "0.875rem"
+  },
+  large: {
+    padding: "0.625rem 0.875rem",
+    fontSize: "1.125rem"
+  }
+}, ro = {
+  size: "1rem",
+  gap: "0.5rem",
+  borderRadius: "4px",
+  checkBorderRadius: "2px",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)",
+  checkedBackgroundColor: "var(--vf-blue)",
+  checkedBorderColor: "var(--vf-blue)",
+  checkColor: "#ffffff",
+  textColor: "var(--vf-text-color)",
+  disabledOpacity: "0.6"
+}, no = {
+  width: "2.25rem",
+  height: "1.25rem",
+  thumbSize: "1rem",
+  gap: "0.5rem",
+  thumbOffset: "2px",
+  thumbTranslateOffset: "4px",
+  backgroundColor: "var(--vf-border-color)",
+  checkedBackgroundColor: "var(--vf-blue)",
+  thumbColor: "#ffffff",
+  textColor: "var(--vf-text-color)",
+  disabledOpacity: "0.6"
+}, yo = {
+  ...pe,
   components: {
-    base: D,
-    button: pr,
-    card: gr,
-    codeBlock: br,
-    container: _r,
-    content: mr,
-    demo: yr,
-    footer: Cr,
-    header: wr,
-    link: kr,
-    logo: Fr,
-    menu: $r,
-    popover: Br
+    base: pe,
+    button: qt,
+    card: Ut,
+    codeBlock: Zt,
+    input: Jt,
+    link: Qt,
+    menu: eo,
+    popover: to,
+    select: oo,
+    checkbox: ro,
+    switch: no
   }
 };
 export {
-  zr as Button,
-  _e as Card,
-  Tr as Container,
-  sr as Content,
-  Or as DefaultLayout,
-  Vr as DefaultTheme,
-  Pr as Demo,
-  or as Footer,
-  Qo as Header,
-  jr as LeftSidebarLayout,
-  T as Link,
-  Mr as Logo,
-  qo as Menu,
-  xr as Popover,
-  Lr as VueForge
+  co as Button,
+  Xe as Card,
+  vo as Checkbox,
+  yo as DefaultTheme,
+  uo as Input,
+  ke as Link,
+  io as Menu,
+  bo as Popover,
+  fo as Select,
+  po as Switch,
+  mo as VueForge,
+  ho as getTheme,
+  Fe as setTheme,
+  go as updateTheme
 };