@codemonster-ru/vueforge 0.3.4 → 0.5.0

package/dist/index.ts.mjs

@@ -1,607 +1,315 @@
-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({
+import { openBlock as p, createElementBlock as b, renderSlot as g, defineComponent as E, createVNode as Z, withCtx as L, resolveComponent as de, createElementVNode as $, ref as j, computed as C, watch as ae, normalizeClass as k, Fragment as ne, createTextVNode as ee, toDisplayString as H, createBlock as V, createCommentVNode as w, renderList as ye, withKeys as K, withModifiers as q, unref as J, nextTick as pe, onMounted as Re, onBeforeUnmount as Se, Teleport as Ve, withDirectives as _e, vShow as ke, reactive as ze, createSlots as We } from "vue";
+import { useRoute as Me, useRouter as He } from "vue-router";
+import { CmIcon as Q } from "@codemonster-ru/vueiconify";
+const U = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [o, n] of e)
+    r[o] = n;
+  return r;
+}, Ee = {}, Ae = { class: "vf-header" };
+function Pe(t, e) {
+  return p(), b("header", Ae, [
+    g(t.$slots, "default")
+  ]);
+}
+const De = /* @__PURE__ */ U(Ee, [["render", Pe]]), Oe = {}, Ne = { class: "vf-content" };
+function Ie(t, e) {
+  return p(), b("div", Ne, [
+    g(t.$slots, "default")
+  ]);
+}
+const je = /* @__PURE__ */ U(Oe, [["render", Ie]]), Xe = {}, Ye = { class: "vf-footer" };
+function Ke(t, e) {
+  return p(), b("footer", Ye, [
+    g(t.$slots, "default")
+  ]);
+}
+const qe = /* @__PURE__ */ U(Xe, [["render", Ke]]), Ue = { class: "vf-layout" }, No = /* @__PURE__ */ E({
   __name: "defaultLayout",
-  setup(o) {
-    return (e, a) => (r(), s("div", Y, [
-      S(g(Qo), null, {
-        default: _(() => [
-          u(e.$slots, "header")
+  setup(t) {
+    return (e, r) => (p(), b("div", Ue, [
+      Z(De, null, {
+        default: L(() => [
+          g(e.$slots, "header")
         ]),
         _: 3
       }),
-      S(g(sr), null, {
-        default: _(() => [
-          u(e.$slots, "content")
+      Z(je, null, {
+        default: L(() => [
+          g(e.$slots, "content")
         ]),
         _: 3
       }),
-      S(g(or), null, {
-        default: _(() => [
-          u(e.$slots, "footer")
+      Z(qe, null, {
+        default: L(() => [
+          g(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")
+}), Ge = {}, Ze = { class: "vf-left-sidebar-flexbox" }, Je = { class: "vf-left-sidebar" }, Qe = { class: "vf-main-content" };
+function et(t, e) {
+  const r = de("router-view");
+  return p(), b("div", Ze, [
+    $("div", Je, [
+      g(t.$slots, "leftSidebar")
     ]),
-    i("div", te, [
-      S(a)
+    $("div", Qe, [
+      Z(r)
     ])
   ]);
 }
-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 Io = /* @__PURE__ */ U(Ge, [["render", et]]), tt = {}, ot = { class: "vf-demo" };
+function rt(t, e) {
+  return p(), b("div", ot, [
+    g(t.$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({
+const jo = /* @__PURE__ */ U(tt, [["render", rt]]), nt = ["href", "aria-disabled", "tabindex"], ue = /* @__PURE__ */ E({
   __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 = Me(), d = He(), a = j(null), c = C(() => o.href ?? o.url), l = C(() => o.as ? o.as : o.type === "router-link" || o.type === "a" ? o.type : o.to ? "router-link" : "a"), f = C(() => o.to ? d.resolve(o.to) : null), u = C(() => {
+      if (l.value !== "router-link")
+        return !1;
+      const i = f.value;
+      return i ? i.name ? n.matched.some(({ name: m }) => m === i.name) : i.fullPath ? n.fullPath === i.fullPath : n.path === i.path : !1;
+    }), s = C(() => o.active === void 0 ? u.value : o.active), v = (i) => {
+      if (!o.disabled) {
+        r("click", i);
+        return;
+      }
+      i.preventDefault(), i.stopPropagation();
+    };
+    return ae(u, (i) => {
+      i && (r("active"), r("onActive")), r("update:active", i);
+    }), (i, m) => {
+      const _ = de("router-link");
+      return l.value === "a" ? (p(), b("a", {
         key: 0,
-        href: f.url,
-        class: h(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
+        href: c.value,
+        class: k(["vf-link", { "vf-link_active": s.value, "vf-link_disabled": i.disabled }]),
+        "aria-disabled": i.disabled,
+        tabindex: i.disabled ? -1 : void 0,
+        onClick: v
       }, [
-        f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
-          z(O(f.label), 1)
+        i.$slots.default ? g(i.$slots, "default", { key: 0 }) : (p(), b(ne, { key: 1 }, [
+          ee(H(i.label), 1)
         ], 64))
-      ], 10, ue)) : (r(), y(v, {
+      ], 10, nt)) : (p(), V(_, {
         key: 1,
         ref_key: "link",
-        ref: l,
-        to: f.to,
-        class: h(["vf-link", { "vf-link_active": b.value }]),
-        disabled: f.disabled,
+        ref: a,
+        to: i.to,
+        class: k(["vf-link", { "vf-link_active": s.value }]),
+        "aria-disabled": i.disabled,
+        tabindex: i.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
-        "exact-active-class": "vf-link_active"
+        "exact-active-class": "vf-link_active",
+        onClick: v
       }, {
-        default: _(() => [
-          f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
-            z(O(f.label), 1)
+        default: L(() => [
+          i.$slots.default ? g(i.$slots, "default", { key: 0 }) : (p(), b(ne, { key: 1 }, [
+            ee(H(i.label), 1)
           ], 64))
         ]),
         _: 3
-      }, 8, ["to", "class", "disabled"]));
+      }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), de = {}, ve = { class: "vf-card" }, fe = {
+}), lt = {}, st = { class: "vf-card" }, at = {
   key: 0,
   class: "vf-card__default"
-}, he = {
+}, it = {
   key: 1,
   class: "vf-card__header"
-}, pe = {
+}, ct = {
   key: 2,
   class: "vf-card__body"
-}, ge = {
+}, dt = {
   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 ut(t, e) {
+  return p(), b("div", st, [
+    t.$slots.default ? (p(), b("div", at, [
+      g(t.$slots, "default")
+    ])) : w("", !0),
+    t.$slots.header ? (p(), b("div", it, [
+      g(t.$slots, "header")
+    ])) : w("", !0),
+    t.$slots.body ? (p(), b("div", ct, [
+      g(t.$slots, "body")
+    ])) : w("", !0),
+    t.$slots.footer ? (p(), b("div", dt, [
+      g(t.$slots, "footer")
+    ])) : w("", !0)
   ]);
 }
-const _e = /* @__PURE__ */ $(de, [["render", be]]), me = { class: "vf-logo" }, ye = ["src", "width", "height", "alt"], Ce = ["src", "width", "height", "alt"], Mr = /* @__PURE__ */ F({
+const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, pt = ["src", "width", "height", "alt"], ht = ["src", "width", "height", "alt"], Xo = /* @__PURE__ */ E({
   __name: "logo",
   props: {
     to: { default: void 0 },
+    href: { default: void 0 },
     url: { default: void 0 },
     src: {},
     alt: { default: void 0 },
-    type: { default: "" },
+    as: { default: void 0 },
+    type: { default: void 0 },
     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), {
+  setup(t) {
+    const e = t, r = C(() => e.as ? e.as : e.type === "router-link" || e.type === "a" ? e.type : e.to ? "router-link" : e.href || e.url ? "a" : ""), o = C(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
+    return (n, d) => (p(), b("div", vt, [
+      r.value ? (p(), V(ue, {
         key: 0,
-        type: t.type,
-        to: t.to,
-        url: t.url
+        as: r.value,
+        to: n.to,
+        href: n.href ?? n.url
       }, {
-        default: _(() => [
-          i("img", {
-            src: a.value,
-            width: t.width,
-            height: t.height,
-            alt: t.alt
-          }, null, 8, ye)
+        default: L(() => [
+          $("img", {
+            src: o.value,
+            width: n.width,
+            height: n.height,
+            alt: n.alt
+          }, null, 8, pt)
         ]),
         _: 1
-      }, 8, ["type", "to", "url"])) : (r(), s("img", {
+      }, 8, ["as", "to", "href"])) : (p(), b("img", {
         key: 1,
-        src: a.value,
-        width: t.width,
-        height: t.height,
-        alt: t.alt
-      }, null, 8, Ce))
+        src: o.value,
+        width: n.width,
+        height: n.height,
+        alt: n.alt
+      }, null, 8, ht))
     ]));
   }
-}), 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 = {
+}), bt = {
+  class: "vf-menu__list",
+  role: "menu"
+}, gt = {
   key: 1,
-  class: "vf-menu__separator"
-}, Ko = ["onClick"], qo = /* @__PURE__ */ F({
+  class: "vf-menu__separator",
+  role: "separator"
+}, mt = ["aria-expanded", "onClick", "onKeydown"], Yo = /* @__PURE__ */ E({
+  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 = j([]), d = (u, s) => `${u.label ?? u.to ?? u.href ?? u.url ?? "item"}_${s.toString()}`, a = (u) => u.to ? "router-link" : "a", c = (u) => u.map((s) => ({
+      ...s,
+      items: s.items ? c(s.items) : void 0
+    })), l = (u) => {
+      u.items && u.items.length ? (n.value.map((s) => {
+        s !== u && (s.subMenuVisible = !1);
+      }), u.subMenuVisible = !u.subMenuVisible) : Object.prototype.hasOwnProperty.call(u, "command") && typeof u.command == "function" && u.command();
+    }, f = (u) => {
+      var s;
+      for (const v in n.value) {
+        const i = n.value[v];
+        Object.prototype.hasOwnProperty.call(i, "items") && ((s = i.items) != null && s.some((m) => m === u) ? (i.active = !0, i.subMenuVisible = !0) : (i.active = !1, i.subMenuVisible = !1));
       }
-      a("onActive", d);
+      r("active", u), r("onActive", u);
     };
-    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 ae(
+      () => o.items,
+      (u) => {
+        n.value = c(u);
+      },
+      { deep: !0, immediate: !0 }
+    ), (u, s) => {
+      const v = de("VfMenu");
+      return p(), b("div", {
+        class: k(["vf-menu", `vf-menu_${u.orientation}`])
+      }, [
+        $("ul", bt, [
+          (p(!0), b(ne, null, ye(n.value, (i, m) => (p(), b("li", {
+            key: d(i, m),
+            class: "vf-menu__item",
+            role: "none"
+          }, [
+            u.$slots[d(i, m)] ? g(u.$slots, d(i, m), {
               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: { ...i, class: "vf-menu__link" }
+            }) : i.separator ? (p(), b("hr", gt)) : i.items && i.items.length ? (p(), b(ne, { key: 2 }, [
+              $("div", {
+                class: k(["vf-menu__parent", { "vf-menu__parent_active": i.active }]),
+                role: "menuitem",
+                tabindex: "0",
+                "aria-expanded": i.subMenuVisible ? "true" : "false",
+                onClick: (_) => l(i),
+                onKeydown: [
+                  K(q((_) => l(i), ["prevent"]), ["enter"]),
+                  K(q((_) => l(i), ["prevent"]), ["space"])
+                ]
+              }, [
+                i.icon ? (p(), V(J(Q), {
+                  key: 0,
+                  icon: i.icon,
+                  class: "vf-menu__icon"
+                }, null, 8, ["icon"])) : w("", !0),
+                ee(" " + H(i.label) + " ", 1),
+                Z(J(Q), { icon: "chevronDown" })
+              ], 42, mt),
+              i.items ? (p(), V(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: i.items,
+                class: k(["vf-menu__submenu", { "vf-menu__submenu_visible": i.subMenuVisible }]),
+                onOnActive: f
+              }, null, 8, ["items", "class"])) : w("", !0)
+            ], 64)) : (p(), V(ue, {
+              key: 3,
+              to: i.to,
+              href: i.href ?? i.url,
+              as: a(i),
+              class: "vf-menu__link",
+              active: i.active,
+              disabled: i.disabled,
+              role: "menuitem",
+              "aria-disabled": i.disabled ? "true" : "false",
+              onClick: (_) => l(i),
+              onActive: (_) => f(i)
+            }, {
+              default: L(() => [
+                i.icon ? (p(), V(J(Q), {
+                  key: 0,
+                  icon: i.icon,
+                  class: "vf-menu__icon"
+                }, null, 8, ["icon"])) : w("", !0),
+                ee(" " + H(i.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({
+}), yt = ["type", "disabled"], Ko = /* @__PURE__ */ E({
   __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 +321,997 @@ 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 = (u) => !!u && r.includes(u), n = C(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = C(() => o(e.type) ? e.type : "button"), a = C(() => 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"), c = C(() => {
+      let u = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && u.push("vf-button_vertical"), e.variant === "text" && u.push("vf-button_text"), e.variant === "outlined" && u.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && u.push(`vf-button_${e.size}`), (e.loading || e.disabled) && u.push("vf-button_disabled"), e.rounded && u.push("vf-button_rounded"), u;
+    }), l = C(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), f = C(() => ["vf-button__label"]);
+    return (u, s) => n.value ? (p(), b("button", {
       key: 0,
-      class: h(a.value),
+      type: d.value,
+      class: k(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (r(), y(g(k), {
+      e.icon && !e.loading ? (p(), V(J(Q), {
         key: 0,
         icon: e.icon,
-        class: h(t.value)
-      }, null, 8, ["icon", "class"])) : m("", !0),
-      e.loading ? (r(), y(g(k), {
+        class: k(l.value)
+      }, null, 8, ["icon", "class"])) : w("", !0),
+      e.loading ? (p(), V(J(Q), {
         key: 1,
         icon: "circleNotch",
-        class: h(t.value),
+        class: k(l.value),
         spin: ""
-      }, null, 8, ["class"])) : m("", !0),
-      l.$slots.default ? (r(), s("span", {
+      }, null, 8, ["class"])) : w("", !0),
+      u.$slots.default ? (p(), b("span", {
         key: 2,
-        class: h(n.value)
+        class: k(f.value)
       }, [
-        u(l.$slots, "default")
-      ], 2)) : l.label ? (r(), s("span", {
+        g(u.$slots, "default")
+      ], 2)) : u.label ? (p(), b("span", {
         key: 3,
-        class: h(n.value)
-      }, O(l.label), 3)) : m("", !0)
-    ], 10, rr)) : (r(), y(g(T), {
+        class: k(f.value)
+      }, H(u.label), 3)) : w("", !0)
+    ], 10, yt)) : (p(), V(ue, {
       key: 1,
       to: e.to,
-      type: e.type,
-      class: h(a.value),
+      href: e.href ?? e.url,
+      as: a.value,
+      class: k(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: _(() => [
-        e.icon ? (r(), y(g(k), {
+      default: L(() => [
+        e.icon ? (p(), V(J(Q), {
           key: 0,
           icon: e.icon,
-          class: h(t.value)
-        }, null, 8, ["icon", "class"])) : m("", !0),
-        l.$slots.default ? (r(), s("span", {
+          class: k(l.value)
+        }, null, 8, ["icon", "class"])) : w("", !0),
+        u.$slots.default ? (p(), b("span", {
           key: 1,
-          class: h(n.value)
+          class: k(f.value)
         }, [
-          u(l.$slots, "default")
-        ], 2)) : l.label ? (r(), s("span", {
+          g(u.$slots, "default")
+        ], 2)) : u.label ? (p(), b("span", {
           key: 2,
-          class: h(n.value)
-        }, O(l.label), 3)) : m("", !0)
+          class: k(f.value)
+        }, H(u.label), 3)) : w("", !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")
-  ]);
+}), _t = {
+  key: 0,
+  class: "vf-input__prefix"
+}, kt = ["type", "value", "placeholder", "disabled", "readonly"], Ct = {
+  key: 1,
+  class: "vf-input__suffix"
+}, qo = /* @__PURE__ */ E({
+  __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 = C(() => {
+      const f = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && f.push(`vf-input_${o.size}`), o.disabled && f.push("vf-input_disabled"), f;
+    }), d = (f) => {
+      const u = f.target;
+      r("update:modelValue", u.value), r("input", f);
+    }, a = (f) => r("change", f), c = (f) => r("focus", f), l = (f) => r("blur", f);
+    return (f, u) => (p(), b("div", {
+      class: k(n.value)
+    }, [
+      f.$slots.prefix ? (p(), b("span", _t, [
+        g(f.$slots, "prefix")
+      ])) : w("", !0),
+      $("input", {
+        class: "vf-input__control",
+        type: f.type,
+        value: f.modelValue,
+        placeholder: f.placeholder,
+        disabled: f.disabled,
+        readonly: f.readonly,
+        onInput: d,
+        onChange: a,
+        onFocus: c,
+        onBlur: l
+      }, null, 40, kt),
+      f.$slots.suffix ? (p(), b("span", Ct, [
+        g(f.$slots, "suffix")
+      ])) : w("", !0)
+    ], 2));
+  }
+}), he = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], O = (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 : O(t.parentNode);
+};
+function wt(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 $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y = (t, e) => $t(t, e) === "fixed", R = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, d = e ? Y(r, e) : !1;
+  if (n && !d) {
+    const a = n.getBoundingClientRect(), c = n.scrollLeft, l = n.scrollTop;
+    return {
+      left: o.left - a.left + c,
+      top: o.top - a.top + l,
+      width: o.width,
+      height: o.height
+    };
+  }
+  return {
+    left: o.left,
+    top: o.top,
+    width: o.width,
+    height: o.height
+  };
+}, X = (t, e) => {
+  var r;
+  return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
+}, Ce = (t, e) => !!X(t, e), Ft = (t) => {
+  const e = O(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;
+}, Bt = (t) => t.scrollLeft + t.clientWidth, xt = (t) => t.scrollTop + t.clientHeight, z = (t, e, r = null, o = {}, n) => {
+  if (r === null && typeof window < "u" && Y(o, e))
+    return t;
+  let d = 0;
+  if (r === null) {
+    const a = O(e);
+    d = a ? a.scrollTop : 0;
+  }
+  return t - d;
+}, W = (t, e, r = null, o = {}, n) => {
+  let d;
+  if (r === null && typeof window < "u" && Y(o, e))
+    d = window.innerWidth;
+  else if (r === null) {
+    const a = O(e);
+    d = a ? Bt(a) : 0;
+  } else
+    d = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - d);
+}, P = (t, e, r = null, o = {}, n) => {
+  let d;
+  if (r === null && typeof window < "u" && Y(o, e))
+    d = window.innerHeight;
+  else if (r === null) {
+    const a = O(e);
+    d = a ? xt(a) : 0;
+  } else
+    d = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - d);
+}, M = (t, e, r = null, o = {}, n) => {
+  if (r === null && typeof window < "u" && Y(o, e))
+    return t;
+  let d = 0;
+  if (r === null) {
+    const a = O(e);
+    d = a ? a.scrollLeft : 0;
+  }
+  return t - d;
+}, be = ({
+  options: t,
+  primaryX: e,
+  primaryY: r,
+  floating: o,
+  placement: n,
+  reference: d,
+  scrollDirection: a
+}) => {
+  const c = ie(d, o, n, t), l = X(t, "offset");
+  if (l) {
+    const f = l.fn({
+      x: c.x,
+      y: c.y,
+      options: t,
+      primaryX: e,
+      primaryY: r,
+      floating: o,
+      placement: n,
+      reference: d,
+      scrollDirection: a
+    });
+    c.x = f.x, c.y = f.y;
+  }
+  return Kt(c, o, d, t) ? {
+    x: c.x,
+    y: c.y,
+    placement: n
+  } : !1;
+}, Tt = (t) => ({
+  name: "flip",
+  params: t,
+  fn: ({
+    x: e,
+    y: r,
+    options: o,
+    primaryX: n,
+    primaryY: d,
+    floating: a,
+    placement: c,
+    reference: l,
+    scrollDirection: f
+  }) => {
+    var u;
+    const s = {
+      x: e,
+      y: r,
+      placement: c
+    }, v = {
+      ...o,
+      middleware: (u = o.middleware) == null ? void 0 : u.filter((x) => x.name !== "shift")
+    }, i = (t == null ? void 0 : t.placements) ?? he, m = !(t != null && t.placements), _ = m ? he : i;
+    let y = !1;
+    const te = (x) => {
+      if (y)
+        return;
+      const B = be({
+        options: v,
+        primaryX: n,
+        primaryY: d,
+        floating: a,
+        placement: x,
+        reference: l,
+        scrollDirection: f
+      });
+      B && (s.x = B.x, s.y = B.y, s.placement = B.placement, y = !0);
+    }, oe = Ut(l, a, v);
+    if (!m && i.includes(c) && te(c), y || _.forEach(te), !y) {
+      const x = i.reduce(
+        (B, A) => {
+          const N = be({
+            options: v,
+            primaryX: n,
+            primaryY: d,
+            floating: a,
+            placement: A,
+            reference: l,
+            scrollDirection: f
+          });
+          if (!N)
+            return B;
+          const S = re(A), I = oe[S];
+          return !B || I > B.space ? { result: N, space: I } : B;
+        },
+        null
+      );
+      x && (s.x = x.result.x, s.y = x.result.y, s.placement = x.result.placement, y = !0);
+    }
+    if (!y && i.length > 0) {
+      const x = re(c);
+      let B = x, A = oe[x];
+      i.forEach((G) => {
+        const h = re(G), F = oe[h];
+        F > A && (A = F, B = h);
+      });
+      const N = qt(B, c, i), S = ie(l, a, N, v), I = X(v, "offset");
+      if (I) {
+        const G = I.fn({
+          x: S.x,
+          y: S.y,
+          options: v,
+          primaryX: n,
+          primaryY: d,
+          floating: a,
+          placement: N,
+          reference: l,
+          scrollDirection: f
+        });
+        S.x = G.x, S.y = G.y;
+      }
+      s.x = S.x, s.y = S.y, s.placement = S.placement;
+    }
+    return s;
+  }
+}), Lt = (t, e, r, o, n) => {
+  var d, a, c;
+  let l = 0;
+  o.startsWith("right") ? l = -2 : o.startsWith("left") && (l = t);
+  const f = X(e, "arrow"), u = X(e, "shift");
+  if (f) {
+    const s = ((d = f.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
+  }
+  if (Ce(e, "shift") && f) {
+    let s = null, v = 0;
+    u && (s = (a = u.params) == null ? void 0 : a.parent);
+    const i = (c = f.params) == null ? void 0 : c.arrow;
+    v = i.getBoundingClientRect().width / 2, v += Vt(i), v -= t, o.startsWith("right") ? W(r - l, n, s, e) <= t ? W(r, n, s, e) > 0 ? l = t - W(r, n, s, e) : l = t : M(r - l - v, n, s, e) <= t && (M(r - l - v, n, s, e) >= 0 ? (l = -2 - (M(r - l - v, n, s, e) + t), s && (l = -2)) : l = -2) : o.startsWith("left") ? W(r - l + v, n, s, e) <= t ? (l = t + W(r - v, n, s, e), l <= t && (l = t)) : M(r - l, n, s, e) <= t && (l = -2 + M(r, n, s, e), l <= -2 && (l = -2)) : W(r - l, n, s, e) <= t ? W(r - l, n, s, e) <= t && W(r, n, s, e) > 0 ? l = t - W(r, n, s, e) : l = t : M(r - l, n, s, e) <= t && (M(r - l, n, s, e) <= t && M(r, n, s, e) > 0 ? l = -(t - M(r, n, s, e)) : l = -2);
+  }
+  return l;
+}, Rt = (t, e, r, o, n) => {
+  var d, a, c;
+  let l = 0;
+  o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -2);
+  const f = X(e, "arrow"), u = X(e, "shift");
+  if (f) {
+    const s = ((d = f.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
+  }
+  if (Ce(e, "shift") && f) {
+    let s = null, v = 0;
+    u && (s = (a = u.params) == null ? void 0 : a.parent);
+    const i = (c = f.params) == null ? void 0 : c.arrow;
+    v = i.getBoundingClientRect().height / 2, v += zt(i), v -= t, o.startsWith("top") ? z(r - l, n, s, e) <= t ? z(r, n, s, e) >= 0 ? l = -(t - z(r, n, s, e)) : l = -2 : P(r - l + v, n, s, e) <= t && (l = t + P(r - v, n, s, e), l <= t && (l = t)) : o.startsWith("bottom") ? z(r - l - v, n, s, e) <= t ? z(r - l - v, n, s, e) >= 0 ? (l = -2 - (z(r - l - v, n, s, e) + t), s && (l = -2)) : l = -2 : P(r - l, n, s, e) <= t && (P(r, n, s, e) >= 0 ? l = t - P(r, n, s, e) : l = t) : z(r - l, n, s, e) <= t ? z(r - l, n, s, e) >= 0 ? l = -(t - z(r - l, n, s, e)) : l = -2 : P(r - l, n, s, e) <= t && (P(r - l, n, s, e) >= 0 ? l = t - P(r - l, n, s, e) : l = t);
+  }
+  return l;
+}, St = (t) => ({
+  name: "offset",
+  params: { value: t },
+  fn: ({
+    x: e,
+    y: r,
+    options: o,
+    primaryX: n,
+    primaryY: d,
+    floating: a,
+    placement: c
+  }) => ({
+    x: e - Lt(t, o, n, c, a),
+    y: r - Rt(t, o, d, c, a),
+    placement: c
+  })
+}), Vt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, zt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Wt = (t, e) => {
+  const r = O(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(), d = () => e();
+    window.addEventListener("scroll", n, !1), window.addEventListener("resize", d, !1), o.push(() => window.removeEventListener("scroll", n, !1)), o.push(() => window.removeEventListener("resize", d, !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());
+}, Mt = (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"
+  };
+}, Ht = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left,
+    y: o.top - e.getBoundingClientRect().height,
+    placement: "top-start"
+  };
+}, Et = (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"
+  };
+}, At = (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"
+  };
+}, Pt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left + o.width,
+    y: o.top,
+    placement: "right-start"
+  };
+}, Dt = (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"
+  };
+}, Ot = (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"
+  };
+}, Nt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left,
+    y: o.top + o.height,
+    placement: "bottom-start"
+  };
+}, It = (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"
+  };
+}, jt = (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"
+  };
+}, Xt = (t, e, r = {}) => {
+  const o = R(t, e, r);
+  return {
+    x: o.left - e.getBoundingClientRect().width,
+    y: o.top,
+    placement: "left-start"
+  };
+}, Yt = (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"
+  };
+}, ie = (t, e, r, o = {}) => {
+  switch (r) {
+    case "top":
+      return Mt(t, e, o);
+    case "top-start":
+      return Ht(t, e, o);
+    case "top-end":
+      return Et(t, e, o);
+    case "right":
+      return At(t, e, o);
+    case "right-start":
+      return Pt(t, e, o);
+    case "right-end":
+      return Dt(t, e, o);
+    case "bottom":
+      return Ot(t, e, o);
+    case "bottom-start":
+      return Nt(t, e, o);
+    case "bottom-end":
+      return It(t, e, o);
+    case "left":
+      return jt(t, e, o);
+    case "left-start":
+      return Xt(t, e, o);
+    case "left-end":
+      return Yt(t, e, o);
+    default:
+      return {
+        x: 0,
+        y: 0,
+        placement: ""
+      };
+  }
+}, Kt = (t, e, r, o = {}) => {
+  if (Y(o, e)) {
+    if (typeof window > "u")
+      return !0;
+    const s = t.x, v = t.y, i = s + e.clientWidth, m = v + e.clientHeight;
+    return s >= 0 && v >= 0 && i <= window.innerWidth && m <= window.innerHeight;
+  }
+  if (O(r) !== null)
+    return z(t.y, e, null, o) > 0 && W(t.x, e, null, o) > 0 && P(t.y, e, null, o) > 0 && M(t.x, e, null, o) > 0;
+  if (typeof window > "u")
+    return !0;
+  const n = window.innerWidth, d = window.innerHeight, a = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (a) {
+    const s = a.getBoundingClientRect(), v = s.left + t.x, i = s.top + t.y, m = v + e.clientWidth, _ = i + e.clientHeight;
+    return v >= 0 && i >= 0 && m <= n && _ <= d;
+  }
+  const c = t.x, l = t.y, f = c + e.clientWidth, u = l + e.clientHeight;
+  return c >= 0 && l >= 0 && f <= n && u <= d;
+}, re = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", qt = (t, e, r) => re(e) === t && r.includes(e) ? e : r.find((o) => re(o) === t) ?? r[0], Ut = (t, e, r = {}) => {
+  if (typeof window > "u")
+    return {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    };
+  const o = Y(r, e) ? null : O(t), n = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
+    top: 0,
+    left: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight
+  };
+  return {
+    top: n.top - d.top,
+    right: d.right - n.right,
+    bottom: d.bottom - n.bottom,
+    left: n.left - d.left
+  };
+}, Gt = (t, e, r = {}) => new Promise((o) => {
+  var n, d;
+  const a = r.placement ? r.placement : "bottom", c = {
+    x: 0,
+    y: 0,
+    placement: a,
+    middlewareData: {}
+  }, l = ie(t, e, a, r);
+  c.x = l.x, c.y = l.y, c.placement = l.placement;
+  const f = c.x, u = c.y, s = Ft(t);
+  (n = r.middleware) == null || n.forEach((_) => {
+    const y = _.fn({
+      x: c.x,
+      y: c.y,
+      options: r,
+      primaryX: f,
+      primaryY: u,
+      floating: e,
+      placement: c.placement,
+      reference: t,
+      scrollDirection: s
+    });
+    c.x = y.x, c.y = y.y, c.placement = y.placement, _.name === "arrow" && (y.baseX = y.x, y.baseY = y.y, y.x = y.arrowX ?? y.x, y.y = y.arrowY ?? y.y), c.middlewareData[_.name] = y;
+  });
+  const v = ie(t, e, c.placement, r), i = X(r, "offset"), m = i ? (d = i.params) == null ? void 0 : d.value : 0;
+  if (Number.isFinite(c.x) || (c.x = v.x), !Number.isFinite(c.y))
+    if (Y(r, e)) {
+      const _ = t.getBoundingClientRect(), y = e.getBoundingClientRect().height;
+      c.placement.startsWith("top") ? c.y = _.top - y - m : c.placement.startsWith("bottom") ? c.y = _.bottom + m : c.y = v.y;
+    } else
+      c.y = v.y;
+  o(c);
+}), Zt = ["disabled", "aria-expanded", "onKeydown"], Jt = ["data-placement"], Qt = ["disabled", "aria-selected", "onClick"], Uo = /* @__PURE__ */ E({
+  __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, d = j(null), a = j(null), c = j(null), l = j(!1), f = j("bottom"), u = j("bottom"), s = `vf-select-panel-${++r}`;
+    let v = null;
+    const i = C(() => n.options.map((h) => ({
+      label: h[n.optionLabel],
+      value: h[n.optionValue],
+      disabled: h.disabled
+    }))), m = C(() => i.value.find((h) => h.value === n.modelValue)), _ = C(() => {
+      var h;
+      return ((h = m.value) == null ? void 0 : h.label) ?? "";
+    }), y = C(() => {
+      const h = ["vf-select", l.value ? "vf-select_open" : ""];
+      return n.size !== "normal" && h.push(`vf-select_${n.size}`), n.disabled && h.push("vf-select_disabled"), h.filter(Boolean);
+    }), te = (h) => h.value === n.modelValue, oe = (h) => {
+      h.disabled || (o("update:modelValue", h.value), o("change", h.value), A());
+    }, x = (h) => o("focus", h), B = (h) => o("blur", h), A = () => {
+      l.value = !1, f.value = "bottom", u.value = "bottom";
+    }, N = () => {
+      n.disabled || (l.value = !l.value, l.value && (f.value = "bottom", u.value = "bottom"));
+    }, S = async () => {
+      var h, F;
+      l.value || (l.value = !0, await pe()), (F = (h = c.value) == null ? void 0 : h.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
+    }, I = (h) => {
+      var T;
+      if (!l.value || !d.value)
+        return;
+      const F = h.target;
+      d.value.contains(F) || (T = c.value) != null && T.contains(F) || A();
+    }, G = () => {
+      if (!a.value || !c.value)
+        return;
+      const h = a.value, F = c.value, T = async () => {
+        const {
+          x: xe,
+          y: Te,
+          placement: Le
+        } = await Gt(h, F, {
+          placement: f.value,
+          strategy: "fixed",
+          middleware: [St(2), Tt({ placements: ["bottom", "top"] })]
+        });
+        u.value = Le ?? f.value, F.style.minWidth = `${h.getBoundingClientRect().width}px`, F.style.left = `${xe}px`, F.style.top = `${Te}px`;
+      }, le = async () => {
+        await T();
+      }, Be = Wt(h, () => {
+        le();
+      }), se = () => {
+        le();
+      };
+      document.addEventListener("scroll", se, !0), window.addEventListener("resize", se, !1), v = {
+        update: le,
+        destroy: () => {
+          Be(), document.removeEventListener("scroll", se, !0), window.removeEventListener("resize", se, !1);
+        }
+      }, v.update();
+    };
+    return ae(l, async (h) => {
+      if (!h) {
+        v && (v.destroy(), v = null);
+        return;
+      }
+      await pe(), v || G(), v == null || v.update();
+    }), ae(
+      () => n.options,
+      () => {
+        v == null || v.update();
+      },
+      { deep: !0 }
+    ), Re(() => {
+      document.addEventListener("click", I);
+    }), Se(() => {
+      document.removeEventListener("click", I), v == null || v.destroy(), v = null;
+    }), (h, F) => (p(), b("div", {
+      ref_key: "root",
+      ref: d,
+      class: k(y.value)
+    }, [
+      $("button", {
+        ref_key: "trigger",
+        ref: a,
+        class: "vf-select__control",
+        type: "button",
+        disabled: h.disabled,
+        "aria-expanded": l.value,
+        "aria-controls": s,
+        "aria-haspopup": "listbox",
+        onClick: N,
+        onKeydown: [
+          K(q(S, ["prevent"]), ["down"]),
+          K(q(N, ["prevent"]), ["enter"]),
+          K(q(A, ["prevent"]), ["esc"])
+        ],
+        onFocus: x,
+        onBlur: B
+      }, [
+        $("span", {
+          class: k(["vf-select__label", { "vf-select__label_placeholder": !_.value }])
+        }, H(_.value || h.placeholder), 3),
+        F[0] || (F[0] = $("span", {
+          class: "vf-select__chevron",
+          "aria-hidden": "true"
+        }, "▾", -1))
+      ], 40, Zt),
+      (p(), V(Ve, { to: "body" }, [
+        _e($("div", {
+          id: s,
+          ref_key: "panel",
+          ref: c,
+          class: "vf-select__panel",
+          role: "listbox",
+          "data-placement": u.value
+        }, [
+          (p(!0), b(ne, null, ye(i.value, (T) => (p(), b("button", {
+            key: T.value,
+            class: k(["vf-select__option", { "is-active": te(T), "is-disabled": T.disabled }]),
+            type: "button",
+            role: "option",
+            disabled: T.disabled,
+            "aria-selected": te(T),
+            onClick: (le) => oe(T)
+          }, H(T.label), 11, Qt))), 128))
+        ], 8, Jt), [
+          [ke, l.value]
+        ])
+      ]))
+    ], 2));
+  }
+}), eo = ["checked", "disabled"], to = {
+  key: 0,
+  class: "vf-checkbox__label"
+}, Go = /* @__PURE__ */ E({
+  __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 = C(() => {
+      const a = ["vf-checkbox"];
+      return o.disabled && a.push("vf-checkbox_disabled"), a;
+    }), d = (a) => {
+      const c = a.target;
+      r("update:modelValue", c.checked), r("change", a);
+    };
+    return (a, c) => (p(), b("label", {
+      class: k(n.value)
+    }, [
+      $("input", {
+        class: "vf-checkbox__control",
+        type: "checkbox",
+        checked: a.modelValue,
+        disabled: a.disabled,
+        onChange: d
+      }, null, 40, eo),
+      c[0] || (c[0] = $("span", { class: "vf-checkbox__box" }, null, -1)),
+      a.label || a.$slots.default ? (p(), b("span", to, [
+        g(a.$slots, "default", {}, () => [
+          ee(H(a.label), 1)
+        ])
+      ])) : w("", !0)
+    ], 2));
+  }
+}), oo = ["checked", "disabled"], ro = {
+  key: 0,
+  class: "vf-switch__label"
+}, Zo = /* @__PURE__ */ E({
+  __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 = C(() => {
+      const a = ["vf-switch"];
+      return o.disabled && a.push("vf-switch_disabled"), a;
+    }), d = (a) => {
+      const c = a.target;
+      r("update:modelValue", c.checked), r("change", a);
+    };
+    return (a, c) => (p(), b("label", {
+      class: k(n.value)
+    }, [
+      $("input", {
+        class: "vf-switch__control",
+        type: "checkbox",
+        checked: a.modelValue,
+        disabled: a.disabled,
+        onChange: d
+      }, null, 40, oo),
+      c[0] || (c[0] = $("span", { class: "vf-switch__track" }, [
+        $("span", { class: "vf-switch__thumb" })
+      ], -1)),
+      a.label || a.$slots.default ? (p(), b("span", ro, [
+        g(a.$slots, "default", {}, () => [
+          ee(H(a.label), 1)
+        ])
+      ])) : w("", !0)
+    ], 2));
+  }
+}), no = { class: "vf-popover" }, lo = ["aria-expanded", "onKeydown"], Jo = /* @__PURE__ */ E({
   __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 = ze({ visible: !1 });
+    let d = 0;
+    const a = `vf-popover-panel-${++d}`, c = () => n.visible = !0, l = () => n.visible = !1, f = () => n.visible = !n.visible, u = () => {
+      f(), o("click"), o("onClick");
+    };
+    return e({ show: c, hide: l, toggle: f }), (s, v) => (p(), b("div", no, [
+      $("div", {
         class: "vf-popover__button",
-        onClick: d
+        role: "button",
+        tabindex: "0",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.visible,
+        "aria-controls": a,
+        onClick: u,
+        onKeydown: [
+          K(q(u, ["prevent"]), ["enter"]),
+          K(q(u, ["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))
+        g(s.$slots, "button")
+      ], 40, lo),
+      _e(Z(ft, {
+        id: a,
+        class: "vf-popover__wrapper"
+      }, We({
+        default: L(() => [
+          v[0] || (v[0] = $("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        v.$slots.default ? {
+        s.$slots.default ? {
           name: "default",
-          fn: _(() => [
-            u(v.$slots, "default")
+          fn: L(() => [
+            g(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        v.$slots.popoverHeader ? {
+        s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
-          fn: _(() => [
-            u(v.$slots, "popoverHeader")
+          fn: L(() => [
+            g(s.$slots, "header"),
+            s.$slots.header ? w("", !0) : g(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        v.$slots.popoverBody ? {
+        s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
-          fn: _(() => [
-            u(v.$slots, "popoverBody")
+          fn: L(() => [
+            g(s.$slots, "body"),
+            s.$slots.body ? w("", !0) : g(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        v.$slots.popoverFooter ? {
+        s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
-          fn: _(() => [
-            u(v.$slots, "popoverFooter")
+          fn: L(() => [
+            g(s.$slots, "footer"),
+            s.$slots.footer ? w("", !0) : g(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [X, n.visible]
+        [ke, n.visible]
       ])
     ]));
   }
-}), cr = {}, ir = { class: "vf-container" };
-function ur(o, e) {
-  return r(), s("div", ir, [
-    u(o.$slots, "default")
+}), so = {}, ao = { class: "vf-container" };
+function io(t, e) {
+  return p(), b("div", ao, [
+    g(t.$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");
+const Qo = /* @__PURE__ */ U(so, [["render", io]]), co = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], uo = (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)}`);
-        }
+}, fo = (t) => t.filter((e) => !co.includes(e)).map((e) => uo(e)).join("-").toLowerCase(), vo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), fe = (t) => {
+  if (!vo(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 = fe(t);
+  if (!e)
+    return [0, 0, 0];
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, n = r >> 8 & 255, d = r & 255;
+  return [o, n, d];
+}, ge = (t) => {
+  const [e, r, o] = we(t);
+  return `${e}, ${r}, ${o}`;
+}, po = (t, e, r) => {
+  const o = t / 255, n = e / 255, d = r / 255, a = Math.max(o, n, d), c = Math.min(o, n, d), l = a - c;
+  let f = 0, u = 0;
+  const s = (a + c) / 2;
+  if (l !== 0) {
+    switch (u = l / (1 - Math.abs(2 * s - 1)), a) {
+      case o:
+        f = (n - d) / l % 6;
+        break;
+      case n:
+        f = (d - o) / l + 2;
+        break;
+      case d:
+        f = (o - n) / l + 4;
+        break;
     }
+    f *= 60, f < 0 && (f += 360);
   }
-}, 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 [f, u * 100, s * 100];
+}, ho = (t, e, r) => {
+  const o = e / 100, n = r / 100, d = (1 - Math.abs(2 * n - 1)) * o, a = d * (1 - Math.abs(t / 60 % 2 - 1)), c = n - d / 2;
+  let l = 0, f = 0, u = 0;
+  t >= 0 && t < 60 ? (l = d, f = a, u = 0) : t >= 60 && t < 120 ? (l = a, f = d, u = 0) : t >= 120 && t < 180 ? (l = 0, f = d, u = a) : t >= 180 && t < 240 ? (l = 0, f = a, u = d) : t >= 240 && t < 300 ? (l = a, f = 0, u = d) : (l = d, f = 0, u = a);
+  const s = Math.round((l + c) * 255), v = Math.round((f + c) * 255), i = Math.round((u + c) * 255);
+  return [s, v, i];
+}, bo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, go = (t, e, r) => Math.min(r, Math.max(e, t)), mo = (t, e) => {
+  const r = fe(t);
+  if (!r)
+    return t;
+  const [o, n, d] = we(r), [a, c, l] = po(o, n, d), u = (e - 5) * 7, s = go(l + u, 0, 100), [v, i, m] = ho(a, c, s);
+  return bo(v, i, m);
+}, yo = (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;
+}, ce = (t) => !!t && typeof t == "object" && !Array.isArray(t), ve = (t, e) => {
+  if (!e)
+    return { ...t };
+  const r = { ...t };
+  for (const o in e) {
+    const n = e[o], d = t[o];
+    ce(d) && ce(n) ? r[o] = ve(d, n) : r[o] = n;
+  }
+  return r;
+}, $e = (t) => {
+  if (!t)
+    return null;
+  if (ce(t) && "preset" in t) {
+    const e = t;
+    return {
+      preset: e.preset ?? {},
+      overrides: e.overrides,
+      selector: e.selector,
+      darkSelector: e.darkSelector
+    };
   }
-}, D = {
+  return { preset: t };
+}, _o = (t) => {
+  const e = [], r = [], o = (n, d) => {
+    if (!(!n || typeof n != "object"))
+      for (const a in n) {
+        const c = n[a], l = d.concat([a]);
+        if (c && typeof c == "object") {
+          o(c, l);
+          continue;
+        }
+        if (typeof c != "string")
+          continue;
+        const u = l.includes("colorScheme") && l.includes("dark") ? r : e, s = fo(l);
+        if (u.push(`--vf-${s}: ${c}`), l.includes("colors")) {
+          const v = fe(c);
+          if (!v)
+            continue;
+          if (u.push(`--vf-${s}-rgb: ${ge(v)}`), a !== "white")
+            for (let i = 1; i < 10; ++i) {
+              const m = mo(v, i);
+              u.push(`--vf-${s}-${i}00: ${m}`), u.push(`--vf-${s}-${i}00-rgb: ${ge(m)}`);
+            }
+        }
+      }
+  };
+  return o(t, []), { baseVars: e, darkVars: r };
+}, ko = (t, e, r) => {
+  const { baseVars: o, darkVars: n } = _o(t), d = yo("vueforge-theme");
+  if (!d)
+    return;
+  const a = [];
+  o.length && a.push(`${e} { ${o.join(";")} }`), n.length && a.push(`${r} { ${n.join(";")} }`), d.textContent = a.join(`
+`);
+};
+let D = null;
+const Co = (t) => ({
+  selector: t.selector ?? ":root",
+  darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
+}), Fe = (t) => {
+  const e = $e(t);
+  if (!e)
+    return;
+  const r = ve(e.preset, e.overrides), { selector: o, darkSelector: n } = Co(e);
+  D = { ...e }, ko(r, o, n);
+}, er = (t) => {
+  if (!D)
+    return;
+  const e = t.overrides === void 0 ? D.overrides : ve(D.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? D.preset,
+    overrides: e,
+    selector: t.selector ?? D.selector,
+    darkSelector: t.darkSelector ?? D.darkSelector
+  };
+  Fe(r);
+}, tr = () => D ? { ...D } : null, or = {
+  install(t, e = {}) {
+    const r = $e(e.theme);
+    r && Fe(r);
+  }
+}, me = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -788,7 +1342,7 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
       dividerColor: "#2e2e32"
     }
   }
-}, pr = {
+}, wo = {
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
@@ -928,30 +1482,48 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
       }
     }
   }
-}, gr = {
+}, $o = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, br = {}, _r = {
+}, Fo = {}, Bo = {
   padding: "12px"
-}, mr = {}, yr = {}, Cr = {
+}, xo = {}, To = {}, Lo = {
   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 = {
+}, Ro = {
   height: "55px",
   padding: "0",
   borderColor: "var(--vf-border-color)",
   borderBottom: "1px solid var(--vf-header-border-color)",
   marginBottom: "24px",
   backgroundColor: "var(--vf-bg-color)"
-}, kr = {
+}, So = {
+  padding: "0.5rem 0.75rem",
+  borderRadius: "6px",
+  borderColor: "var(--vf-border-color)",
+  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"
+  }
+}, Vo = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, Fr = {}, $r = {
+}, zo = {}, Wo = {
   separatorColor: "var(--vf-border-color)",
   link: {
     hoverColor: "var(--vf-blue)",
@@ -967,40 +1539,95 @@ const Tr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replac
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Br = {
+}, Mo = {
   backgroundColor: "var(--vf-bg-color)"
-}, Vr = {
-  ...D,
+}, Ho = {
+  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)",
+  panelShadow: "0 10px 30px rgba(0, 0, 0, 0.12)",
+  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"
+  }
+}, Eo = {
+  size: "1rem",
+  gap: "0.5rem",
+  borderRadius: "4px",
+  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"
+}, Ao = {
+  width: "2.25rem",
+  height: "1.25rem",
+  thumbSize: "1rem",
+  gap: "0.5rem",
+  backgroundColor: "var(--vf-border-color)",
+  checkedBackgroundColor: "var(--vf-blue)",
+  thumbColor: "#ffffff",
+  textColor: "var(--vf-text-color)",
+  disabledOpacity: "0.6"
+}, rr = {
+  ...me,
   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: me,
+    button: wo,
+    card: $o,
+    codeBlock: Fo,
+    container: Bo,
+    content: xo,
+    demo: To,
+    footer: Lo,
+    header: Ro,
+    input: So,
+    link: Vo,
+    logo: zo,
+    menu: Wo,
+    popover: Mo,
+    select: Ho,
+    checkbox: Eo,
+    switch: Ao
   }
 };
 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
+  Ko as Button,
+  ft as Card,
+  Go as Checkbox,
+  Qo as Container,
+  je as Content,
+  No as DefaultLayout,
+  rr as DefaultTheme,
+  jo as Demo,
+  qe as Footer,
+  De as Header,
+  qo as Input,
+  Io as LeftSidebarLayout,
+  ue as Link,
+  Xo as Logo,
+  Yo as Menu,
+  Jo as Popover,
+  Uo as Select,
+  Zo as Switch,
+  or as VueForge,
+  tr as getTheme,
+  Fe as setTheme,
+  er as updateTheme
 };