vft 0.0.11 → 0.0.14

package/es/packages/components/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/constants/aria.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.mjs","sources":["../../../../../packages/constants/aria.ts"],"sourcesContent":["export const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n  pageUp: 'PageUp',\n  pageDown: 'PageDown',\n  home: 'Home',\n  end: 'End',\n}\n"],"names":["EVENT_CODE"],"mappings":"AAAO,MAAMA,IAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EACN,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,KAAK;AACP;"}

package/es/packages/constants/date.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.mjs","sources":["../../../../../packages/constants/date.ts"],"sourcesContent":["export const datePickTypes = [\n  'year',\n  'month',\n  'date',\n  'dates',\n  'week',\n  'datetime',\n  'datetimerange',\n  'daterange',\n  'monthrange',\n] as const\n\nexport const WEEK_DAYS = [\n  'sun',\n  'mon',\n  'tue',\n  'wed',\n  'thu',\n  'fri',\n  'sat',\n] as const\n\nexport type DatePickType = typeof datePickTypes[number]\n"],"names":["datePickTypes","WEEK_DAYS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/es/packages/constants/event.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.mjs","sources":["../../../../../packages/constants/event.ts"],"sourcesContent":["export const UPDATE_MODEL_EVENT = 'update:modelValue'\nexport const CHANGE_EVENT = 'change'\nexport const INPUT_EVENT = 'input'\n"],"names":["UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT"],"mappings":"AAAO,MAAMA,IAAqB,qBACrBC,IAAe,UACfC,IAAc;"}

package/es/packages/constants/key.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.mjs","sources":["../../../../../packages/constants/key.ts"],"sourcesContent":["export const INSTALLED_KEY = Symbol('INSTALLED_KEY')\n"],"names":["INSTALLED_KEY"],"mappings":"AAAa,MAAAA,IAAgB,OAAO,eAAe;"}

package/es/packages/constants/size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.mjs","sources":["../../../../../packages/constants/size.ts"],"sourcesContent":["export const componentSizes = ['', 'default', 'small', 'large'] as const\n\nexport type ComponentSize = typeof componentSizes[number]\n\nexport const componentSizeMap = {\n  large: 40,\n  default: 32,\n  small: 24,\n} as const\n"],"names":["componentSizes","componentSizeMap"],"mappings":"AAAO,MAAMA,IAAiB,CAAC,IAAI,WAAW,SAAS,OAAO,GAIjDC,IAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;"}

package/es/packages/hooks/index.mjs

