vft 0.0.9 → 0.0.13

package/es/hooks/use-namespace/index.mjs

@@ -1,42 +1,47 @@
-import { ref as o } from "vue";
-const g = "vri", V = "is-", c = (e, a, $, u, v) => {
-  let r = `${e}-${a}`;
-  return $ && (r += `-${$}`), u && (r += `__${u}`), v && (r += `--${v}`), r;
-}, q = (e) => {
-  const a = o("vft");
+import { inject as p, ref as m, computed as N, unref as V } from "vue";
+const v = "vft", l = "is-", c = (a, t, u, o, $) => {
+  let r = `${a}-${t}`;
+  return u && (r += `-${u}`), o && (r += `__${o}`), $ && (r += `--${$}`), r;
+}, y = Symbol("localeContextKey"), P = () => {
+  const a = p(y, m(v));
+  return N(() => V(a) || v);
+}, d = (a) => {
+  const t = m("vft");
   return {
-    namespace: a,
-    b: (s = "") => c(a.value, e, s, "", ""),
-    e: (s) => s ? c(a.value, e, "", s, "") : "",
-    m: (s) => s ? c(a.value, e, "", "", s) : "",
-    be: (s, t) => s && t ? c(a.value, e, s, t, "") : "",
-    em: (s, t) => s && t ? c(a.value, e, "", s, t) : "",
-    bm: (s, t) => s && t ? c(a.value, e, s, "", t) : "",
-    bem: (s, t, n) => s && t && n ? c(a.value, e, s, t, n) : "",
-    is: (s, ...t) => {
-      const n = t.length >= 1 ? t[0] : !0;
-      return s && n ? `${V}${s}` : "";
+    namespace: t,
+    b: (s = "") => c(t.value, a, s, "", ""),
+    e: (s) => s ? c(t.value, a, "", s, "") : "",
+    m: (s) => s ? c(t.value, a, "", "", s) : "",
+    be: (s, e) => s && e ? c(t.value, a, s, e, "") : "",
+    em: (s, e) => s && e ? c(t.value, a, "", s, e) : "",
+    bm: (s, e) => s && e ? c(t.value, a, s, "", e) : "",
+    bem: (s, e, n) => s && e && n ? c(t.value, a, s, e, n) : "",
+    is: (s, ...e) => {
+      const n = e.length >= 1 ? e[0] : !0;
+      return s && n ? `${l}${s}` : "";
     },
     // css
     cssVar: (s) => {
-      const t = {};
+      const e = {};
       for (const n in s)
-        s[n] && (t[`--${a.value}-${n}`] = s[n]);
-      return t;
+        s[n] && (e[`--${t.value}-${n}`] = s[n]);
+      return e;
     },
-    cssVarName: (s) => `--${a.value}-${s}`,
+    cssVarName: (s) => `--${t.value}-${s}`,
     cssVarBlock: (s) => {
-      const t = {};
+      const e = {};
       for (const n in s)
-        s[n] && (t[`--${a.value}-${e}-${n}`] = s[n]);
-      return t;
+        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
+      return e;
     },
-    cssVarBlockName: (s) => `--${a.value}-${e}-${s}`
+    cssVarBlockName: (s) => `--${t.value}-${a}-${s}`
   };
 };
 export {
   c as _bem,
-  g as defaultNamespace,
-  q as useNamespace
+  v as defaultNamespace,
+  y as namespaceContextKey,
+  P as useGetDerivedNamespace,
+  d as useNamespace
 };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-namespace/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { ref } from 'vue';\n\nexport const defaultNamespace = 'vri';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n  let cls = `${namespace}-${block}`;\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`;\n  }\n  if (element) {\n    cls += `__${element}`;\n  }\n  if (modifier) {\n    cls += `--${modifier}`;\n  }\n  return cls;\n};\n\nexport const useNamespace = (block: string) => {\n  // const namespace = useGlobalConfig('namespace', defaultNamespace);\n  const namespace = ref('vft');\n  // vri-button | (test) = vri-button-test\n  const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n  // e('test'): vri-button__test\n  const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n  // m('test'): vri-button--test\n  const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n  // be('test'): vri-button-par__sub\n  const be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n  // em('test'): vri-button__par--sub\n  const em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n  // bm('test'): vri-button-par--sub\n  const bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n  // bem('test'): vri-button-par__sub--sun\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n  // is('show', true): is-show\n  const is: {\n    (name: string, state: boolean | undefined): string;\n    (name: string): string;\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true;\n    return name && state ? `${statePrefix}${name}` : '';\n  };\n\n  // cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vri-border-style\": \"solid\",\"--vri-border-width\": \"10px\" }\n  const cssVar = (object: Record<string, string|undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vri-button-border-style\": \"solid\", \"--vri-button-border-width\": \"10px\" }\n  const cssVarBlock = (object: Record<string, string | undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarName('test')：--vri-test\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\n  // cssVarBlockName('test')：--vri-button-test\n  const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName\n  };\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","useNamespace","ref","name","args","state","object","styles","key"],"mappings":";AAEO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC5G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACFG,KAAO,IAAIH,MAETC,MACFE,KAAO,KAAKF,MAEVC,MACFC,KAAO,KAAKD,MAEPC;AACT,GAEaC,IAAe,CAACL,MAAkB;AAEvC,QAAAD,IAAYO,EAAI,KAAK;AAoDpB,SAAA;AAAA,IACL,WAAAP;AAAA,IACA,GApDQ,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD9E,GAnDQ,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoDzF,GAlDQ,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD5F,IAjDS,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDxI,IAhDS,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiD/H,IA/CS,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD3I,KA9CU,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C9K,IA1CE,CAACI,MAAiBC,MAAqC;AACzD,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGZ,IAAcU,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCa,CAACG,MAA6C;AAC3D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKZ,EAAU,SAASa,GAAK,IAAIF,EAAOE,CAAG;AAG/C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBiB,CAACJ,MAAiB,KAAKR,EAAU,SAASQ;AAAA,IAkB3D,aA7BkB,CAACG,MAA+C;AAClE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKZ,EAAU,SAASC,KAASY,GAAK,IAAIF,EAAOE,CAAG;AAGxD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBsB,CAACJ,MAAiB,KAAKR,EAAU,SAASC,KAASO;AAAA,EAgBzE;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const defaultNamespace = 'vft';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n  let cls = `${namespace}-${block}`;\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`;\n  }\n  if (element) {\n    cls += `__${element}`;\n  }\n  if (modifier) {\n    cls += `--${modifier}`;\n  }\n  return cls;\n};\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n  Symbol('localeContextKey')\n\nexport const useGetDerivedNamespace = () => {\n  const derivedNamespace = inject(namespaceContextKey, ref(defaultNamespace))\n  const namespace = computed(() => {\n    return unref(derivedNamespace) || defaultNamespace\n  })\n  return namespace\n}\n\nexport const useNamespace = (block: string) => {\n  // const namespace = useGlobalConfig('namespace', defaultNamespace);\n  const namespace = ref('vft');\n  // vri-button | (test) = vri-button-test\n  const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n  // e('test'): vri-button__test\n  const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n  // m('test'): vri-button--test\n  const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n  // be('test'): vri-button-par__sub\n  const be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n  // em('test'): vri-button__par--sub\n  const em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n  // bm('test'): vri-button-par--sub\n  const bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n  // bem('test'): vri-button-par__sub--sun\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n  // is('show', true): is-show\n  const is: {\n    (name: string, state: boolean | undefined): string;\n    (name: string): string;\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true;\n    return name && state ? `${statePrefix}${name}` : '';\n  };\n\n  // cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vri-border-style\": \"solid\",\"--vri-border-width\": \"10px\" }\n  const cssVar = (object: Record<string, string|undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vri-button-border-style\": \"solid\", \"--vri-button-border-width\": \"10px\" }\n  const cssVarBlock = (object: Record<string, string | undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarName('test')：--vri-test\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\n  // cssVarBlockName('test')：--vri-button-test\n  const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName\n  };\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","namespaceContextKey","useGetDerivedNamespace","derivedNamespace","inject","ref","computed","unref","useNamespace","name","args","state","object","styles","key"],"mappings":";AAIO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC5G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACFG,KAAO,IAAIH,MAETC,MACFE,KAAO,KAAKF,MAEVC,MACFC,KAAO,KAAKD,MAEPC;AACT,GAEaC,IACX,OAAO,kBAAkB,GAEdC,IAAyB,MAAM;AAC1C,QAAMC,IAAmBC,EAAOH,GAAqBI,EAAIb,CAAgB,CAAC;AAInE,SAHWc,EAAS,MAClBC,EAAMJ,CAAgB,KAAKX,CACnC;AAEH,GAEagB,IAAe,CAACZ,MAAkB;AAEvC,QAAAD,IAAYU,EAAI,KAAK;AAoDpB,SAAA;AAAA,IACL,WAAAV;AAAA,IACA,GApDQ,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD9E,GAnDQ,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoDzF,GAlDQ,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD5F,IAjDS,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDxI,IAhDS,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiD/H,IA/CS,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD3I,KA9CU,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C9K,IA1CE,CAACU,MAAiBC,MAAqC;AACzD,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGlB,IAAcgB,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCa,CAACG,MAA6C;AAC3D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASmB,GAAK,IAAIF,EAAOE,CAAG;AAG/C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBiB,CAACJ,MAAiB,KAAKd,EAAU,SAASc;AAAA,IAkB3D,aA7BkB,CAACG,MAA+C;AAClE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASC,KAASkB,GAAK,IAAIF,EAAOE,CAAG;AAGxD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBsB,CAACJ,MAAiB,KAAKd,EAAU,SAASC,KAASa;AAAA,EAgBzE;AAEJ;"}

package/es/hooks/use-popper/index.d.ts

@@ -0,0 +1,78 @@
+import type { Ref } from 'vue';
+import type { Instance, Modifier, Options, State, VirtualElement } from '@popperjs/core';
+type ElementType = HTMLElement | undefined;
+type ReferenceElement = ElementType | VirtualElement;
+export type PartialOptions = Partial<Options>;
+export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElementRef: Ref<ElementType>, opts?: Ref<PartialOptions> | PartialOptions) => {
+    state: import("vue").ComputedRef<{
+        elements?: {
+            reference: Element | VirtualElement;
+            popper: HTMLElement;
+            arrow?: HTMLElement | undefined;
+        } | undefined;
+        options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
+        placement?: import("@popperjs/core").Placement | undefined;
+        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
+        orderedModifiers?: Modifier<any, any>[] | undefined;
+        rects?: import("@popperjs/core").StateRects | undefined;
+        scrollParents?: {
+            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+        } | undefined;
+        styles?: {
+            [key: string]: Partial<CSSStyleDeclaration>;
+        } | undefined;
+        attributes?: {
+            [key: string]: {
+                [key: string]: string | boolean;
+            };
+        } | undefined;
+        modifiersData?: {
+            [key: string]: any;
+            arrow?: {
+                x?: number | undefined;
+                y?: number | undefined;
+                centerOffset: number;
+            } | undefined;
+            hide?: {
+                isReferenceHidden: boolean;
+                hasPopperEscaped: boolean;
+                referenceClippingOffsets: import("@popperjs/core").SideObject;
+                popperEscapeOffsets: import("@popperjs/core").SideObject;
+            } | undefined;
+            offset?: {
+                left?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
+                "auto-start"?: import("@popperjs/core").Offsets | undefined;
+                "auto-end"?: import("@popperjs/core").Offsets | undefined;
+                "top-start"?: import("@popperjs/core").Offsets | undefined;
+                "top-end"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-start"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-end"?: import("@popperjs/core").Offsets | undefined;
+                "right-start"?: import("@popperjs/core").Offsets | undefined;
+                "right-end"?: import("@popperjs/core").Offsets | undefined;
+                "left-start"?: import("@popperjs/core").Offsets | undefined;
+                "left-end"?: import("@popperjs/core").Offsets | undefined;
+            } | undefined;
+            preventOverflow?: import("@popperjs/core").Offsets | undefined;
+            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+        } | undefined;
+        reset?: boolean | undefined;
+    }>;
+    styles: import("vue").ComputedRef<{
+        [key: string]: Partial<CSSStyleDeclaration>;
+    }>;
+    attributes: import("vue").ComputedRef<{
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    }>;
+    update: () => Promise<Partial<State>> | undefined;
+    forceUpdate: () => void | undefined;
+    instanceRef: import("vue").ComputedRef<Instance | undefined>;
+};
+export type UsePopperReturn = ReturnType<typeof usePopper>;
+export {};

