@codemonster-ru/vueforge-core 1.0.0

package/dist/vueforge-core.js

@@ -0,0 +1,1364 @@
+import { defineComponent as C, ref as x, inject as ge, computed as s, watch as W, onMounted as q, onBeforeUnmount as G, provide as Te, renderSlot as k, toValue as P, nextTick as Q, openBlock as m, createElementBlock as h, createElementVNode as S, unref as c, toDisplayString as R, normalizeClass as K, createVNode as ee, createCommentVNode as E, useAttrs as F, mergeProps as M, createTextVNode as he, useSlots as Se, createBlock as Y, Teleport as Z, normalizeStyle as j, Fragment as Ve, renderList as Ce, normalizeProps as Ee, guardReactiveProps as Oe } from "vue";
+import { VueIconify as te, icons as N } from "@codemonster-ru/vueiconify";
+import { autoUpdate as Be, computePosition as Ie, offset as oe, flip as ne, shift as ae, arrow as re } from "@codemonster-ru/floater.js";
+const ye = Symbol("VueForgeConfig"), De = {
+  name: "vueforge-default",
+  tokens: {
+    colorBg: "#fcfcfd",
+    colorSurface: "#ffffff",
+    colorSurfaceMuted: "#f5f7fb",
+    colorText: "#172033",
+    colorMuted: "#69738a",
+    colorBorder: "#d8e0ef",
+    colorPrimary: "#0b63f6",
+    colorPrimaryContrast: "#ffffff",
+    colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
+    colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
+    colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 52%, var(--vf-color-surface))",
+    colorSuccess: "#16a34a",
+    colorDanger: "#dc2626",
+    colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
+    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
+    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
+    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
+    radius: "0.75rem",
+    radiusControl: "calc(var(--vf-radius) - 0.125rem)",
+    radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
+    radiusSurface: "var(--vf-radius)",
+    radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
+    controlHeightSm: "1.75rem",
+    controlHeightMd: "2.25rem",
+    controlHeightLg: "2.5rem",
+    controlFontSizeSm: "0.875rem",
+    controlFontSizeMd: "0.9375rem",
+    controlFontSizeLg: "1rem",
+    buttonPaddingSm: "0.25rem 0.55rem",
+    buttonPaddingMd: "0.375rem 0.75rem",
+    buttonPaddingLg: "0.5rem 0.875rem",
+    buttonGap: "0.5rem",
+    fieldPaddingSm: "0.25rem 0.55rem",
+    fieldPaddingMd: "0.375rem 0.65rem",
+    fieldPaddingLg: "0.5rem 0.75rem",
+    textareaMinHeightSm: "4.5rem",
+    textareaMinHeightMd: "6rem",
+    textareaMinHeightLg: "7rem",
+    overlayPadding: "0.875rem",
+    overlayGap: "0.75rem",
+    overlayViewportPadding: "1rem",
+    menuPadding: "0.4rem",
+    menuGap: "0.2rem",
+    menuMinWidth: "12rem",
+    surfacePadding: "0.95rem",
+    surfaceGap: "0.625rem",
+    surfacePaddingCompact: "0.7rem",
+    surfaceGapCompact: "0.5rem",
+    sectionPadding: "0.75rem 0.9rem",
+    sectionGap: "0.75rem",
+    tabsGap: "0.875rem",
+    tabsListGap: "0.375rem",
+    tabsListPadding: "0.25rem",
+    tabsTabPaddingInline: "0.8rem",
+    tabsPanelPaddingTop: "0.75rem",
+    badgeHeight: "1.625rem",
+    badgePadding: "0.2rem 0.55rem",
+    badgeGap: "0.375rem",
+    badgeRadius: "999px",
+    badgeFontSize: "0.8125rem",
+    badgeLineHeight: "1.2",
+    tagHeight: "1.75rem",
+    tagPadding: "0.25rem 0.6rem",
+    tagFontSize: "0.8125rem",
+    tagLineHeight: "1.2",
+    tooltipPadding: "0.45rem 0.65rem",
+    tooltipMaxWidth: "16rem",
+    tooltipFontSize: "0.8125rem",
+    tooltipLineHeight: "1.4",
+    dialogWidthSm: "28rem",
+    dialogWidthMd: "36rem",
+    dialogWidthLg: "48rem",
+    dialogMaxHeight: "min(85vh, 48rem)",
+    dialogTitleFontSize: "1.125rem",
+    dialogHeaderGap: "0.75rem",
+    dialogActionsGap: "0.5rem",
+    popoverWidth: "min(100vw - 2rem, 22rem)",
+    floatingArrowSize: "0.625rem",
+    overlayBackdrop: "rgba(15, 23, 42, 0.56)",
+    overlayBackdropBlur: "6px",
+    alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
+    alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
+    alertContentGap: "0.25rem",
+    alertTitleFontSize: "0.9375rem",
+    cardTitleFontSize: "1rem",
+    panelTitleFontSize: "0.9375rem",
+    textLineHeight: "1.5",
+    headingLineHeight: "1.3",
+    tabsLineHeight: "1.2",
+    spacing: "1rem",
+    shadow: "none"
+  },
+  dark: {
+    colorBg: "#0f172a",
+    colorSurface: "#162033",
+    colorSurfaceMuted: "#1b2840",
+    colorText: "#eff4ff",
+    colorMuted: "#9fb0cf",
+    colorBorder: "#2d405f",
+    colorPrimary: "#6ea8fe",
+    colorPrimaryContrast: "#081120",
+    colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
+    colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
+    colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 52%, var(--vf-color-surface))",
+    colorSuccess: "#4ade80",
+    colorDanger: "#f87171",
+    colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
+    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
+    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
+    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
+    shadow: "none"
+  }
+}, _e = "vf-theme", be = "data-vf-theme";
+function Pe(e) {
+  return e === "light" || e === "dark" || e === "system";
+}
+function Ae(e, o) {
+  return e === "system" ? o : e;
+}
+const $e = "vf", ze = "vf-theme-preset", Le = ":root";
+function Fe(e) {
+  return e.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
+}
+function ve(...e) {
+  return Object.assign({}, ...e);
+}
+function Ft(e) {
+  return e;
+}
+function Me(e = {}) {
+  const o = e.prefix ?? $e, t = e.rootSelector ?? Le, a = e.attribute ?? be;
+  return {
+    prefix: o,
+    rootSelector: t,
+    darkModeSelector: e.darkModeSelector ?? `${t}[${a}='dark']`,
+    attribute: a,
+    storageKey: e.storageKey ?? _e,
+    styleId: e.styleId ?? ze
+  };
+}
+function He(e = {}) {
+  const o = e.preset ?? De, t = e.extend, a = ve(o.tokens, t, e.light), n = ve(o.tokens, o.dark, t, e.dark);
+  return {
+    name: o.name,
+    light: a,
+    dark: n
+  };
+}
+function Re(e = {}) {
+  return {
+    preset: He(e),
+    options: Me(e.options)
+  };
+}
+function pe(e, o = $e) {
+  return Object.fromEntries(
+    Object.entries(e).map(([t, a]) => [`--${o}-${Fe(t)}`, a])
+  );
+}
+function me(e) {
+  return Object.entries(e).map(([o, t]) => `  ${o}: ${t};`).join(`
+`);
+}
+function Ke(e) {
+  const { preset: o, options: t } = e, a = me(pe(o.light, t.prefix)), n = me(pe(o.dark, t.prefix));
+  return [
+    `${t.rootSelector} {
+${a}
+}`,
+    `${t.darkModeSelector} {
+${n}
+}`
+  ].join(`
+
+`);
+}
+function Ge(e, o = document) {
+  const t = e.options.styleId, a = o.getElementById(t) ?? Object.assign(o.createElement("style"), { id: t });
+  return a.textContent = Ke(e), a.parentNode || o.head.appendChild(a), a;
+}
+function We() {
+  return {
+    install(o, t = {}) {
+      const a = Re(t.theme);
+      o.provide(ye, { theme: a }), typeof document < "u" && Ge(a);
+    }
+  };
+}
+const Mt = We(), we = Symbol("VfThemeContext"), Ht = /* @__PURE__ */ C({
+  __name: "VfThemeProvider",
+  props: {
+    defaultTheme: { default: "system" },
+    storageKey: {},
+    attribute: {}
+  },
+  setup(e) {
+    const o = e, t = x(o.defaultTheme), a = x("light"), n = x(null), r = ge(ye, null), u = s(() => Ae(t.value, a.value)), v = s(
+      () => o.storageKey ?? (r == null ? void 0 : r.theme.options.storageKey) ?? _e
+    ), g = s(
+      () => o.attribute ?? (r == null ? void 0 : r.theme.options.attribute) ?? be
+    );
+    function w() {
+      if (typeof window > "u")
+        return;
+      const _ = window.localStorage.getItem(v.value);
+      Pe(_) && (t.value = _);
+    }
+    function f(_) {
+      typeof document > "u" || document.documentElement.setAttribute(g.value, _);
+    }
+    function $(_) {
+      var I;
+      if (_) {
+        a.value = _.matches ? "dark" : "light";
+        return;
+      }
+      a.value = (I = n.value) != null && I.matches ? "dark" : "light";
+    }
+    function T(_) {
+      t.value = _;
+    }
+    function V() {
+      const _ = u.value === "dark" ? "light" : "dark";
+      t.value = _;
+    }
+    return W(t, (_) => {
+      typeof window > "u" || window.localStorage.setItem(v.value, _);
+    }), W(
+      u,
+      (_) => {
+        f(_);
+      },
+      { immediate: !0 }
+    ), q(() => {
+      w(), n.value = window.matchMedia("(prefers-color-scheme: dark)"), $(), n.value.addEventListener("change", $);
+    }), G(() => {
+      var _;
+      (_ = n.value) == null || _.removeEventListener("change", $);
+    }), Te(we, {
+      mode: t,
+      resolvedTheme: u,
+      setTheme: T,
+      toggleTheme: V
+    }), (_, I) => k(_.$slots, "default");
+  }
+});
+function ke(e, o, t = {}) {
+  const a = t.event ?? "pointerdown", n = (r) => {
+    if (P(t.enabled) === !1)
+      return;
+    const u = r.target;
+    if (!(u instanceof Node))
+      return;
+    const v = Array.isArray(e) ? e.map((g) => g.value).filter((g) => g instanceof HTMLElement) : [e.value].filter((g) => g instanceof HTMLElement);
+    v.length === 0 || v.some((g) => g.contains(u)) || o(r);
+  };
+  q(() => {
+    document.addEventListener(a, n);
+  }), G(() => {
+    document.removeEventListener(a, n);
+  });
+}
+function J(e = {}) {
+  const o = s(() => P(e.open) !== void 0), t = x(e.defaultOpen ?? !1), a = s(() => o.value ? !!P(e.open) : t.value);
+  W(
+    () => P(e.open),
+    (r) => {
+      r !== void 0 && (t.value = r);
+    }
+  );
+  function n(r) {
+    var u;
+    o.value || (t.value = r), (u = e.onOpenChange) == null || u.call(e, r);
+  }
+  return {
+    isOpen: a,
+    open: () => n(!0),
+    close: () => n(!1),
+    toggle: () => n(!a.value),
+    setOpen: n
+  };
+}
+function le(e, o = {}) {
+  const t = o.event ?? "keydown", a = (n) => {
+    P(o.enabled) === !1 || n.key !== "Escape" || e(n);
+  };
+  q(() => {
+    document.addEventListener(t, a);
+  }), G(() => {
+    document.removeEventListener(t, a);
+  });
+}
+function se(e, o, t = {}) {
+  const a = x(0), n = x(0), r = x(P(t.placement) ?? "bottom"), u = x({}), v = x(null);
+  let g = 0;
+  const w = s(() => ({
+    left: `${a.value}px`,
+    top: `${n.value}px`
+  }));
+  async function f() {
+    if (!e.value || !o.value)
+      return;
+    const T = await Ie(e.value, o.value, {
+      placement: P(t.placement) ?? r.value,
+      middleware: P(t.middleware),
+      strategy: P(t.strategy)
+    });
+    a.value = T.x, n.value = T.y, r.value = T.placement, u.value = T.middlewareData ?? {};
+  }
+  function $() {
+    var T;
+    (T = v.value) == null || T.call(v), v.value = null;
+  }
+  return W(
+    [() => P(t.enabled) !== !1, e, o],
+    async ([T]) => {
+      g += 1;
+      const V = g;
+      $(), !(!T || !e.value || !o.value) && (await Q(), !(V !== g || P(t.enabled) === !1 || !e.value || !o.value) && (await f(), !(V !== g || P(t.enabled) === !1 || !e.value || !o.value) && (v.value = Be(e.value, () => {
+        f();
+      }))));
+    },
+    { immediate: !0 }
+  ), G(() => {
+    $();
+  }), {
+    x: a,
+    y: n,
+    placement: r,
+    middlewareData: u,
+    styles: w,
+    update: f,
+    cleanup: $
+  };
+}
+const je = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function Ue(e) {
+  return Array.from(e.querySelectorAll(je)).filter(
+    (o) => !o.hasAttribute("hidden") && o.getAttribute("aria-hidden") !== "true"
+  );
+}
+function Ne(e, o = {}) {
+  const t = (a) => {
+    if (a.key !== "Tab" || P(o.enabled) === !1)
+      return;
+    const n = e.value;
+    if (!n)
+      return;
+    const r = Ue(n);
+    if (r.length === 0) {
+      a.preventDefault(), n.focus();
+      return;
+    }
+    const u = r[0], v = r[r.length - 1], g = document.activeElement;
+    if (a.shiftKey) {
+      (g === u || g === n) && (a.preventDefault(), v.focus());
+      return;
+    }
+    g === v && (a.preventDefault(), u.focus());
+  };
+  q(() => {
+    document.addEventListener("keydown", t);
+  }), G(() => {
+    document.removeEventListener("keydown", t);
+  });
+}
+let Ye = 0;
+function H(e = {}) {
+  const o = `${e.prefix ?? "vf"}-${++Ye}`;
+  return s(() => P(e.providedId) ?? o);
+}
+function Rt() {
+  const e = ge(we);
+  if (!e)
+    throw new Error("useTheme must be used inside VfThemeProvider.");
+  return {
+    theme: e.mode,
+    resolvedTheme: e.resolvedTheme,
+    setTheme: e.setTheme,
+    toggleTheme: e.toggleTheme
+  };
+}
+const Xe = { class: "vf-accordion" }, qe = ["id", "aria-controls", "aria-expanded", "disabled"], Qe = ["id", "aria-labelledby"], Kt = /* @__PURE__ */ C({
+  __name: "VfAccordion",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open", "openChange"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = H({ prefix: "vf-accordion-trigger" }), r = H({ prefix: "vf-accordion-content" }), u = J({
+      defaultOpen: t.defaultOpen,
+      open: s(() => t.open),
+      onOpenChange: (f) => {
+        a("update:open", f), a("openChange", f);
+      }
+    }), v = u.isOpen;
+    function g() {
+      t.disabled || u.toggle();
+    }
+    function w(f) {
+      (f.key === "Enter" || f.key === " ") && (f.preventDefault(), g());
+    }
+    return (f, $) => (m(), h("section", Xe, [
+      S("button", {
+        id: c(n),
+        "aria-controls": c(r),
+        "aria-expanded": c(v),
+        disabled: e.disabled,
+        class: "vf-accordion__trigger",
+        type: "button",
+        onClick: g,
+        onKeydown: w
+      }, [
+        k(f.$slots, "trigger", { open: c(v) }, () => [
+          S("span", null, R(e.title), 1)
+        ]),
+        S("span", {
+          "aria-hidden": "true",
+          class: K(["vf-accordion__icon", c(v) && "vf-accordion__icon--open"])
+        }, [
+          ee(c(te), {
+            icon: c(N).chevronDown,
+            size: "0.875rem"
+          }, null, 8, ["icon"])
+        ], 2)
+      ], 40, qe),
+      c(v) ? (m(), h("div", {
+        key: 0,
+        id: c(r),
+        "aria-labelledby": c(n),
+        class: "vf-accordion__content",
+        role: "region"
+      }, [
+        k(f.$slots, "default", { open: c(v) })
+      ], 8, Qe)) : E("", !0)
+    ]));
+  }
+});
+function A(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const Ze = {
+  class: "vf-alert__icon",
+  "aria-hidden": "true"
+}, Je = { class: "vf-alert__content" }, et = {
+  key: 0,
+  class: "vf-alert__title"
+}, tt = { class: "vf-alert__body" }, Gt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfAlert",
+  props: {
+    tone: { default: "primary" },
+    title: { default: void 0 }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(
+      () => A("vf-alert", o.tone !== "primary" && `vf-alert--${o.tone}`)
+    ), n = s(() => o.tone === "success" ? N.checkCircle : o.tone === "danger" ? N.warning : N.info);
+    return (r, u) => (m(), h("section", M({
+      class: a.value,
+      role: "alert"
+    }, c(t)), [
+      S("div", Ze, [
+        ee(c(te), {
+          icon: n.value,
+          size: "2rem"
+        }, null, 8, ["icon"])
+      ]),
+      S("div", Je, [
+        o.title || r.$slots.title ? (m(), h("p", et, [
+          k(r.$slots, "title", {}, () => [
+            he(R(o.title), 1)
+          ])
+        ])) : E("", !0),
+        S("div", tt, [
+          k(r.$slots, "default")
+        ])
+      ])
+    ], 16));
+  }
+}), Wt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfBadge",
+  props: {
+    tone: { default: "neutral" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(
+      () => A("vf-badge", o.tone !== "neutral" && `vf-badge--${o.tone}`)
+    );
+    return (n, r) => (m(), h("span", M({ class: a.value }, c(t)), [
+      k(n.$slots, "default")
+    ], 16));
+  }
+}), ot = ["type"], jt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    block: { type: Boolean, default: !1 },
+    type: { default: "button" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(
+      () => A(
+        "vf-button",
+        o.variant !== "primary" && `vf-button--${o.variant}`,
+        o.size !== "md" && `vf-button--${o.size}`,
+        o.block && "vf-button--block"
+      )
+    );
+    return (n, r) => (m(), h("button", M({
+      class: a.value,
+      type: o.type
+    }, c(t)), [
+      k(n.$slots, "default")
+    ], 16, ot));
+  }
+}), nt = { key: 0 }, at = { class: "vf-card__title" }, rt = {
+  key: 1,
+  class: "vf-card__body"
+}, lt = { key: 2 }, Ut = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfCard",
+  props: {
+    title: { default: void 0 },
+    compact: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(() => A("vf-card", o.compact && "vf-card--compact"));
+    return (n, r) => (m(), h("section", M({ class: a.value }, c(t)), [
+      o.title || n.$slots.header ? (m(), h("header", nt, [
+        k(n.$slots, "header", {}, () => [
+          S("h3", at, R(o.title), 1)
+        ])
+      ])) : E("", !0),
+      n.$slots.default ? (m(), h("div", rt, [
+        k(n.$slots, "default")
+      ])) : E("", !0),
+      n.$slots.footer ? (m(), h("footer", lt, [
+        k(n.$slots, "footer")
+      ])) : E("", !0)
+    ], 16));
+  }
+}), st = ["type"], it = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfIconButton",
+  props: {
+    icon: {},
+    variant: { default: "ghost" },
+    size: { default: "md" },
+    type: { default: "button" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(
+      () => A(
+        "vf-icon-button",
+        o.variant !== "ghost" && `vf-icon-button--${o.variant}`,
+        o.size !== "md" && `vf-icon-button--${o.size}`
+      )
+    ), n = s(() => o.size === "sm" ? "0.875rem" : o.size === "lg" ? "1.125rem" : "1rem");
+    return (r, u) => (m(), h("button", M({
+      class: a.value,
+      type: o.type
+    }, c(t)), [
+      ee(c(te), {
+        icon: o.icon,
+        size: n.value,
+        "aria-hidden": "true"
+      }, null, 8, ["icon", "size"])
+    ], 16, st));
+  }
+}), ct = {
+  key: 0,
+  class: "vf-dialog"
+}, ut = ["aria-describedby", "aria-labelledby"], dt = {
+  key: 0,
+  class: "vf-dialog__header"
+}, ft = ["id"], vt = ["id"], pt = { class: "vf-dialog__actions" }, mt = {
+  key: 1,
+  class: "vf-dialog__body"
+}, gt = {
+  key: 2,
+  class: "vf-dialog__footer"
+}, Nt = /* @__PURE__ */ C({
+  __name: "VfDialog",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    description: { default: void 0 },
+    size: { default: "md" },
+    closeOnOverlayClick: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open", "openChange"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = x(null), r = x(null), u = x(null), v = Se(), g = H({ prefix: "vf-dialog-title" }), w = H({ prefix: "vf-dialog-description" }), f = J({
+      defaultOpen: t.defaultOpen,
+      open: s(() => t.open),
+      onOpenChange: (y) => {
+        a("update:open", y), a("openChange", y);
+      }
+    }), $ = f.isOpen, T = s(
+      () => A("vf-dialog__content", t.size !== "md" && `vf-dialog__content--${t.size}`)
+    ), V = s(() => !!v.header), _ = s(() => !!v.description), I = s(
+      () => t.title || V.value ? g.value : void 0
+    ), D = s(
+      () => t.description || _.value ? w.value : void 0
+    );
+    function d() {
+      f.close();
+    }
+    function O() {
+      t.closeOnOverlayClick && d();
+    }
+    function l() {
+      const y = n.value;
+      if (!y)
+        return;
+      const z = y.querySelector("[autofocus], [data-autofocus]");
+      if (z) {
+        z.focus();
+        return;
+      }
+      y.focus();
+    }
+    function B() {
+      typeof document > "u" || (u.value === null && (u.value = document.body.style.overflow), document.body.style.overflow = "hidden");
+    }
+    function b() {
+      typeof document > "u" || (document.body.style.overflow = u.value ?? "", u.value = null);
+    }
+    return le(
+      (y) => {
+        !t.closeOnEscape || !$.value || (y.preventDefault(), d());
+      },
+      {
+        enabled: $
+      }
+    ), Ne(n, {
+      enabled: $
+    }), W(
+      $,
+      async (y) => {
+        var z;
+        if (!(typeof document > "u")) {
+          if (y) {
+            r.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, B(), await Q(), l();
+            return;
+          }
+          b(), (z = r.value) == null || z.focus();
+        }
+      },
+      { immediate: !0 }
+    ), G(() => {
+      var y;
+      $.value && (b(), (y = r.value) == null || y.focus());
+    }), (y, z) => (m(), Y(Z, { to: "body" }, [
+      c($) ? (m(), h("div", ct, [
+        S("div", {
+          class: "vf-dialog__overlay",
+          "aria-hidden": "true",
+          onClick: O
+        }),
+        S("section", {
+          ref_key: "contentRef",
+          ref: n,
+          class: K(T.value),
+          "aria-describedby": D.value,
+          "aria-labelledby": I.value,
+          "aria-modal": "true",
+          role: "dialog",
+          tabindex: "-1"
+        }, [
+          e.title || e.description || y.$slots.header || y.$slots.description ? (m(), h("header", dt, [
+            S("div", null, [
+              k(y.$slots, "header", {}, () => [
+                e.title ? (m(), h("h2", {
+                  key: 0,
+                  id: c(g),
+                  class: "vf-dialog__title"
+                }, R(e.title), 9, ft)) : E("", !0)
+              ]),
+              k(y.$slots, "description", {}, () => [
+                e.description ? (m(), h("p", {
+                  key: 0,
+                  id: c(w),
+                  class: "vf-dialog__description"
+                }, R(e.description), 9, vt)) : E("", !0)
+              ])
+            ]),
+            S("div", pt, [
+              k(y.$slots, "actions", { close: d }),
+              t.closable ? (m(), Y(it, {
+                key: 0,
+                icon: c(N).xmark,
+                "aria-label": "Close dialog",
+                size: "sm",
+                onClick: d
+              }, null, 8, ["icon"])) : E("", !0)
+            ])
+          ])) : E("", !0),
+          y.$slots.default ? (m(), h("div", mt, [
+            k(y.$slots, "default", { close: d })
+          ])) : E("", !0),
+          y.$slots.footer ? (m(), h("footer", gt, [
+            k(y.$slots, "footer", { close: d })
+          ])) : E("", !0)
+        ], 10, ut)
+      ])) : E("", !0)
+    ]));
+  }
+}), ht = ["aria-orientation", "role"], Yt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfDivider",
+  props: {
+    orientation: { default: "horizontal" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(() => o.orientation === "vertical"), n = s(() => A("vf-divider", `vf-divider--${o.orientation}`));
+    return (r, u) => (m(), h("div", M({
+      class: n.value,
+      "aria-orientation": o.orientation,
+      role: a.value ? "separator" : void 0
+    }, c(t)), null, 16, ht));
+  }
+}), yt = { class: "vf-dropdown" }, _t = ["id", "aria-controls", "aria-expanded"], bt = ["id", "aria-labelledby"], Xt = /* @__PURE__ */ C({
+  __name: "VfDropdown",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    closeOnSelect: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open", "openChange"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = x(null), r = x(null), u = x(null), v = H({ prefix: "vf-dropdown-menu" }), g = H({ prefix: "vf-dropdown-trigger" }), w = J({
+      defaultOpen: t.defaultOpen,
+      open: s(() => t.open),
+      onOpenChange: (i) => {
+        a("update:open", i), a("openChange", i);
+      }
+    }), f = w.isOpen, $ = s(() => [
+      "vf-dropdown__menu",
+      D.value.startsWith("top") && "vf-dropdown__menu--top"
+    ]), T = s(() => {
+      const i = d.value.arrow;
+      return {
+        x: (i == null ? void 0 : i.x) !== void 0 && (i == null ? void 0 : i.baseX) !== void 0 ? i.x - i.baseX : 0,
+        y: (i == null ? void 0 : i.y) !== void 0 && (i == null ? void 0 : i.baseY) !== void 0 ? i.y - i.baseY : 0
+      };
+    }), V = s(() => ({
+      left: `${T.value.x}px`,
+      top: `${T.value.y}px`
+    })), _ = s(() => [
+      "vf-dropdown__arrow",
+      D.value.startsWith("top") ? "vf-dropdown__arrow--top" : "vf-dropdown__arrow--bottom"
+    ]), I = s(
+      () => t.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
+    ), { placement: D, middlewareData: d, styles: O } = se(n, r, {
+      enabled: f,
+      placement: s(() => t.placement),
+      middleware: s(
+        () => [oe(10), ne({ placements: I.value }), ae(), u.value ? re(u.value) : void 0].filter(
+          (i) => i !== void 0
+        )
+      ),
+      strategy: "fixed"
+    });
+    function l() {
+      var i;
+      return Array.from(((i = r.value) == null ? void 0 : i.querySelectorAll('[role="menuitem"]')) ?? []);
+    }
+    async function B() {
+      var i;
+      await Q(), (i = l()[0]) == null || i.focus();
+    }
+    function b(i = {}) {
+      w.open(), i.focusFirstItem && B();
+    }
+    function y() {
+      var i;
+      w.close(), (i = n.value) == null || i.focus();
+    }
+    function z() {
+      if (f.value) {
+        y();
+        return;
+      }
+      b();
+    }
+    function p(i) {
+      (i.key === "ArrowDown" || i.key === "Enter" || i.key === " ") && (i.preventDefault(), b({ focusFirstItem: !0 }));
+    }
+    function U(i) {
+      var ce, ue, de, fe;
+      const L = l(), ie = L.findIndex((xe) => xe === document.activeElement);
+      if (i.key === "ArrowDown") {
+        i.preventDefault(), (ce = L[(ie + 1 + L.length) % L.length]) == null || ce.focus();
+        return;
+      }
+      if (i.key === "ArrowUp") {
+        i.preventDefault(), (ue = L[(ie - 1 + L.length) % L.length]) == null || ue.focus();
+        return;
+      }
+      if (i.key === "Home") {
+        i.preventDefault(), (de = L[0]) == null || de.focus();
+        return;
+      }
+      i.key === "End" && (i.preventDefault(), (fe = L[L.length - 1]) == null || fe.focus());
+    }
+    function X() {
+      t.closeOnSelect && y();
+    }
+    return ke(
+      [n, r],
+      () => {
+        f.value && y();
+      },
+      {
+        enabled: f,
+        event: "click"
+      }
+    ), le(
+      (i) => {
+        f.value && (i.preventDefault(), y());
+      },
+      {
+        enabled: f
+      }
+    ), (i, L) => (m(), h("div", yt, [
+      S("div", {
+        id: c(g),
+        ref_key: "triggerRef",
+        ref: n,
+        class: "vf-dropdown__trigger",
+        "aria-controls": c(v),
+        "aria-expanded": c(f),
+        "aria-haspopup": "menu",
+        tabindex: "0",
+        onClick: z,
+        onKeydown: p
+      }, [
+        k(i.$slots, "trigger", {
+          open: c(f),
+          toggle: z
+        })
+      ], 40, _t),
+      (m(), Y(Z, { to: "body" }, [
+        c(f) ? (m(), h("div", {
+          key: 0,
+          id: c(v),
+          ref_key: "menuRef",
+          ref: r,
+          class: K($.value),
+          style: j(c(O)),
+          "aria-labelledby": c(g),
+          role: "menu",
+          onClick: X,
+          onKeydown: U
+        }, [
+          S("span", {
+            ref_key: "arrowRef",
+            ref: u,
+            class: K(_.value),
+            style: j(V.value),
+            "aria-hidden": "true"
+          }, null, 6),
+          k(i.$slots, "default", {
+            close: y,
+            open: c(f)
+          })
+        ], 46, bt)) : E("", !0)
+      ]))
+    ]));
+  }
+}), $t = ["value", "aria-invalid"], qt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfInput",
+  props: {
+    modelValue: { default: "" },
+    size: { default: "md" },
+    invalid: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = F(), r = s(
+      () => A(
+        "vf-input",
+        t.size !== "md" && `vf-input--${t.size}`,
+        t.invalid && "vf-input--invalid"
+      )
+    );
+    function u(v) {
+      a("update:modelValue", v.target.value);
+    }
+    return (v, g) => (m(), h("input", M({
+      class: r.value,
+      value: t.modelValue,
+      "aria-invalid": t.invalid || void 0
+    }, c(n), { onInput: u }), null, 16, $t));
+  }
+}), wt = ["href", "target", "rel"], Qt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfLink",
+  props: {
+    href: { default: void 0 },
+    target: { default: void 0 },
+    rel: { default: void 0 },
+    underline: { type: Boolean, default: !1 },
+    tone: { default: "default" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(() => o.rel ? o.rel : o.target === "_blank" ? "noopener noreferrer" : void 0), n = s(
+      () => A(
+        "vf-link",
+        o.underline && "vf-link--underline",
+        o.tone === "muted" && "vf-link--muted"
+      )
+    );
+    return (r, u) => (m(), h("a", M({
+      class: n.value,
+      href: o.href,
+      target: o.target,
+      rel: a.value
+    }, c(t)), [
+      k(r.$slots, "default")
+    ], 16, wt));
+  }
+}), kt = { key: 0 }, xt = { class: "vf-panel__title" }, Zt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfPanel",
+  props: {
+    title: { default: void 0 },
+    subtle: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(() => A("vf-panel", o.subtle && "vf-panel--subtle"));
+    return (n, r) => (m(), h("section", M({ class: a.value }, c(t)), [
+      o.title || n.$slots.header ? (m(), h("header", kt, [
+        k(n.$slots, "header", {}, () => [
+          S("h3", xt, R(o.title), 1)
+        ])
+      ])) : E("", !0),
+      k(n.$slots, "default")
+    ], 16));
+  }
+}), Tt = { class: "vf-popover" }, St = ["id", "aria-controls", "aria-expanded"], Vt = ["id", "aria-labelledby"], Jt = /* @__PURE__ */ C({
+  __name: "VfPopover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open", "openChange"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = x(null), r = x(null), u = x(null), v = H({ prefix: "vf-popover-content" }), g = H({ prefix: "vf-popover-trigger" }), w = J({
+      defaultOpen: t.defaultOpen,
+      open: s(() => t.open),
+      onOpenChange: (p) => {
+        a("update:open", p), a("openChange", p);
+      }
+    }), f = w.isOpen, $ = s(
+      () => t.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
+    ), { placement: T, middlewareData: V, styles: _ } = se(n, r, {
+      enabled: f,
+      placement: s(() => t.placement),
+      middleware: s(
+        () => [oe(10), ne({ placements: $.value }), ae(), u.value ? re(u.value) : void 0].filter(
+          (p) => p !== void 0
+        )
+      ),
+      strategy: "fixed"
+    }), I = s(() => [
+      "vf-popover__content",
+      T.value.startsWith("top") && "vf-popover__content--top"
+    ]), D = s(() => {
+      const p = V.value.arrow;
+      return {
+        x: (p == null ? void 0 : p.x) !== void 0 && (p == null ? void 0 : p.baseX) !== void 0 ? p.x - p.baseX : 0,
+        y: (p == null ? void 0 : p.y) !== void 0 && (p == null ? void 0 : p.baseY) !== void 0 ? p.y - p.baseY : 0
+      };
+    }), d = s(() => ({
+      left: `${D.value.x}px`,
+      top: `${D.value.y}px`
+    })), O = s(() => [
+      "vf-popover__arrow",
+      T.value.startsWith("top") ? "vf-popover__arrow--top" : "vf-popover__arrow--bottom"
+    ]);
+    async function l() {
+      var U, X;
+      await Q();
+      const p = (U = r.value) == null ? void 0 : U.querySelector("[autofocus], [data-autofocus]");
+      if (p) {
+        p.focus();
+        return;
+      }
+      (X = r.value) == null || X.focus();
+    }
+    function B() {
+      w.open(), l();
+    }
+    function b() {
+      var p;
+      w.close(), (p = n.value) == null || p.focus();
+    }
+    function y() {
+      if (f.value) {
+        b();
+        return;
+      }
+      B();
+    }
+    function z(p) {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), y()), p.key === "ArrowDown" && (p.preventDefault(), B());
+    }
+    return ke(
+      [n, r],
+      () => {
+        f.value && t.closeOnOutsideClick && b();
+      },
+      {
+        enabled: f,
+        event: "click"
+      }
+    ), le(
+      (p) => {
+        !f.value || !t.closeOnEscape || (p.preventDefault(), b());
+      },
+      {
+        enabled: f
+      }
+    ), (p, U) => (m(), h("div", Tt, [
+      S("div", {
+        id: c(g),
+        ref_key: "triggerRef",
+        ref: n,
+        class: "vf-popover__trigger",
+        "aria-controls": c(v),
+        "aria-expanded": c(f),
+        "aria-haspopup": "dialog",
+        tabindex: "0",
+        onClick: y,
+        onKeydown: z
+      }, [
+        k(p.$slots, "trigger", {
+          open: c(f),
+          toggle: y
+        })
+      ], 40, St),
+      (m(), Y(Z, { to: "body" }, [
+        c(f) ? (m(), h("section", {
+          key: 0,
+          id: c(v),
+          ref_key: "contentRef",
+          ref: r,
+          class: K(I.value),
+          style: j(c(_)),
+          "aria-labelledby": c(g),
+          role: "dialog",
+          tabindex: "-1"
+        }, [
+          S("span", {
+            ref_key: "arrowRef",
+            ref: u,
+            class: K(O.value),
+            style: j(d.value),
+            "aria-hidden": "true"
+          }, null, 6),
+          k(p.$slots, "default", {
+            open: c(f),
+            close: b
+          })
+        ], 14, Vt)) : E("", !0)
+      ]))
+    ]));
+  }
+}), eo = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfTag",
+  props: {
+    tone: { default: "neutral" }
+  },
+  setup(e) {
+    const o = e, t = F(), a = s(
+      () => A("vf-tag", o.tone !== "neutral" && `vf-tag--${o.tone}`)
+    );
+    return (n, r) => (m(), h("span", M({ class: a.value }, c(t)), [
+      k(n.$slots, "default")
+    ], 16));
+  }
+}), Ct = { class: "vf-tabs" }, Et = {
+  class: "vf-tabs__list",
+  role: "tablist",
+  "aria-orientation": "horizontal"
+}, Ot = ["id", "aria-controls", "aria-selected", "disabled", "tabindex", "onClick", "onKeydown"], Bt = ["id", "aria-labelledby"], to = /* @__PURE__ */ C({
+  __name: "VfTabs",
+  props: {
+    items: {},
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = H({ prefix: "vf-tabs" }), r = x([]), u = s(() => {
+      var d;
+      return (d = t.items.find((O) => !O.disabled)) == null ? void 0 : d.value;
+    }), v = x(t.defaultValue ?? u.value), g = s(() => t.modelValue !== void 0), w = s(() => t.modelValue ?? v.value ?? u.value);
+    W(
+      () => t.items,
+      (d) => {
+        !d.some((l) => l.value === w.value && !l.disabled) && u.value && f(u.value);
+      },
+      { deep: !0 }
+    );
+    function f(d) {
+      g.value || (v.value = d), a("update:modelValue", d), a("change", d);
+    }
+    function $(d) {
+      d.disabled || f(d.value);
+    }
+    function T() {
+      return t.items.filter((d) => !d.disabled);
+    }
+    function V(d) {
+      var l;
+      const O = t.items.findIndex((B) => B.value === d);
+      (l = r.value[O]) == null || l.focus();
+    }
+    function _(d, O) {
+      const l = T(), B = l.findIndex((b) => b.value === O.value);
+      if (B !== -1) {
+        if (d.key === "ArrowRight" || d.key === "ArrowDown") {
+          d.preventDefault();
+          const b = l[(B + 1) % l.length];
+          $(b), V(b.value);
+          return;
+        }
+        if (d.key === "ArrowLeft" || d.key === "ArrowUp") {
+          d.preventDefault();
+          const b = l[(B - 1 + l.length) % l.length];
+          $(b), V(b.value);
+          return;
+        }
+        if (d.key === "Home") {
+          d.preventDefault();
+          const b = l[0];
+          $(b), V(b.value);
+          return;
+        }
+        if (d.key === "End") {
+          d.preventDefault();
+          const b = l[l.length - 1];
+          $(b), V(b.value);
+        }
+      }
+    }
+    function I(d) {
+      return `${n.value}-tab-${d}`;
+    }
+    function D(d) {
+      return `${n.value}-panel-${d}`;
+    }
+    return (d, O) => (m(), h("div", Ct, [
+      S("div", Et, [
+        (m(!0), h(Ve, null, Ce(e.items, (l, B) => (m(), h("button", {
+          id: I(l.value),
+          key: l.value,
+          ref_for: !0,
+          ref: (b) => {
+            r.value[B] = b;
+          },
+          "aria-controls": D(l.value),
+          "aria-selected": w.value === l.value,
+          disabled: l.disabled,
+          tabindex: w.value === l.value ? 0 : -1,
+          class: "vf-tabs__tab",
+          role: "tab",
+          type: "button",
+          onClick: (b) => $(l),
+          onKeydown: (b) => _(b, l)
+        }, R(l.label), 41, Ot))), 128))
+      ]),
+      w.value ? (m(), h("div", {
+        key: 0,
+        id: D(w.value),
+        "aria-labelledby": I(w.value),
+        class: "vf-tabs__panel",
+        role: "tabpanel",
+        tabindex: "0"
+      }, [
+        k(d.$slots, "panel", Ee(Oe({ activeValue: w.value })))
+      ], 8, Bt)) : E("", !0)
+    ]));
+  }
+}), It = ["value", "aria-invalid"], oo = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VfTextarea",
+  props: {
+    modelValue: { default: "" },
+    size: { default: "md" },
+    invalid: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = F(), r = s(
+      () => A(
+        "vf-textarea",
+        t.size !== "md" && `vf-textarea--${t.size}`,
+        t.invalid && "vf-textarea--invalid"
+      )
+    );
+    function u(v) {
+      a("update:modelValue", v.target.value);
+    }
+    return (v, g) => (m(), h("textarea", M({
+      class: r.value,
+      value: t.modelValue,
+      "aria-invalid": t.invalid || void 0
+    }, c(n), { onInput: u }), null, 16, It));
+  }
+}), Dt = ["aria-describedby"], Pt = ["id"], no = /* @__PURE__ */ C({
+  __name: "VfTooltip",
+  props: {
+    text: { default: void 0 },
+    placement: { default: "top" },
+    openDelay: { default: 80 }
+  },
+  setup(e) {
+    const o = e, t = x(!1), a = H({ prefix: "vf-tooltip" }), n = x(null), r = x(null), u = x(null), v = x(null), { placement: g, middlewareData: w, styles: f, cleanup: $ } = se(
+      r,
+      u,
+      {
+        enabled: t,
+        placement: s(() => o.placement),
+        middleware: s(
+          () => [oe(10), ne({ placements: ["top", "bottom"] }), ae(), v.value ? re(v.value) : void 0].filter(
+            (l) => l !== void 0
+          )
+        ),
+        strategy: "fixed"
+      }
+    ), T = s(
+      () => [
+        "vf-tooltip__content",
+        g.value.startsWith("bottom") && "vf-tooltip__content--bottom",
+        g.value.startsWith("top") && "vf-tooltip__content--top"
+      ]
+    ), V = s(() => {
+      const l = w.value.arrow;
+      return {
+        x: (l == null ? void 0 : l.x) !== void 0 && (l == null ? void 0 : l.baseX) !== void 0 ? l.x - l.baseX : 0,
+        y: (l == null ? void 0 : l.y) !== void 0 && (l == null ? void 0 : l.baseY) !== void 0 ? l.y - l.baseY : 0
+      };
+    }), _ = s(() => ["vf-tooltip__arrow"]), I = s(() => ({
+      left: `${V.value.x}px`,
+      top: `${V.value.y}px`
+    }));
+    function D() {
+      n.value !== null && (window.clearTimeout(n.value), n.value = null);
+    }
+    function d() {
+      D(), n.value = window.setTimeout(() => {
+        t.value = !0;
+      }, o.openDelay);
+    }
+    function O() {
+      D(), t.value = !1;
+    }
+    return G(() => {
+      D(), $();
+    }), (l, B) => (m(), h("span", {
+      class: "vf-tooltip",
+      onMouseenter: d,
+      onMouseleave: O,
+      onFocusin: d,
+      onFocusout: O
+    }, [
+      S("span", {
+        ref_key: "triggerRef",
+        ref: r,
+        class: "vf-tooltip__trigger",
+        "aria-describedby": t.value ? c(a) : void 0
+      }, [
+        k(l.$slots, "default")
+      ], 8, Dt),
+      (m(), Y(Z, { to: "body" }, [
+        t.value && (e.text || l.$slots.content) ? (m(), h("span", {
+          key: 0,
+          id: c(a),
+          ref_key: "contentRef",
+          ref: u,
+          class: K(T.value),
+          style: j(c(f)),
+          role: "tooltip"
+        }, [
+          k(l.$slots, "content", {}, () => [
+            he(R(e.text), 1)
+          ]),
+          S("span", {
+            ref_key: "arrowRef",
+            ref: v,
+            class: K(_.value),
+            style: j(I.value),
+            "aria-hidden": "true"
+          }, null, 6)
+        ], 14, Pt)) : E("", !0)
+      ]))
+    ], 32));
+  }
+});
+export {
+  Kt as VfAccordion,
+  Gt as VfAlert,
+  Wt as VfBadge,
+  jt as VfButton,
+  Ut as VfCard,
+  Nt as VfDialog,
+  Yt as VfDivider,
+  Xt as VfDropdown,
+  it as VfIconButton,
+  qt as VfInput,
+  Qt as VfLink,
+  Zt as VfPanel,
+  Jt as VfPopover,
+  to as VfTabs,
+  eo as VfTag,
+  oo as VfTextarea,
+  Ht as VfThemeProvider,
+  no as VfTooltip,
+  Mt as VueForge,
+  Ft as createThemePreset,
+  We as createVueForge,
+  Mt as default,
+  De as defaultThemePreset,
+  ke as useClickOutside,
+  J as useDisclosure,
+  le as useEscapeKey,
+  se as useFloating,
+  Ne as useFocusTrap,
+  H as useId,
+  Rt as useTheme
+};