@@ -0,0 +1,35 @@
+import { _bem as r, defaultNamespace as t, namespaceContextKey as p, useGetDerivedNamespace as s, useNamespace as m } from "./use-namespace/index.mjs";
+import { usePopper as a } from "./use-popper/index.mjs";
+import { useZIndex as x, zIndexContextKey as f } from "./use-z-index/index.mjs";
+import { FORWARD_REF_INJECTION_KEY as l, useForwardRef as I, useForwardRefDirective as i } from "./use-forward-ref/index.mjs";
+import { ID_INJECTION_KEY as C, useId as c, useIdInjection as N } from "./use-id/index.mjs";
+import { usePopperContainer as E, usePopperContainerId as _ } from "./use-popper-container/index.mjs";
+import { useDelayedToggle as R } from "./use-delayed-toggle/index.mjs";
+import { useTimeout as K } from "./use-timeout/index.mjs";
+import { useOrderedChildren as y } from "./use-ordered-children/index.mjs";
+import { createModelToggleComposable as P, useModelToggle as b, useModelToggleEmits as v } from "./use-model-toggle/index.mjs";
+export {
+  l as FORWARD_REF_INJECTION_KEY,
+  C as ID_INJECTION_KEY,
+  r as _bem,
+  P as createModelToggleComposable,
+  t as defaultNamespace,
+  p as namespaceContextKey,
+  R as useDelayedToggle,
+  I as useForwardRef,
+  i as useForwardRefDirective,
+  s as useGetDerivedNamespace,
+  c as useId,
+  N as useIdInjection,
+  b as useModelToggle,
+  v as useModelToggleEmits,
+  m as useNamespace,
+  y as useOrderedChildren,
+  a as usePopper,
+  E as usePopperContainer,
+  _ as usePopperContainerId,
+  K as useTimeout,
+  x as useZIndex,
+  f as zIndexContextKey
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/es/packages/hooks/use-delayed-toggle/index.mjs

@@ -0,0 +1,21 @@
+import { unref as n } from "vue";
+import { useTimeout as u } from "../use-timeout/index.mjs";
+const f = ({ showAfter: t = 0, hideAfter: r = 200, open: s, close: m }) => {
+  const { registerTimeout: e } = u();
+  return {
+    onOpen: (o) => {
+      e(() => {
+        s(o);
+      }, n(t));
+    },
+    onClose: (o) => {
+      e(() => {
+        m(o);
+      }, n(r));
+    }
+  };
+};
+export {
+  f as useDelayedToggle
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-delayed-toggle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-delayed-toggle/index.ts"],"sourcesContent":["import { unref } from 'vue';\nimport { useTimeout } from '../use-timeout';\n\nexport type UseDelayedToggleProps = {\n\topen: (event?: Event) => void;\n\tclose: (event?: Event) => void;\n\tshowAfter: number;\n\thideAfter: number;\n};\n\nexport const useDelayedToggle = ({ showAfter = 0, hideAfter = 200, open, close }: UseDelayedToggleProps) => {\n\tconst { registerTimeout } = useTimeout();\n\t\n\tconst onOpen = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\topen(event);\n\t\t}, unref(showAfter));\n\t};\n\t\n\tconst onClose = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\tclose(event);\n\t\t}, unref(hideAfter));\n\t};\n\t\n\treturn {\n\t\tonOpen,\n\t\tonClose\n\t};\n};\n"],"names":["useDelayedToggle","showAfter","hideAfter","open","close","registerTimeout","useTimeout","event","unref"],"mappings":";;AAUa,MAAAA,IAAmB,CAAC,EAAE,WAAAC,IAAY,GAAG,WAAAC,IAAY,KAAK,MAAAC,GAAM,OAAAC,QAAmC;AACrG,QAAA,EAAE,iBAAAC,MAAoBC;AAcrB,SAAA;AAAA,IACN,QAbc,CAACC,MAAkB;AACjC,MAAAF,EAAgB,MAAM;AACrB,QAAAF,EAAKI,CAAK;AAAA,MAAA,GACRC,EAAMP,CAAS,CAAC;AAAA,IAAA;AAAA,IAWnB,SARe,CAACM,MAAkB;AAClC,MAAAF,EAAgB,MAAM;AACrB,QAAAD,EAAMG,CAAK;AAAA,MAAA,GACTC,EAAMN,CAAS,CAAC;AAAA,IAAA;AAAA,EAKnB;AAEF;"}

package/es/packages/hooks/use-forward-ref/index.mjs