package/es/hooks/use-popper/index.mjs

@@ -0,0 +1,98 @@
+import { computed as n, unref as e, shallowRef as b, ref as v, watch as f, onBeforeUnmount as S } from "vue";
+import { createPopper as U } from "@popperjs/core";
+import { fromPairs as d } from "lodash";
+const P = (a, i, p = {}) => {
+  const u = {
+    name: "updateState",
+    enabled: !0,
+    phase: "write",
+    fn: ({ state: t }) => {
+      const r = g(t);
+      Object.assign(c.value, r);
+    },
+    requires: ["computeStyles"]
+  }, s = n(() => {
+    const { onFirstUpdate: t, placement: r, strategy: m, modifiers: y } = e(p);
+    return {
+      onFirstUpdate: t,
+      placement: r || "bottom",
+      strategy: m || "absolute",
+      modifiers: [
+        ...y || [],
+        u,
+        { name: "applyStyles", enabled: !1 }
+      ]
+    };
+  }), o = b(), c = v({
+    styles: {
+      popper: {
+        position: e(s).strategy,
+        left: "0",
+        top: "0"
+      },
+      arrow: {
+        position: "absolute"
+      }
+    },
+    attributes: {}
+  }), l = () => {
+    o.value && (o.value.destroy(), o.value = void 0);
+  };
+  return f(
+    s,
+    (t) => {
+      const r = e(o);
+      r && r.setOptions(t);
+    },
+    {
+      deep: !0
+    }
+  ), f(
+    [a, i],
+    ([t, r]) => {
+      l(), !(!t || !r) && (o.value = U(
+        t,
+        r,
+        e(s)
+      ));
+    }
+  ), S(() => {
+    l();
+  }), {
+    state: n(() => {
+      var t;
+      return { ...((t = e(o)) == null ? void 0 : t.state) || {} };
+    }),
+    styles: n(() => e(c).styles),
+    attributes: n(() => e(c).attributes),
+    update: () => {
+      var t;
+      return (t = e(o)) == null ? void 0 : t.update();
+    },
+    forceUpdate: () => {
+      var t;
+      return (t = e(o)) == null ? void 0 : t.forceUpdate();
+    },
+    // Preventing end users from modifying the instance.
+    instanceRef: n(() => e(o))
+  };
+};
+function g(a) {
+  const i = Object.keys(a.elements), p = d(
+    i.map(
+      (s) => [s, a.styles[s] || {}]
+    )
+  ), u = d(
+    i.map(
+      (s) => [s, a.attributes[s]]
+    )
+  );
+  return {
+    styles: p,
+    attributes: u
+  };
+}
+export {
+  P as usePopper
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-popper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, shallowRef, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { fromPairs } from 'lodash'\n\nimport type { Ref } from 'vue'\nimport type {\n  Instance,\n  Modifier,\n  Options,\n  State,\n  VirtualElement,\n} from '@popperjs/core'\n\ntype ElementType = HTMLElement | undefined\ntype ReferenceElement = ElementType | VirtualElement\nexport type PartialOptions = Partial<Options>\n\nexport const usePopper = (\n  referenceElementRef: Ref<ReferenceElement>,\n  popperElementRef: Ref<ElementType>,\n  opts: Ref<PartialOptions> | PartialOptions = {} as PartialOptions\n) => {\n  const stateUpdater = {\n    name: 'updateState',\n    enabled: true,\n    phase: 'write',\n    fn: ({ state }) => {\n      const derivedState = deriveState(state)\n\n      Object.assign(states.value, derivedState)\n    },\n    requires: ['computeStyles'],\n  } as Modifier<'updateState', any>\n\n  const options = computed<Options>(() => {\n    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts)\n\n    return {\n      onFirstUpdate,\n      placement: placement || 'bottom',\n      strategy: strategy || 'absolute',\n      modifiers: [\n        ...(modifiers || []),\n        stateUpdater,\n        { name: 'applyStyles', enabled: false },\n      ],\n    }\n  })\n\n  const instanceRef = shallowRef<Instance | undefined>()\n  const states = ref<Pick<State, 'styles' | 'attributes'>>({\n    styles: {\n      popper: {\n        position: unref(options).strategy,\n        left: '0',\n        top: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  })\n\n  const destroy = () => {\n    if (!instanceRef.value) return\n\n    instanceRef.value.destroy()\n    instanceRef.value = undefined\n  }\n\n  watch(\n    options,\n    (newOptions) => {\n      const instance = unref(instanceRef)\n      if (instance) {\n        instance.setOptions(newOptions)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    [referenceElementRef, popperElementRef],\n    ([referenceElement, popperElement]) => {\n      destroy()\n      if (!referenceElement || !popperElement) return\n\n      instanceRef.value = createPopper(\n        referenceElement,\n        popperElement,\n        unref(options)\n      )\n    }\n  )\n\n  onBeforeUnmount(() => {\n    destroy()\n  })\n\n  return {\n    state: computed(() => ({ ...(unref(instanceRef)?.state || {}) })),\n    styles: computed(() => unref(states).styles),\n    attributes: computed(() => unref(states).attributes),\n    update: () => unref(instanceRef)?.update(),\n    forceUpdate: () => unref(instanceRef)?.forceUpdate(),\n    // Preventing end users from modifying the instance.\n    instanceRef: computed(() => unref(instanceRef)),\n  }\n}\n\nfunction deriveState(state: State) {\n  const elements = Object.keys(state.elements) as unknown as Array<\n    keyof State['elements']\n  >\n\n  const styles = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.styles[element] || {}] as [\n          string,\n          State['styles'][keyof State['styles']]\n        ]\n    )\n  )\n\n  const attributes = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.attributes[element]] as [\n          string,\n          State['attributes'][keyof State['attributes']]\n        ]\n    )\n  )\n\n  return {\n    styles,\n    attributes,\n  }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n"],"names":["usePopper","referenceElementRef","popperElementRef","opts","stateUpdater","state","derivedState","deriveState","states","options","computed","onFirstUpdate","placement","strategy","modifiers","unref","instanceRef","shallowRef","ref","destroy","watch","newOptions","instance","referenceElement","popperElement","createPopper","onBeforeUnmount","_a","elements","styles","fromPairs","element","attributes"],"mappings":";;;AAiBO,MAAMA,IAAY,CACvBC,GACAC,GACAC,IAA6C,CAAA,MAC1C;AACH,QAAMC,IAAe;AAAA,IACnB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,IAAI,CAAC,EAAE,OAAAC,QAAY;AACX,YAAAC,IAAeC,EAAYF,CAAK;AAE/B,aAAA,OAAOG,EAAO,OAAOF,CAAY;AAAA,IAC1C;AAAA,IACA,UAAU,CAAC,eAAe;AAAA,EAAA,GAGtBG,IAAUC,EAAkB,MAAM;AACtC,UAAM,EAAE,eAAAC,GAAe,WAAAC,GAAW,UAAAC,GAAU,WAAAC,MAAcC,EAAMZ,CAAI;AAE7D,WAAA;AAAA,MACL,eAAAQ;AAAA,MACA,WAAWC,KAAa;AAAA,MACxB,UAAUC,KAAY;AAAA,MACtB,WAAW;AAAA,QACT,GAAIC,KAAa,CAAC;AAAA,QAClBV;AAAA,QACA,EAAE,MAAM,eAAe,SAAS,GAAM;AAAA,MACxC;AAAA,IAAA;AAAA,EACF,CACD,GAEKY,IAAcC,KACdT,IAASU,EAA0C;AAAA,IACvD,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,UAAUH,EAAMN,CAAO,EAAE;AAAA,QACzB,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,YAAY,CAAC;AAAA,EAAA,CACd,GAEKU,IAAU,MAAM;AACpB,IAAKH,EAAY,UAEjBA,EAAY,MAAM,WAClBA,EAAY,QAAQ;AAAA,EAAA;AAGtB,SAAAI;AAAA,IACEX;AAAA,IACA,CAACY,MAAe;AACR,YAAAC,IAAWP,EAAMC,CAAW;AAClC,MAAIM,KACFA,EAAS,WAAWD,CAAU;AAAA,IAElC;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,EAAA,GAGFD;AAAA,IACE,CAACnB,GAAqBC,CAAgB;AAAA,IACtC,CAAC,CAACqB,GAAkBC,CAAa,MAAM;AAEjC,MADIL,KACJ,GAACI,KAAoB,CAACC,OAE1BR,EAAY,QAAQS;AAAA,QAClBF;AAAA,QACAC;AAAA,QACAT,EAAMN,CAAO;AAAA,MAAA;AAAA,IAEjB;AAAA,EAAA,GAGFiB,EAAgB,MAAM;AACZ,IAAAP;EAAA,CACT,GAEM;AAAA,IACL,OAAOT,EAAS,MAAA;;AAAO,eAAE,KAAIiB,IAAAZ,EAAMC,CAAW,MAAjB,gBAAAW,EAAoB,UAAS,CAAC,EAAA;AAAA,KAAK;AAAA,IAChE,QAAQjB,EAAS,MAAMK,EAAMP,CAAM,EAAE,MAAM;AAAA,IAC3C,YAAYE,EAAS,MAAMK,EAAMP,CAAM,EAAE,UAAU;AAAA,IACnD,QAAQ,MAAM;;AAAA,cAAAmB,IAAAZ,EAAMC,CAAW,MAAjB,gBAAAW,EAAoB;AAAA;AAAA,IAClC,aAAa,MAAM;;AAAA,cAAAA,IAAAZ,EAAMC,CAAW,MAAjB,gBAAAW,EAAoB;AAAA;AAAA;AAAA,IAEvC,aAAajB,EAAS,MAAMK,EAAMC,CAAW,CAAC;AAAA,EAAA;AAElD;AAEA,SAAST,EAAYF,GAAc;AACjC,QAAMuB,IAAW,OAAO,KAAKvB,EAAM,QAAQ,GAIrCwB,IAASC;AAAA,IACbF,EAAS;AAAA,MACP,CAACG,MACC,CAACA,GAAS1B,EAAM,OAAO0B,CAAO,KAAK,EAAE;AAAA,IAIzC;AAAA,EAAA,GAGIC,IAAaF;AAAA,IACjBF,EAAS;AAAA,MACP,CAACG,MACC,CAACA,GAAS1B,EAAM,WAAW0B,CAAO,CAAC;AAAA,IAIvC;AAAA,EAAA;AAGK,SAAA;AAAA,IACL,QAAAF;AAAA,IACA,YAAAG;AAAA,EAAA;AAEJ;"}

package/es/hooks/use-popper-container/index.d.ts

@@ -0,0 +1,5 @@
+export declare const usePopperContainerId: () => {
+    id: import("vue").ComputedRef<string>;
+    selector: import("vue").ComputedRef<string>;
+};
+export declare const usePopperContainer: () => void;

package/es/hooks/use-popper-container/index.mjs

@@ -0,0 +1,27 @@
+import { computed as n, onBeforeMount as i } from "vue";
+import { isClient as s } from "@vueuse/core";
+import { useGetDerivedNamespace as p } from "../use-namespace/index.mjs";
+import { useIdInjection as a } from "../use-id/index.mjs";
+let r;
+const u = () => {
+  const o = p(), e = a(), t = n(() => `${o.value}-popper-container-${e.prefix}`), c = n(() => `#${t.value}`);
+  return {
+    id: t,
+    selector: c
+  };
+}, d = (o) => {
+  const e = document.createElement("div");
+  return e.id = o, document.body.appendChild(e), e;
+}, C = () => {
+  i(() => {
+    if (!s)
+      return;
+    const { id: o, selector: e } = u();
+    (process.env.NODE_ENV === "test" || !r && !document.body.querySelector(e.value)) && (r = d(o.value));
+  });
+};
+export {
+  C as usePopperContainer,
+  u as usePopperContainerId
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-popper-container/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { computed, onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { useGetDerivedNamespace } from '../use-namespace'\nimport { useIdInjection } from '../use-id'\n\nlet cachedContainer: HTMLElement\n\nexport const usePopperContainerId = () => {\n  const namespace = useGetDerivedNamespace()\n  const idInjection = useIdInjection()\n\n  const id = computed(() => {\n    return `${namespace.value}-popper-container-${idInjection.prefix}`\n  })\n  const selector = computed(() => `#${id.value}`)\n\n  return {\n    id,\n    selector,\n  }\n}\n\nconst createContainer = (id: string) => {\n  const container = document.createElement('div')\n  container.id = id\n  document.body.appendChild(container)\n  return container\n}\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    const { id, selector } = usePopperContainerId()\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (\n      process.env.NODE_ENV === 'test' ||\n      (!cachedContainer && !document.body.querySelector(selector.value))\n    ) {\n      cachedContainer = createContainer(id.value)\n    }\n  })\n}\n"],"names":["cachedContainer","usePopperContainerId","namespace","useGetDerivedNamespace","idInjection","useIdInjection","id","computed","selector","createContainer","container","usePopperContainer","onBeforeMount","isClient"],"mappings":";;;;AAKA,IAAIA;AAEG,MAAMC,IAAuB,MAAM;AACxC,QAAMC,IAAYC,KACZC,IAAcC,KAEdC,IAAKC,EAAS,MACX,GAAGL,EAAU,0BAA0BE,EAAY,QAC3D,GACKI,IAAWD,EAAS,MAAM,IAAID,EAAG,OAAO;AAEvC,SAAA;AAAA,IACL,IAAAA;AAAA,IACA,UAAAE;AAAA,EAAA;AAEJ,GAEMC,IAAkB,CAACH,MAAe;AAChC,QAAAI,IAAY,SAAS,cAAc,KAAK;AAC9C,SAAAA,EAAU,KAAKJ,GACN,SAAA,KAAK,YAAYI,CAAS,GAC5BA;AACT,GAEaC,IAAqB,MAAM;AACtC,EAAAC,EAAc,MAAM;AAClB,QAAI,CAACC;AAAU;AAEf,UAAM,EAAE,IAAAP,GAAI,UAAAE,EAAS,IAAIP,EAAqB;AAI9C,KACE,QAAQ,IAAI,aAAa,UACxB,CAACD,KAAmB,CAAC,SAAS,KAAK,cAAcQ,EAAS,KAAK,OAE9CR,IAAAS,EAAgBH,EAAG,KAAK;AAAA,EAC5C,CACD;AACH;"}

package/es/hooks/use-timeout/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useTimeout(): {
+    registerTimeout: (fn: (...args: any[]) => any, delay: number) => void;
+    cancelTimeout: () => void;
+};

package/es/hooks/use-timeout/index.mjs

@@ -0,0 +1,15 @@
+import { tryOnScopeDispose as r } from "@vueuse/core";
+function m() {
+  let t;
+  const o = (i, n) => {
+    e(), t = window.setTimeout(i, n);
+  }, e = () => window.clearTimeout(t);
+  return r(() => e()), {
+    registerTimeout: o,
+    cancelTimeout: e
+  };
+}
+export {
+  m as useTimeout
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-timeout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { tryOnScopeDispose } from '@vueuse/core';\n\nexport function useTimeout() {\n  let timeoutHandle: number;\n\n  const registerTimeout = (fn: (...args: any[]) => any, delay: number) => {\n    cancelTimeout();\n    timeoutHandle = window.setTimeout(fn, delay);\n  };\n  const cancelTimeout = () => window.clearTimeout(timeoutHandle);\n\n  tryOnScopeDispose(() => cancelTimeout());\n\n  return {\n    registerTimeout,\n    cancelTimeout\n  };\n}\n"],"names":["useTimeout","timeoutHandle","registerTimeout","fn","delay","cancelTimeout","tryOnScopeDispose"],"mappings":";AAEO,SAASA,IAAa;AACvB,MAAAC;AAEE,QAAAC,IAAkB,CAACC,GAA6BC,MAAkB;AACxD,IAAAC,KACEJ,IAAA,OAAO,WAAWE,GAAIC,CAAK;AAAA,EAAA,GAEvCC,IAAgB,MAAM,OAAO,aAAaJ,CAAa;AAE3C,SAAAK,EAAA,MAAMD,GAAe,GAEhC;AAAA,IACL,iBAAAH;AAAA,IACA,eAAAG;AAAA,EAAA;AAEJ;"}

package/es/hooks/use-z-index/index.d.ts

@@ -0,0 +1,7 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const zIndexContextKey: InjectionKey<Ref<number | undefined>>;
+export declare const useZIndex: () => {
+    initialZIndex: import("vue").ComputedRef<number>;
+    currentZIndex: import("vue").ComputedRef<number>;
+    nextZIndex: () => number;
+};

package/es/hooks/use-z-index/index.mjs

@@ -0,0 +1,18 @@
+import { ref as c, inject as d, computed as o, unref as I } from "vue";
+import { isNumber as u } from "@vft/utils";
+const r = c(0), i = 2e3, s = Symbol("zIndexContextKey"), Z = () => {
+  const x = d(s, void 0), e = o(() => {
+    const t = I(x);
+    return u(t) ? t : i;
+  }), n = o(() => e.value + r.value);
+  return {
+    initialZIndex: e,
+    currentZIndex: n,
+    nextZIndex: () => (r.value++, n.value)
+  };
+};
+export {
+  Z as useZIndex,
+  s as zIndexContextKey
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-z-index/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\nimport { isNumber } from '@vft/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nconst zIndex = ref(0)\nconst defaultInitialZIndex = 2000\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n  Symbol('zIndexContextKey')\n\nexport const useZIndex = () => {\n  const zIndexInjection = inject(zIndexContextKey, undefined)\n  const initialZIndex = computed(() => {\n    const zIndexFromInjection = unref(zIndexInjection)\n    return isNumber(zIndexFromInjection)\n      ? zIndexFromInjection\n      : defaultInitialZIndex\n  })\n  const currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n\n  const nextZIndex = () => {\n    zIndex.value++\n    return currentZIndex.value\n  }\n\n  return {\n    initialZIndex,\n    currentZIndex,\n    nextZIndex,\n  }\n}\n"],"names":["zIndex","ref","defaultInitialZIndex","zIndexContextKey","useZIndex","zIndexInjection","inject","initialZIndex","computed","zIndexFromInjection","unref","isNumber","currentZIndex"],"mappings":";;AAKA,MAAMA,IAASC,EAAI,CAAC,GACdC,IAAuB,KAEhBC,IACX,OAAO,kBAAkB,GAEdC,IAAY,MAAM;AACvB,QAAAC,IAAkBC,EAAOH,GAAkB,MAAS,GACpDI,IAAgBC,EAAS,MAAM;AAC7B,UAAAC,IAAsBC,EAAML,CAAe;AAC1C,WAAAM,EAASF,CAAmB,IAC/BA,IACAP;AAAA,EAAA,CACL,GACKU,IAAgBJ,EAAS,MAAMD,EAAc,QAAQP,EAAO,KAAK;AAOhE,SAAA;AAAA,IACL,eAAAO;AAAA,IACA,eAAAK;AAAA,IACA,YARiB,OACVZ,EAAA,SACAY,EAAc;AAAA,EAMrB;AAEJ;"}

package/es/index.mjs

@@ -1,51 +1,96 @@
-import o from "./defaults.mjs";
-import { VftDivider as p } from "./components/divider/index.mjs";
-import { VftIcon as x } from "./components/icon/index.mjs";
-import { VftAvatar as E } from "./components/avatar/index.mjs";
-import { VftEmpty as i } from "./components/empty/index.mjs";
-import { VftResult as V } from "./components/result/index.mjs";
-import { VftException as c } from "./components/exception/index.mjs";
-import { VftTabPane as N, VftTabs as _ } from "./components/tabs/index.mjs";
-import { EVENT_CODE as D } from "./constants/aria.mjs";
-import { WEEK_DAYS as A, datePickTypes as b } from "./constants/date.mjs";
-import { CHANGE_EVENT as C, INPUT_EVENT as I, UPDATE_MODEL_EVENT as P } from "./constants/event.mjs";
-import { INSTALLED_KEY as K } from "./constants/key.mjs";
-import { componentSizeMap as O, componentSizes as k } from "./constants/size.mjs";
-import { _bem as M, defaultNamespace as R, useNamespace as U } from "./hooks/use-namespace/index.mjs";
-import { useOrderedChildren as h } from "./hooks/use-ordered-children/index.mjs";
-import { makeInstaller as G } from "./make-installer.mjs";
-import { default as W } from "dayjs";
-import { EmptyEnum as q } from "./components/empty/constants.mjs";
-import { TabsRootContextKey as B } from "./components/tabs/types.mjs";
-const r = o.install, t = o.version;
+import e from "./defaults.mjs";
+import { VftDivider as m } from "./components/divider/index.mjs";
+import { VftIcon as s } from "./components/icon/index.mjs";
+import { VftAvatar as n } from "./components/avatar/index.mjs";
+import { VftEmpty as l } from "./components/empty/index.mjs";
+import { VftResult as i } from "./components/result/index.mjs";
+import { VftException as V } from "./components/exception/index.mjs";
+import { VftTabPane as I, VftTabs as c } from "./components/tabs/index.mjs";
+import { VftPopper as C } from "./components/popper/index.mjs";
+import { VftCollapseTransition as P } from "./components/collapse-transition/index.mjs";
+import { VftTooltip as g } from "./components/tooltip/index.mjs";
+import { VftPopover as y } from "./components/popover/index.mjs";
+import { VftMenu as A, VftMenuItem as K, VftMenuItemGroup as R, VftSubMenu as b } from "./components/menu/index.mjs";
+import { EVENT_CODE as S } from "./constants/aria.mjs";
+import { WEEK_DAYS as Y, datePickTypes as w } from "./constants/date.mjs";
+import { CHANGE_EVENT as G, INPUT_EVENT as L, UPDATE_MODEL_EVENT as j } from "./constants/event.mjs";
+import { INSTALLED_KEY as J } from "./constants/key.mjs";
+import { componentSizeMap as W, componentSizes as h } from "./constants/size.mjs";
+import { _bem as Z, defaultNamespace as q, namespaceContextKey as B, useGetDerivedNamespace as Q, useNamespace as X } from "./hooks/use-namespace/index.mjs";
+import { usePopper as ee } from "./hooks/use-popper/index.mjs";
+import { useZIndex as re, zIndexContextKey as te } from "./hooks/use-z-index/index.mjs";
+import { FORWARD_REF_INJECTION_KEY as fe, useForwardRef as me, useForwardRefDirective as ae } from "./hooks/use-forward-ref/index.mjs";
+import { ID_INJECTION_KEY as xe, useId as ne, useIdInjection as ue } from "./hooks/use-id/index.mjs";
+import { usePopperContainer as Ee, usePopperContainerId as ie } from "./hooks/use-popper-container/index.mjs";
+import { useDelayedToggle as Ve } from "./hooks/use-delayed-toggle/index.mjs";
+import { useTimeout as Ie } from "./hooks/use-timeout/index.mjs";
+import { useOrderedChildren as Ne } from "./hooks/use-ordered-children/index.mjs";
+import { createModelToggleComposable as _e, useModelToggle as Pe, useModelToggleEmits as De } from "./hooks/use-model-toggle/index.mjs";
+import { makeInstaller as Me } from "./make-installer.mjs";
+import { default as ve } from "dayjs";
+import { EmptyEnum as Ke } from "./components/empty/constants.mjs";
+import { TabsRootContextKey as be } from "./components/tabs/types.mjs";
+import { default as Se } from "./components/popper/arrow.vue2.mjs";
+import { default as Ye } from "./components/popper/trigger.vue2.mjs";
+import { default as ze } from "./components/popper/content.vue2.mjs";
+const r = e.install, t = e.version;
 export {
-  C as CHANGE_EVENT,
-  D as EVENT_CODE,
-  q as EmptyEnum,
-  I as INPUT_EVENT,
-  K as INSTALLED_KEY,
-  B as TabsRootContextKey,
-  P as UPDATE_MODEL_EVENT,
-  E as VftAvatar,
-  p as VftDivider,
-  i as VftEmpty,
-  c as VftException,
-  x as VftIcon,
-  V as VftResult,
-  N as VftTabPane,
-  _ as VftTabs,
-  A as WEEK_DAYS,
-  M as _bem,
-  O as componentSizeMap,
-  k as componentSizes,
-  b as datePickTypes,
-  W as dayjs,
-  o as default,
-  R as defaultNamespace,
+  G as CHANGE_EVENT,
+  S as EVENT_CODE,
+  Ke as EmptyEnum,
+  fe as FORWARD_REF_INJECTION_KEY,
+  xe as ID_INJECTION_KEY,
+  L as INPUT_EVENT,
+  J as INSTALLED_KEY,
+  be as TabsRootContextKey,
+  j as UPDATE_MODEL_EVENT,
+  n as VftAvatar,
+  P as VftCollapseTransition,
+  m as VftDivider,
+  l as VftEmpty,
+  V as VftException,
+  s as VftIcon,
+  A as VftMenu,
+  K as VftMenuItem,
+  R as VftMenuItemGroup,
+  y as VftPopover,
+  C as VftPopper,
+  Se as VftPopperArrow,
+  ze as VftPopperContent,
+  Ye as VftPopperTrigger,
+  i as VftResult,
+  b as VftSubMenu,
+  I as VftTabPane,
+  c as VftTabs,
+  g as VftTooltip,
+  Y as WEEK_DAYS,
+  Z as _bem,
+  W as componentSizeMap,
+  h as componentSizes,
+  _e as createModelToggleComposable,
+  w as datePickTypes,
+  ve as dayjs,
+  e as default,
+  q as defaultNamespace,
   r as install,
-  G as makeInstaller,
-  U as useNamespace,
-  h as useOrderedChildren,
-  t as version
+  Me as makeInstaller,
+  B as namespaceContextKey,
+  Ve as useDelayedToggle,
+  me as useForwardRef,
+  ae as useForwardRefDirective,
+  Q as useGetDerivedNamespace,
+  ne as useId,
+  ue as useIdInjection,
+  Pe as useModelToggle,
+  De as useModelToggleEmits,
+  X as useNamespace,
+  Ne as useOrderedChildren,
+  ee as usePopper,
+  Ee as usePopperContainer,
+  ie as usePopperContainerId,
+  Ie as useTimeout,
+  re as useZIndex,
+  t as version,
+  te as zIndexContextKey
 };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft-ui/components'\nexport * from '@vft-ui/constants'\nexport * from '@vft-ui/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAUC,EAAU,SACpBC,IAAUD,EAAU;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft-ui/components'\nexport * from '@vft-ui/constants'\nexport * from '@vft-ui/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAUC,EAAU,SACpBC,IAAUD,EAAU;"}

package/es/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "0.0.9";
+const o = "0.0.13";
 export {
   o as version
 };