@@ -0,0 +1,24 @@
+import { provide as t } from "vue";
+const n = Symbol("vftForwardRef"), d = (e) => {
+  t(n, {
+    setForwardRef: (r) => {
+      e.value = r;
+    }
+  });
+}, s = (e) => ({
+  mounted(o) {
+    e(o);
+  },
+  updated(o) {
+    e(o);
+  },
+  unmounted() {
+    e(null);
+  }
+});
+export {
+  n as FORWARD_REF_INJECTION_KEY,
+  d as useForwardRef,
+  s as useForwardRefDirective
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-forward-ref/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-forward-ref/index.ts"],"sourcesContent":["import { provide } from 'vue'\n\nimport type { InjectionKey, ObjectDirective, Ref } from 'vue'\n\ntype ForwardRefSetter = <T>(el: T) => void\n\nexport type ForwardRefInjectionContext = {\n  setForwardRef: ForwardRefSetter\n}\n\nexport const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext> =\n  Symbol('vftForwardRef')\n\nexport const useForwardRef = <T>(forwardRef: Ref<T | null>) => {\n  const setForwardRef = (el: T) => {\n    forwardRef.value = el\n  }\n\n  provide(FORWARD_REF_INJECTION_KEY, {\n    setForwardRef,\n  })\n}\n\nexport const useForwardRefDirective = (\n  setForwardRef: ForwardRefSetter\n): ObjectDirective => {\n  return {\n    mounted(el) {\n      setForwardRef(el)\n    },\n    updated(el) {\n      setForwardRef(el)\n    },\n    unmounted() {\n      setForwardRef(null)\n    },\n  }\n}\n"],"names":["FORWARD_REF_INJECTION_KEY","useForwardRef","forwardRef","provide","el","useForwardRefDirective","setForwardRef"],"mappings":";AAUa,MAAAA,IACX,OAAO,eAAe,GAEXC,IAAgB,CAAIC,MAA8B;AAK7D,EAAAC,EAAQH,GAA2B;AAAA,IACjC,eALoB,CAACI,MAAU;AAC/B,MAAAF,EAAW,QAAQE;AAAA,IAAA;AAAA,EAInB,CACD;AACH,GAEaC,IAAyB,CACpCC,OAEO;AAAA,EACL,QAAQF,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,QAAQA,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,YAAY;AACV,IAAAE,EAAc,IAAI;AAAA,EACpB;AAAA;"}

package/es/packages/hooks/use-id/index.mjs

@@ -0,0 +1,29 @@
+import { getCurrentInstance as t, inject as i, computed as c, unref as s } from "vue";
+import { isClient as u } from "@vueuse/core";
+import "@vue/shared";
+import { debugWarn as d } from "../../utils/error.mjs";
+import { useGetDerivedNamespace as p } from "../use-namespace/index.mjs";
+const r = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+}, m = Symbol("elIdInjection"), I = () => t() ? i(m, r) : r, g = (n) => {
+  const e = I();
+  !u && e === r && d(
+    "IdInjection",
+    `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`
+  );
+  const o = p();
+  return c(
+    () => s(n) || `${o.value}-id-${e.prefix}-${e.current++}`
+  );
+};
+export {
+  m as ID_INJECTION_KEY,
+  g as useId,
+  I as useIdInjection
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-id/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@vft-ui/utils'\nimport { useGetDerivedNamespace } from '../use-namespace'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useIdInjection = (): ElIdInjectionContext => {\n  return getCurrentInstance()\n    ? inject(ID_INJECTION_KEY, defaultIdInjection)\n    : defaultIdInjection\n}\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = useIdInjection()\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const namespace = useGetDerivedNamespace()\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":["defaultIdInjection","ID_INJECTION_KEY","useIdInjection","getCurrentInstance","inject","useId","deterministicId","idInjection","isClient","debugWarn","namespace","useGetDerivedNamespace","computed","unref"],"mappings":";;;;;AAaA,MAAMA,IAAqB;AAAA,EACzB,QAAQ,KAAK,MAAM,KAAK,OAAA,IAAW,GAAK;AAAA,EACxC,SAAS;AACX,GAEaC,IACX,OAAO,eAAe,GAEXC,IAAiB,MACrBC,EAAmB,IACtBC,EAAOH,GAAkBD,CAAkB,IAC3CA,GAGOK,IAAQ,CAACC,MAAoD;AACxE,QAAMC,IAAcL;AAChB,EAAA,CAACM,KAAYD,MAAgBP,KAC/BS;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQJ,QAAMC,IAAYC;AAOX,SANOC;AAAA,IACZ,MACEC,EAAMP,CAAe,KACrB,GAAGI,EAAU,YAAYH,EAAY,UAAUA,EAAY;AAAA,EAAA;AAIjE;"}

package/es/packages/hooks/use-model-toggle/index.mjs

@@ -0,0 +1,62 @@
+import { isBoolean as y } from "@vft/utils";
+import { isFunction as f } from "@vue/shared";
+import { isClient as p } from "@vueuse/core";
+import { getCurrentInstance as B, computed as $, watch as h, onMounted as K } from "vue";
+const U = (s) => {
+  const u = `update:${s}`, w = `onUpdate:${s}`;
+  return {
+    useModelToggle: ({
+      indicator: o,
+      toggleReason: i,
+      shouldHideWhenRouteChanges: c,
+      shouldProceed: g,
+      onShow: m,
+      onHide: v
+    }) => {
+      const r = B(), { emit: a } = r, t = r.props, n = $(
+        () => f(t[w])
+      ), M = $(() => t[s] === null), T = (e) => {
+        o.value !== !0 && (o.value = !0, i && (i.value = e), f(m) && m(e));
+      }, E = (e) => {
+        o.value !== !1 && (o.value = !1, i && (i.value = e), f(v) && v(e));
+      }, b = (e) => {
+        if (t.disabled === !0 || f(g) && !g())
+          return;
+        const l = n.value && p;
+        l && a(u, !0), (M.value || !l) && T(e);
+      }, d = (e) => {
+        if (t.disabled === !0 || !p)
+          return;
+        const l = n.value && p;
+        l && a(u, !1), (M.value || !l) && E(e);
+      }, C = (e) => {
+        y(e) && (t.disabled && e ? n.value && a(u, !1) : o.value !== e && (e ? T() : E()));
+      }, x = () => {
+        o.value ? d() : b();
+      };
+      return h(() => t[s], C), c && r.appContext.config.globalProperties.$route !== void 0 && h(
+        () => ({
+          ...r.proxy.$route
+        }),
+        () => {
+          c.value && o.value && d();
+        }
+      ), K(() => {
+        C(t[s]);
+      }), {
+        hide: d,
+        show: b,
+        toggle: x,
+        hasUpdateHandler: n
+      };
+    },
+    // useModelToggleProps,
+    useModelToggleEmits: [u]
+  };
+}, { useModelToggle: q, useModelToggleEmits: z } = U("modelValue");
+export {
+  U as createModelToggleComposable,
+  q as useModelToggle,
+  z as useModelToggleEmits
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-model-toggle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { isBoolean } from '@vft/utils';\nimport { isFunction } from '@vue/shared';\nimport { isClient } from '@vueuse/core';\nimport type { ComponentPublicInstance, Ref } from 'vue';\nimport { computed, getCurrentInstance, onMounted, watch } from 'vue';\nimport type { RouteLocationNormalizedLoaded } from 'vue-router';\n\nexport const createModelToggleComposable = <T extends string> (name: T) => {\n\tconst updateEventKey = `update:${name}` as const\n\tconst updateEventKeyRaw = `onUpdate:${name}` as const\n\tconst useModelToggleEmits = [updateEventKey]\n\t\n\tconst useModelToggle = ({\n\t\tindicator,\n\t\ttoggleReason,\n\t\tshouldHideWhenRouteChanges,\n\t\tshouldProceed,\n\t\tonShow,\n\t\tonHide,\n\t}: ModelToggleParams) => {\n\t\tconst instance = getCurrentInstance()!\n\t\tconst { emit } = instance\n\t\tconst props = instance.props as any\n\t\tconst hasUpdateHandler = computed(() =>\n\t\t\tisFunction(props[updateEventKeyRaw])\n\t\t)\n\t\t// when it matches the default value we say this is absent\n\t\t// though this could be mistakenly passed from the user but we need to rule out that\n\t\t// condition\n\t\tconst isModelBindingAbsent = computed(() => props[name] === null)\n\t\t\n\t\tconst doShow = (event?: Event) => {\n\t\t\tif (indicator.value === true) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = true\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onShow)) {\n\t\t\t\tonShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst doHide = (event?: Event) => {\n\t\t\tif (indicator.value === false) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = false\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onHide)) {\n\t\t\t\tonHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst show = (event?: Event) => {\n\t\t\tif (\n\t\t\t\tprops.disabled === true ||\n\t\t\t\t(isFunction(shouldProceed) && !shouldProceed())\n\t\t\t)\n\t\t\t\treturn\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, true)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst hide = (event?: Event) => {\n\t\t\tif (props.disabled === true || !isClient) return\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, false)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst onChange = (val: boolean) => {\n\t\t\tif (!isBoolean(val)) return\n\t\t\tif (props.disabled && val) {\n\t\t\t\tif (hasUpdateHandler.value) {\n\t\t\t\t\temit(updateEventKey, false)\n\t\t\t\t}\n\t\t\t} else if (indicator.value !== val) {\n\t\t\t\tif (val) {\n\t\t\t\t\tdoShow()\n\t\t\t\t} else {\n\t\t\t\t\tdoHide()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst toggle = () => {\n\t\t\tif (indicator.value) {\n\t\t\t\thide()\n\t\t\t} else {\n\t\t\t\tshow()\n\t\t\t}\n\t\t}\n\t\t\n\t\twatch(() => props[name], onChange)\n\t\t\n\t\tif (\n\t\t\tshouldHideWhenRouteChanges &&\n\t\t\tinstance.appContext.config.globalProperties.$route !== undefined\n\t\t) {\n\t\t\twatch(\n\t\t\t\t() => ({\n\t\t\t\t\t...(\n\t\t\t\t\t\tinstance.proxy as ComponentPublicInstance<{\n\t\t\t\t\t\t\t$route: RouteLocationNormalizedLoaded\n\t\t\t\t\t\t}>\n\t\t\t\t\t).$route,\n\t\t\t\t}),\n\t\t\t\t() => {\n\t\t\t\t\tif (shouldHideWhenRouteChanges.value && indicator.value) {\n\t\t\t\t\t\thide()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t}\n\t\t\n\t\tonMounted(() => {\n\t\t\tonChange(props[name])\n\t\t})\n\t\t\n\t\treturn {\n\t\t\thide,\n\t\t\tshow,\n\t\t\ttoggle,\n\t\t\thasUpdateHandler,\n\t\t}\n\t}\n\t\n\treturn {\n\t\tuseModelToggle,\n\t\t// useModelToggleProps,\n\t\tuseModelToggleEmits,\n\t}\n}\n\nconst { useModelToggle, useModelToggleEmits } =\n\tcreateModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits }\n\nexport type ModelToggleParams = {\n\tindicator: Ref<boolean>\n\ttoggleReason?: Ref<Event | undefined>\n\tshouldHideWhenRouteChanges?: Ref<boolean>\n\tshouldProceed?: () => boolean\n\tonShow?: (event?: Event) => void\n\tonHide?: (event?: Event) => void\n}\n"],"names":["createModelToggleComposable","name","updateEventKey","updateEventKeyRaw","indicator","toggleReason","shouldHideWhenRouteChanges","shouldProceed","onShow","onHide","instance","getCurrentInstance","emit","props","hasUpdateHandler","computed","isFunction","isModelBindingAbsent","doShow","event","doHide","show","shouldEmit","isClient","hide","onChange","val","isBoolean","toggle","watch","onMounted","useModelToggle","useModelToggleEmits"],"mappings":";;;;AAOa,MAAAA,IAA8B,CAAoBC,MAAY;AAC1E,QAAMC,IAAiB,UAAUD,KAC3BE,IAAoB,YAAYF;AA2I/B,SAAA;AAAA,IACN,gBAzIsB,CAAC;AAAA,MACvB,WAAAG;AAAA,MACA,cAAAC;AAAA,MACA,4BAAAC;AAAA,MACA,eAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,MACwB;AACxB,YAAMC,IAAWC,KACX,EAAE,MAAAC,EAAS,IAAAF,GACXG,IAAQH,EAAS,OACjBI,IAAmBC;AAAA,QAAS,MACjCC,EAAWH,EAAMV,CAAiB,CAAC;AAAA,MAAA,GAK9Bc,IAAuBF,EAAS,MAAMF,EAAMZ,CAAI,MAAM,IAAI,GAE1DiB,IAAS,CAACC,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWR,CAAM,KACpBA,EAAOW,CAAK;AAAA,MACb,GAGKC,IAAS,CAACD,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWP,CAAM,KACpBA,EAAOU,CAAK;AAAA,MACb,GAGKE,IAAO,CAACF,MAAkB;AAC/B,YACCN,EAAM,aAAa,MAClBG,EAAWT,CAAa,KAAK,CAACA,EAAc;AAE7C;AAEK,cAAAe,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAI,IAGtBe,EAAqB,SAAS,CAACK,MAClCJ,EAAOC,CAAK;AAAA,MACb,GAGKK,IAAO,CAACL,MAAkB;AAC3B,YAAAN,EAAM,aAAa,MAAQ,CAACU;AAAU;AAEpC,cAAAD,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAK,IAGvBe,EAAqB,SAAS,CAACK,MAClCF,EAAOD,CAAK;AAAA,MACb,GAGKM,IAAW,CAACC,MAAiB;AAC9B,QAACC,EAAUD,CAAG,MACdb,EAAM,YAAYa,IACjBZ,EAAiB,SACpBF,EAAKV,GAAgB,EAAK,IAEjBE,EAAU,UAAUsB,MAC1BA,IACIR,MAEAE;MAET,GAGKQ,IAAS,MAAM;AACpB,QAAIxB,EAAU,QACRoB,MAEAH;MACN;AAGD,aAAAQ,EAAM,MAAMhB,EAAMZ,CAAI,GAAGwB,CAAQ,GAGhCnB,KACAI,EAAS,WAAW,OAAO,iBAAiB,WAAW,UAEvDmB;AAAA,QACC,OAAO;AAAA,UACN,GACCnB,EAAS,MAGR;AAAA,QAAA;AAAA,QAEH,MAAM;AACD,UAAAJ,EAA2B,SAASF,EAAU,SAC5CoB;QAEP;AAAA,MAAA,GAIFM,EAAU,MAAM;AACN,QAAAL,EAAAZ,EAAMZ,CAAI,CAAC;AAAA,MAAA,CACpB,GAEM;AAAA,QACN,MAAAuB;AAAA,QACA,MAAAH;AAAA,QACA,QAAAO;AAAA,QACA,kBAAAd;AAAA,MAAA;AAAA,IACD;AAAA;AAAA,IAMA,qBA7I2B,CAACZ,CAAc;AAAA,EA6I1C;AAEF,GAEM,EAAE,gBAAA6B,GAAgB,qBAAAC,MACvBhC,EAA4B,YAAY;"}

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

@@ -0,0 +1,47 @@
+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: 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 e = {};
+      for (const n in s)
+        s[n] && (e[`--${t.value}-${n}`] = s[n]);
+      return e;
+    },
+    cssVarName: (s) => `--${t.value}-${s}`,
+    cssVarBlock: (s) => {
+      const e = {};
+      for (const n in s)
+        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
+      return e;
+    },
+    cssVarBlockName: (s) => `--${t.value}-${a}-${s}`
+  };
+};
+export {
+  c as _bem,
+  v as defaultNamespace,
+  y as namespaceContextKey,
+  P as useGetDerivedNamespace,
+  d as useNamespace
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"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/packages/hooks/use-ordered-children/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-ordered-children/index.ts"],"sourcesContent":["import { isVNode, shallowRef } from 'vue';\nimport { flattedChildren } from '@vft-ui/utils'\n\n\nimport type { ComponentInternalInstance, VNode } from 'vue'\n\nconst getOrderedChildren = <T> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string,\n\tchildren: Record<number, T>\n): T[] => {\n\tconst nodes = flattedChildren(vm.subTree).filter(\n\t\t(n): n is VNode =>\n\t\t\tisVNode(n) &&\n\t\t\t(n.type as any)?.name === childComponentName &&\n\t\t\t!!n.component\n\t)\n\tconst uids = nodes.map((n) => n.component!.uid)\n\treturn uids.map((uid) => children[uid]).filter((p) => !!p)\n}\n\nexport const useOrderedChildren = <T extends {uid: number}> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string\n) => {\n\tconst children: Record<number, T> = {}\n\tconst orderedChildren = shallowRef<T[]>([])\n\t\n\tconst addChild = (child: T) => {\n\t\tchildren[child.uid] = child\n\t\torderedChildren.value = getOrderedChildren(vm, childComponentName, children)\n\t}\n\tconst removeChild = (uid: number) => {\n\t\tdelete children[uid]\n\t\torderedChildren.value = orderedChildren.value.filter(\n\t\t\t(children) => children.uid !== uid\n\t\t)\n\t}\n\t\n\treturn {\n\t\tchildren: orderedChildren,\n\t\taddChild,\n\t\tremoveChild,\n\t}\n}\n"],"names":["getOrderedChildren","vm","childComponentName","children","flattedChildren","n","isVNode","_a","uid","p","useOrderedChildren","orderedChildren","shallowRef","child"],"mappings":";;;;AAMA,MAAMA,IAAqB,CAC1BC,GACAC,GACAC,MAEcC,EAAgBH,EAAG,OAAO,EAAE;AAAA,EACzC,CAACI,MACA;;AAAA,WAAAC,EAAQD,CAAC,OACRE,IAAAF,EAAE,SAAF,gBAAAE,EAAgB,UAASL,KAC1B,CAAC,CAACG,EAAE;AAAA;AAAA,EAEa,IAAI,CAACA,MAAMA,EAAE,UAAW,GAAG,EAClC,IAAI,CAACG,MAAQL,EAASK,CAAG,CAAC,EAAE,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,GAG7CC,IAAqB,CACjCT,GACAC,MACI;AACJ,QAAMC,IAA8B,CAAA,GAC9BQ,IAAkBC,EAAgB,CAAA,CAAE;AAanC,SAAA;AAAA,IACN,UAAUD;AAAA,IACV,UAbgB,CAACE,MAAa;AACrB,MAAAV,EAAAU,EAAM,GAAG,IAAIA,GACtBF,EAAgB,QAAQX,EAAmBC,GAAIC,GAAoBC,CAAQ;AAAA,IAAA;AAAA,IAY3E,aAVmB,CAACK,MAAgB;AACpC,aAAOL,EAASK,CAAG,GACHG,EAAA,QAAQA,EAAgB,MAAM;AAAA,QAC7C,CAACR,MAAaA,EAAS,QAAQK;AAAA,MAAA;AAAA,IAChC;AAAA,EAMA;AAEF;"}

package/es/packages/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/packages/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/packages/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/packages/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/packages/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/packages/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/packages/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/packages/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/packages/theme-style/src/collapse-transition.scss.mjs

@@ -0,0 +1,5 @@
+const a = "";
+export {
+  a as default
+};
+//# sourceMappingURL=collapse-transition.scss.mjs.map

package/es/packages/theme-style/src/collapse-transition.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-transition.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/menu-item-group.scss.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=menu-item-group.scss.mjs.map

package/es/packages/theme-style/src/menu-item-group.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/menu-item.scss.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=menu-item.scss.mjs.map

package/es/packages/theme-style/src/menu-item.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/menu.scss.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=menu.scss.mjs.map

package/es/packages/theme-style/src/menu.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/multiple-tabs.scss.mjs

@@ -0,0 +1,5 @@
+const t = "";
+export {
+  t as default
+};
+//# sourceMappingURL=multiple-tabs.scss.mjs.map

package/es/packages/theme-style/src/multiple-tabs.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/popover.scss.mjs

@@ -0,0 +1,5 @@
+const o = "";
+export {
+  o as default
+};
+//# sourceMappingURL=popover.scss.mjs.map

package/es/packages/theme-style/src/popover.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/popper.scss.mjs

@@ -0,0 +1,5 @@
+const p = "";
+export {
+  p as default
+};
+//# sourceMappingURL=popper.scss.mjs.map

package/es/packages/theme-style/src/popper.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/sub-menu.scss.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=sub-menu.scss.mjs.map

package/es/packages/theme-style/src/sub-menu.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/theme-style/src/tooltip.scss.mjs

@@ -0,0 +1,5 @@
+const t = "";
+export {
+  t as default
+};
+//# sourceMappingURL=tooltip.scss.mjs.map

package/es/packages/theme-style/src/tooltip.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/utils/error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.mjs","sources":["../../../../../packages/utils/error.ts"],"sourcesContent":["import { isString } from '@vft/utils';\n\nclass VriError extends Error {\n  constructor(m: string) {\n    super(m);\n    this.name = 'VriError';\n  }\n}\n\nexport function throwError(scope: string, m: string): never {\n  throw new VriError(`[${scope}] ${m}`);\n}\n\nexport function debugWarn(err: Error): void;\nexport function debugWarn(scope: string, message: string): void;\nexport function debugWarn(scope: string | Error, message?: string): void {\n  if (process.env.NODE_ENV !== 'production') {\n    const error: Error = isString(scope) ? new VriError(`[${scope}] ${message}`) : scope;\n    console.warn(error);\n  }\n}\n"],"names":["VriError","m","throwError","scope","debugWarn","message","error","isString"],"mappings":";AAEA,MAAMA,UAAiB,MAAM;AAAA,EAC3B,YAAYC,GAAW;AACrB,UAAMA,CAAC,GACP,KAAK,OAAO;AAAA,EACd;AACF;AAEgB,SAAAC,EAAWC,GAAeF,GAAkB;AAC1D,QAAM,IAAID,EAAS,IAAIG,MAAUF,GAAG;AACtC;AAIgB,SAAAG,EAAUD,GAAuBE,GAAwB;AACnE,MAAA,QAAQ,IAAI,aAAa,cAAc;AACnC,UAAAC,IAAeC,EAASJ,CAAK,IAAI,IAAIH,EAAS,IAAIG,MAAUE,GAAS,IAAIF;AAC/E,YAAQ,KAAKG,CAAK;AAAA,EACpB;AACF;"}

package/es/packages/utils/event.mjs

@@ -0,0 +1,10 @@
+const v = (o, t, { checkForDefaultPrevented: c = !0 } = {}) => (n) => {
+  const e = o == null ? void 0 : o(n);
+  if (c === !1 || !e)
+    return t == null ? void 0 : t(n);
+}, u = (o) => (t) => t.pointerType === "mouse" ? o(t) : void 0;
+export {
+  v as composeEventHandlers,
+  u as whenMouse
+};
+//# sourceMappingURL=event.mjs.map