@overlastic/vue 0.8.1 → 0.8.3

package/dist/index.global.js

@@ -922,8 +922,7 @@ var OverlaysVue = (() => {
       case 3:
         return false;
       default:
-        if (process.env.NODE_ENV !== "production")
-          ;
+        if (process.env.NODE_ENV !== "production") ;
         return false;
     }
   }
@@ -1894,8 +1893,7 @@ var OverlaysVue = (() => {
         }
         return returnType;
       default:
-        if (process.env.NODE_ENV !== "production")
-          ;
+        if (process.env.NODE_ENV !== "production") ;
         return 0;
     }
   }
@@ -2153,8 +2151,7 @@ var OverlaysVue = (() => {
         false
         /* isComponent */
       );
-    } else
-      ;
+    } else ;
   }
   function traverseChildren(parent, context3) {
     let i = 0;
@@ -7659,7 +7656,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   }
   function renderComponentRoot(instance) {
     const {
-      type: Component2,
+      type: Component,
       vnode,
       proxy,
       withProxy,
@@ -7697,7 +7694,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         );
         fallthroughAttrs = attrs;
       } else {
-        const render22 = Component2;
+        const render22 = Component;
         if (process.env.NODE_ENV !== "production" && attrs === props) {
           markAttrsAccessed();
         }
@@ -7718,7 +7715,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
             /* we know it doesn't need it */
           )
         );
-        fallthroughAttrs = Component2.props ? attrs : getFunctionalFallthrough(attrs);
+        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
       }
     } catch (err) {
       blockStack.length = 0;
@@ -9155,25 +9152,25 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
     const instance = currentRenderingInstance || currentInstance;
     if (instance) {
-      const Component2 = instance.type;
+      const Component = instance.type;
       if (type === COMPONENTS) {
         const selfName = getComponentName(
-          Component2,
+          Component,
           false
           /* do not include inferred name to avoid breaking existing code */
         );
         if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
-          return Component2;
+          return Component;
         }
       }
       const res = (
         // local registration
         // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component2[type], name) || // global registration
+        resolve(instance[type] || Component[type], name) || // global registration
         resolve(instance.appContext[type], name)
       );
       if (!res && maybeSelfReference) {
-        return Component2;
+        return Component;
       }
       if (process.env.NODE_ENV !== "production" && warnMissing && !res) {
         const extra = type === COMPONENTS ? `
@@ -9752,7 +9749,7 @@ If this is a native custom element, make sure to exclude it from component resol
   }
   function callHook(hook, instance, type) {
     callWithAsyncErrorHandling(
-      isArray(hook) ? hook.map((h8) => h8.bind(instance.proxy)) : hook.bind(instance.proxy),
+      isArray(hook) ? hook.map((h7) => h7.bind(instance.proxy)) : hook.bind(instance.proxy),
       instance,
       type
     );
@@ -10535,7 +10532,7 @@ If you want to remount the same app, move your app creation logic into a factory
     }
     const refValue = vnode.shapeFlag & 4 ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
     const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref7 } = rawRef;
+    const { i: owner, r: ref6 } = rawRef;
     if (process.env.NODE_ENV !== "production" && !owner) {
       warn2(
         `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.`
@@ -10545,7 +10542,7 @@ If you want to remount the same app, move your app creation logic into a factory
     const oldRef = oldRawRef && oldRawRef.r;
     const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
     const setupState = owner.setupState;
-    if (oldRef != null && oldRef !== ref7) {
+    if (oldRef != null && oldRef !== ref6) {
       if (isString(oldRef)) {
         refs[oldRef] = null;
         if (hasOwn(setupState, oldRef)) {
@@ -10555,44 +10552,44 @@ If you want to remount the same app, move your app creation logic into a factory
         oldRef.value = null;
       }
     }
-    if (isFunction(ref7)) {
-      callWithErrorHandling(ref7, owner, 12, [value, refs]);
+    if (isFunction(ref6)) {
+      callWithErrorHandling(ref6, owner, 12, [value, refs]);
     } else {
-      const _isString = isString(ref7);
-      const _isRef = isRef(ref7);
+      const _isString = isString(ref6);
+      const _isRef = isRef(ref6);
       if (_isString || _isRef) {
         const doSet = () => {
           if (rawRef.f) {
-            const existing = _isString ? hasOwn(setupState, ref7) ? setupState[ref7] : refs[ref7] : ref7.value;
+            const existing = _isString ? hasOwn(setupState, ref6) ? setupState[ref6] : refs[ref6] : ref6.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
             } else {
               if (!isArray(existing)) {
                 if (_isString) {
-                  refs[ref7] = [refValue];
-                  if (hasOwn(setupState, ref7)) {
-                    setupState[ref7] = refs[ref7];
+                  refs[ref6] = [refValue];
+                  if (hasOwn(setupState, ref6)) {
+                    setupState[ref6] = refs[ref6];
                   }
                 } else {
-                  ref7.value = [refValue];
+                  ref6.value = [refValue];
                   if (rawRef.k)
-                    refs[rawRef.k] = ref7.value;
+                    refs[rawRef.k] = ref6.value;
                 }
               } else if (!existing.includes(refValue)) {
                 existing.push(refValue);
               }
             }
           } else if (_isString) {
-            refs[ref7] = value;
-            if (hasOwn(setupState, ref7)) {
-              setupState[ref7] = value;
+            refs[ref6] = value;
+            if (hasOwn(setupState, ref6)) {
+              setupState[ref6] = value;
             }
           } else if (_isRef) {
-            ref7.value = value;
+            ref6.value = value;
             if (rawRef.k)
               refs[rawRef.k] = value;
           } else if (process.env.NODE_ENV !== "production") {
-            warn2("Invalid template ref type:", ref7, `(${typeof ref7})`);
+            warn2("Invalid template ref type:", ref6, `(${typeof ref6})`);
           }
         };
         if (value) {
@@ -10602,7 +10599,7 @@ If you want to remount the same app, move your app creation logic into a factory
           doSet();
         }
       } else if (process.env.NODE_ENV !== "production") {
-        warn2("Invalid template ref type:", ref7, `(${typeof ref7})`);
+        warn2("Invalid template ref type:", ref6, `(${typeof ref6})`);
       }
     }
   }
@@ -10648,7 +10645,7 @@ If you want to remount the same app, move your app creation logic into a factory
         slotScopeIds,
         isFragmentStart
       );
-      const { type, ref: ref7, shapeFlag, patchFlag } = vnode;
+      const { type, ref: ref6, shapeFlag, patchFlag } = vnode;
       let domType = node.nodeType;
       vnode.el = node;
       if (patchFlag === -2) {
@@ -10792,8 +10789,8 @@ If you want to remount the same app, move your app creation logic into a factory
             warn2("Invalid HostVNode type:", type, `(${typeof type})`);
           }
       }
-      if (ref7 != null) {
-        setRef(ref7, null, parentSuspense, vnode);
+      if (ref6 != null) {
+        setRef(ref6, null, parentSuspense, vnode);
       }
       return nextNode;
     };
@@ -11102,7 +11099,7 @@ For more details, see https://link.vuejs.org/feature-flags.`
         optimized = false;
         n2.dynamicChildren = null;
       }
-      const { type, ref: ref7, shapeFlag } = n2;
+      const { type, ref: ref6, shapeFlag } = n2;
       switch (type) {
         case Text:
           processText(n1, n2, container, anchor);
@@ -11185,8 +11182,8 @@ For more details, see https://link.vuejs.org/feature-flags.`
             warn2("Invalid VNode type:", type, `(${typeof type})`);
           }
       }
-      if (ref7 != null && parentComponent) {
-        setRef(ref7, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+      if (ref6 != null && parentComponent) {
+        setRef(ref6, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
       }
     };
     const processText = (n1, n2, container, anchor) => {
@@ -12278,15 +12275,15 @@ For more details, see https://link.vuejs.org/feature-flags.`
       const {
         type,
         props,
-        ref: ref7,
+        ref: ref6,
         children,
         dynamicChildren,
         shapeFlag,
         patchFlag,
         dirs
       } = vnode;
-      if (ref7 != null) {
-        setRef(ref7, null, parentSuspense, vnode, true);
+      if (ref6 != null) {
+        setRef(ref6, null, parentSuspense, vnode, true);
       }
       if (shapeFlag & 256) {
         parentComponent.ctx.deactivate(vnode);
@@ -12800,7 +12797,7 @@ Component that was made reactive: `,
     return isProxy(props) || InternalObjectKey in props ? extend({}, props) : props;
   }
   function cloneVNode(vnode, extraProps, mergeRef = false) {
-    const { props, ref: ref7, patchFlag, children } = vnode;
+    const { props, ref: ref6, patchFlag, children } = vnode;
     const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
     const cloned = {
       __v_isVNode: true,
@@ -12812,8 +12809,8 @@ Component that was made reactive: `,
         // #2078 in the case of <component :is="vnode" ref="extra"/>
         // if the vnode itself already has a ref, cloneVNode will need to merge
         // the refs so the single vnode can be set on multiple refs
-        mergeRef && ref7 ? isArray(ref7) ? ref7.concat(normalizeRef(extraProps)) : [ref7, normalizeRef(extraProps)] : normalizeRef(extraProps)
-      ) : ref7,
+        mergeRef && ref6 ? isArray(ref6) ? ref6.concat(normalizeRef(extraProps)) : [ref6, normalizeRef(extraProps)] : normalizeRef(extraProps)
+      ) : ref6,
       scopeId: vnode.scopeId,
       slotScopeIds: vnode.slotScopeIds,
       children: process.env.NODE_ENV !== "production" && patchFlag === -1 && isArray(children) ? children.map(deepCloneVNode) : children,
@@ -13072,24 +13069,24 @@ Component that was made reactive: `,
   }
   function setupStatefulComponent(instance, isSSR) {
     var _a;
-    const Component2 = instance.type;
+    const Component = instance.type;
     if (process.env.NODE_ENV !== "production") {
-      if (Component2.name) {
-        validateComponentName(Component2.name, instance.appContext.config);
+      if (Component.name) {
+        validateComponentName(Component.name, instance.appContext.config);
       }
-      if (Component2.components) {
-        const names = Object.keys(Component2.components);
+      if (Component.components) {
+        const names = Object.keys(Component.components);
         for (let i = 0; i < names.length; i++) {
           validateComponentName(names[i], instance.appContext.config);
         }
       }
-      if (Component2.directives) {
-        const names = Object.keys(Component2.directives);
+      if (Component.directives) {
+        const names = Object.keys(Component.directives);
         for (let i = 0; i < names.length; i++) {
           validateDirectiveName(names[i]);
         }
       }
-      if (Component2.compilerOptions && isRuntimeOnly()) {
+      if (Component.compilerOptions && isRuntimeOnly()) {
         warn2(
           `"compilerOptions" is only supported when using a build of Vue that includes the runtime compiler. Since you are using a runtime-only build, the options should be passed via your build tool config instead.`
         );
@@ -13100,7 +13097,7 @@ Component that was made reactive: `,
     if (process.env.NODE_ENV !== "production") {
       exposePropsOnRenderContext(instance);
     }
-    const { setup } = Component2;
+    const { setup } = Component;
     if (setup) {
       const setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
       setCurrentInstance(instance);
@@ -13124,7 +13121,7 @@ Component that was made reactive: `,
         } else {
           instance.asyncDep = setupResult;
           if (process.env.NODE_ENV !== "production" && !instance.suspense) {
-            const name = (_a = Component2.name) != null ? _a : "Anonymous";
+            const name = (_a = Component.name) != null ? _a : "Anonymous";
             warn2(
               `Component <${name}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`
             );
@@ -13173,16 +13170,16 @@ Component that was made reactive: `,
     };
   }
   function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component2 = instance.type;
+    const Component = instance.type;
     if (!instance.render) {
-      if (!isSSR && compile2 && !Component2.render) {
-        const template = Component2.template || resolveMergedOptions(instance).template;
+      if (!isSSR && compile2 && !Component.render) {
+        const template = Component.template || resolveMergedOptions(instance).template;
         if (template) {
           if (process.env.NODE_ENV !== "production") {
             startMeasure(instance, `compile`);
           }
           const { isCustomElement, compilerOptions } = instance.appContext.config;
-          const { delimiters, compilerOptions: componentCompilerOptions } = Component2;
+          const { delimiters, compilerOptions: componentCompilerOptions } = Component;
           const finalCompilerOptions = extend(
             extend(
               {
@@ -13193,13 +13190,13 @@ Component that was made reactive: `,
             ),
             componentCompilerOptions
           );
-          Component2.render = compile2(template, finalCompilerOptions);
+          Component.render = compile2(template, finalCompilerOptions);
           if (process.env.NODE_ENV !== "production") {
             endMeasure(instance, `compile`);
           }
         }
       }
-      instance.render = Component2.render || NOOP;
+      instance.render = Component.render || NOOP;
       if (installWithProxy) {
         installWithProxy(instance);
       }
@@ -13211,8 +13208,8 @@ Component that was made reactive: `,
       resetTracking();
       unsetCurrentInstance();
     }
-    if (process.env.NODE_ENV !== "production" && !Component2.render && instance.render === NOOP && !isSSR) {
-      if (!compile2 && Component2.template) {
+    if (process.env.NODE_ENV !== "production" && !Component.render && instance.render === NOOP && !isSSR) {
+      if (!compile2 && Component.template) {
         warn2(
           `Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
           /* should not happen */
@@ -13319,13 +13316,13 @@ Component that was made reactive: `,
       }));
     }
   }
-  function getComponentName(Component2, includeInferred = true) {
-    return isFunction(Component2) ? Component2.displayName || Component2.name : Component2.name || includeInferred && Component2.__name;
+  function getComponentName(Component, includeInferred = true) {
+    return isFunction(Component) ? Component.displayName || Component.name : Component.name || includeInferred && Component.__name;
   }
-  function formatComponentName(instance, Component2, isRoot = false) {
-    let name = getComponentName(Component2);
-    if (!name && Component2.__file) {
-      const match = Component2.__file.match(/([^/\\]+)\.\w+$/);
+  function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+      const match = Component.__file.match(/([^/\\]+)\.\w+$/);
       if (match) {
         name = match[1];
       }
@@ -13333,7 +13330,7 @@ Component that was made reactive: `,
     if (!name && instance && instance.parent) {
       const inferFromRegistry = (registry) => {
         for (const key in registry) {
-          if (registry[key] === Component2) {
+          if (registry[key] === Component) {
             return key;
           }
         }
@@ -14612,14 +14609,14 @@ Component that was made reactive: `,
       InternalObjectKey = `__vInternal`;
       normalizeKey = ({ key }) => key != null ? key : null;
       normalizeRef = ({
-        ref: ref7,
+        ref: ref6,
         ref_key,
         ref_for
       }) => {
-        if (typeof ref7 === "number") {
-          ref7 = "" + ref7;
+        if (typeof ref6 === "number") {
+          ref6 = "" + ref6;
         }
-        return ref7 != null ? isString(ref7) || isRef(ref7) || isFunction(ref7) ? { i: currentRenderingInstance, r: ref7, k: ref_key, f: !!ref_for } : ref7 : null;
+        return ref6 != null ? isString(ref6) || isRef(ref6) || isFunction(ref6) ? { i: currentRenderingInstance, r: ref6, k: ref_key, f: !!ref_for } : ref6 : null;
       };
       createVNode = process.env.NODE_ENV !== "production" ? createVNodeWithArgsTransform : _createVNode;
       emptyAppContext = createAppContext();
@@ -16397,8 +16394,7 @@ Component that was made reactive: `,
       runtimeDom.registerRuntimeCompiler(compileToFunction);
       exports.compile = compileToFunction;
       Object.keys(runtimeDom).forEach(function(k) {
-        if (k !== "default" && !exports.hasOwnProperty(k))
-          exports[k] = runtimeDom[k];
+        if (k !== "default" && !exports.hasOwnProperty(k)) exports[k] = runtimeDom[k];
       });
     }
   });
@@ -16473,8 +16469,7 @@ ${codeFrame}` : message);
       runtimeDom.registerRuntimeCompiler(compileToFunction);
       exports.compile = compileToFunction;
       Object.keys(runtimeDom).forEach(function(k) {
-        if (k !== "default" && !exports.hasOwnProperty(k))
-          exports[k] = runtimeDom[k];
+        if (k !== "default" && !exports.hasOwnProperty(k)) exports[k] = runtimeDom[k];
       });
     }
   });
@@ -16492,17 +16487,16 @@ ${codeFrame}` : message);
   });
 
   // src/index.ts
-  var src_exports = {};
-  __export(src_exports, {
+  var index_exports = {};
+  __export(index_exports, {
     Field: () => Field,
     OverlaysProvider: () => OverlaysProvider,
-    default: () => src_default,
+    default: () => index_default,
     defineOverlay: () => defineOverlay,
     install: () => install2,
     renderOverlay: () => renderOverlay,
-    useExtendOverlay: () => useExtendOverlay,
-    useOverlayHolder: () => useOverlayHolder,
-    useOverlayInject: () => useOverlayInject
+    useDisclosure: () => useDisclosure,
+    useOverlay: () => useOverlay
   });
 
   // src/internal/index.ts
@@ -16512,7 +16506,29 @@ ${codeFrame}` : message);
   var ScriptsInjectionKey = Symbol("OverlayScripts");
   var InstancesInjectionKey = Symbol("OverlayInstances");
 
-  // ../../node_modules/.pnpm/vue-demi@0.14.7_vue@3.3.2/node_modules/vue-demi/lib/index.mjs
+  // ../../node_modules/.pnpm/vue@3.3.2/node_modules/vue/index.mjs
+  var vue_exports = {};
+  __reExport(vue_exports, __toESM(require_vue(), 1));
+
+  // src/components/Field.ts
+  var Field = (0, vue_exports.defineComponent)({
+    name: "Field",
+    props: {
+      is: {
+        type: [String, Number, Object],
+        default: ""
+      }
+    },
+    setup(props) {
+      return () => {
+        if (typeof props.is === "string" || typeof props.is === "number")
+          return props.is;
+        return props.is ? (0, vue_exports.h)(props.is) : null;
+      };
+    }
+  });
+
+  // ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.3.2/node_modules/vue-demi/lib/index.mjs
   var lib_exports = {};
   __export(lib_exports, {
     Vue: () => vue_exports,
@@ -16523,12 +16539,6 @@ ${codeFrame}` : message);
     isVue3: () => isVue3,
     set: () => set2
   });
-
-  // ../../node_modules/.pnpm/vue@3.3.2/node_modules/vue/index.mjs
-  var vue_exports = {};
-  __reExport(vue_exports, __toESM(require_vue(), 1));
-
-  // ../../node_modules/.pnpm/vue-demi@0.14.7_vue@3.3.2/node_modules/vue-demi/lib/index.mjs
   __reExport(lib_exports, vue_exports);
   var isVue2 = false;
   var isVue3 = true;
@@ -16552,7 +16562,143 @@ ${codeFrame}` : message);
     delete target[key];
   }
 
-  // ../../node_modules/.pnpm/@vueuse+shared@10.9.0_vue@3.3.2/node_modules/@vueuse/shared/index.mjs
+  // src/components/Provider.ts
+  var OverlaysProvider = (0, lib_exports.defineComponent)({
+    setup(_, { slots }) {
+      const instances = (0, lib_exports.ref)([]);
+      function render2(Instance, props) {
+        instances.value.push({ Instance: (0, vue_exports.markRaw)(Instance), props });
+      }
+      function vanish(instance) {
+        instances.value = instances.value.filter(({ Instance }) => Instance !== instance);
+      }
+      (0, lib_exports.provide)(InstancesInjectionKey, { render: render2, vanish });
+      return () => {
+        var _a;
+        return (0, lib_exports.h)(lib_exports.Fragment, [
+          ...instances.value.map(
+            ({ Instance, props }, index) => (0, lib_exports.h)(Instance, { ...props, key: index })
+          ),
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        ]);
+      };
+    }
+  });
+
+  // ../@core/src/deferred.ts
+  function createDeferred() {
+    let confirm, cancel;
+    const promise = new Promise((_confirm, _cancel) => {
+      confirm = _confirm;
+      cancel = _cancel;
+    });
+    promise.confirm = (v) => {
+      confirm(v);
+      return promise;
+    };
+    promise.close = () => {
+      confirm();
+    };
+    promise.cancel = cancel;
+    return promise;
+  }
+
+  // ../@core/src/define/global.ts
+  var UnifiedOverlayProviderID = "unified-overlay";
+  function defineGlobalElement(id = "", root = document.body) {
+    const el = document.createElement("div");
+    if (id)
+      el.id = id;
+    if (root !== false)
+      root.appendChild(el);
+    return el;
+  }
+
+  // ../@core/src/internal/index.ts
+  var context2 = {
+    position: null,
+    spaces: {}
+  };
+
+  // ../@core/src/define/name-index.ts
+  function defineName(id = UnifiedOverlayProviderID, auto = true) {
+    if (!context2.spaces[id])
+      context2.spaces[id] = 0;
+    if (auto)
+      return `${id}--${++context2.spaces[id]}`;
+    return id;
+  }
+  function getIndex(id = UnifiedOverlayProviderID) {
+    return context2.spaces[id] || 0;
+  }
+
+  // ../@core/src/events/index.ts
+  function watchClickPosition() {
+    if (typeof window === "undefined" && typeof document === "undefined")
+      return;
+    document.addEventListener("click", (event) => {
+      if (event.target instanceof Element) {
+        const { left, top, width, height } = event.target.getBoundingClientRect();
+        if (left > 0 || top > 0) {
+          context2.position = { x: left + width / 2, y: top + height / 2 };
+        } else {
+          context2.position = null;
+        }
+      } else {
+        context2.position = null;
+      }
+      setTimeout(() => context2.position = null, 64);
+    });
+  }
+
+  // ../@core/src/constructor.ts
+  function createConstructor(mount, options = {}) {
+    const { container: globalContainer } = options;
+    function define(instance, options2) {
+      function executor(props, options3) {
+        const deferred = createDeferred();
+        const name = defineName(options3.id, options3.autoIncrement);
+        const index = getIndex(options3.id);
+        const root = globalContainer ? options3.root : document.body;
+        const container = defineGlobalElement(name, root);
+        mount(instance, props, Object.assign(options3, {
+          position: context2.position,
+          id: name,
+          deferred,
+          index,
+          container
+        }));
+        return deferred;
+      }
+      let inst;
+      function only(props, options3) {
+        if (!inst) {
+          inst = executor(props, options3);
+          inst.finally(() => inst = void 0);
+        }
+        return inst;
+      }
+      function caller(props, overrides) {
+        const opts = { ...options2, ...overrides };
+        return opts.only ? only(props, opts) : executor(props, opts);
+      }
+      return caller;
+    }
+    function render2(instance, props, options2) {
+      return define(instance, options2)(props);
+    }
+    return { define, render: render2 };
+  }
+  watchClickPosition();
+
+  // ../@core/src/utils/util.ts
+  function noop() {
+  }
+  function delay(milliseconds) {
+    return new Promise((confirm) => setTimeout(confirm, milliseconds));
+  }
+
+  // ../../node_modules/.pnpm/@vueuse+shared@10.11.1_vue@3.3.2/node_modules/@vueuse/shared/index.mjs
   var isClient = typeof window !== "undefined" && typeof document !== "undefined";
   var isWorker = typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
   var isDef = (val) => typeof val !== "undefined";
@@ -16570,7 +16716,7 @@ ${codeFrame}` : message);
     return str.replace(camelizeRE2, (_, c) => c ? c.toUpperCase() : "");
   });
 
-  // ../../node_modules/.pnpm/@vueuse+core@10.9.0_vue@3.3.2/node_modules/@vueuse/core/index.mjs
+  // ../../node_modules/.pnpm/@vueuse+core@10.11.1_vue@3.3.2/node_modules/@vueuse/core/index.mjs
   var defaultDocument = isClient ? window.document : void 0;
   var defaultNavigator = isClient ? window.navigator : void 0;
   var defaultLocation = isClient ? window.location : void 0;
@@ -16655,118 +16801,8 @@ ${codeFrame}` : message);
     }
   }
 
-  // ../@core/src/define/global.ts
-  var UnifiedOverlayProviderID = "unified-overlay";
-  function defineGlobalElement(id = "", root = document.body) {
-    const el = document.createElement("div");
-    if (id)
-      el.id = id;
-    if (root !== false)
-      root.appendChild(el);
-    return el;
-  }
-
-  // ../@core/src/internal/index.ts
-  var context2 = {
-    position: null,
-    spaces: {}
-  };
-
-  // ../@core/src/define/name-index.ts
-  function defineName(id = UnifiedOverlayProviderID, auto = true) {
-    if (!context2.spaces[id])
-      context2.spaces[id] = 0;
-    if (auto)
-      return `${id}--${++context2.spaces[id]}`;
-    return id;
-  }
-  function getIndex(id = UnifiedOverlayProviderID) {
-    return context2.spaces[id] || 0;
-  }
-
-  // ../@core/src/deferred.ts
-  function createDeferred() {
-    let resolve2, reject;
-    const promise = new Promise((_resolve, _reject) => {
-      resolve2 = _resolve;
-      reject = _reject;
-    });
-    promise.resolve = (v) => {
-      resolve2(v);
-      return promise;
-    };
-    promise.reject = reject;
-    return promise;
-  }
-
-  // ../@core/src/events/index.ts
-  function watchClickPosition() {
-    if (typeof window === "undefined" && typeof document === "undefined")
-      return;
-    document.addEventListener("click", (event) => {
-      if (event.target instanceof Element) {
-        const { left, top, width, height } = event.target.getBoundingClientRect();
-        if (left > 0 || top > 0) {
-          context2.position = { x: left + width / 2, y: top + height / 2 };
-        } else {
-          context2.position = null;
-        }
-      } else {
-        context2.position = null;
-      }
-      setTimeout(() => context2.position = null, 64);
-    });
-  }
-
-  // ../@core/src/constructor.ts
-  function createConstructor(mount, options = {}) {
-    const { container: globalContainer } = options;
-    function define2(instance, options2) {
-      function executor(props, options3) {
-        const deferred = createDeferred();
-        const name = defineName(options3.id, options3.autoIncrement);
-        const index = getIndex(options3.id);
-        const root = globalContainer ? options3.root : document.body;
-        const container = defineGlobalElement(name, root);
-        mount(instance, props, Object.assign(options3, {
-          position: context2.position,
-          id: name,
-          deferred,
-          index,
-          container
-        }));
-        return deferred;
-      }
-      let inst;
-      function only(props, options3) {
-        if (!inst) {
-          inst = executor(props, options3);
-          inst.finally(() => inst = void 0);
-        }
-        return inst;
-      }
-      function caller(props, overrides) {
-        const opts = { ...options2, ...overrides };
-        return opts.only ? only(props, opts) : executor(props, opts);
-      }
-      return caller;
-    }
-    function render2(instance, props, options2) {
-      return define2(instance, options2)(props);
-    }
-    return { define: define2, render: render2 };
-  }
-  watchClickPosition();
-
-  // ../@core/src/utils/util.ts
-  function noop2() {
-  }
-  function delay(milliseconds) {
-    return new Promise((resolve2) => setTimeout(resolve2, milliseconds));
-  }
-
-  // src/composable/define.ts
-  function useExtendOverlay(options = {}) {
+  // src/composable/disclosure.ts
+  function useDisclosure(options = {}) {
     const { duration = 0, immediate = true, model = "visible", automatic = true } = options;
     const overlay = (0, lib_exports.inject)(ScriptsInjectionKey, useDeclarative(model, options));
     const dec = Reflect.get(overlay, "in_dec");
@@ -16785,43 +16821,30 @@ ${codeFrame}` : message);
     return overlay;
   }
   function useDeclarative(model, options = {}) {
-    const { reject = "reject", resolve: resolve2 = "resolve" } = options.events || {};
+    const { cancel = "cancel", confirm = "confirm", close = "close" } = options.events || {};
     const instance = (0, lib_exports.getCurrentInstance)();
     if (!instance)
-      throw new Error("Please use useExtendOverlay in component setup");
+      throw new Error("Please use useDisclosure in component setup");
     const visible = useVModel(instance.props, model, instance.emit, { passive: true });
-    const _reject = (value) => {
-      instance == null ? void 0 : instance.emit(reject, value);
+    const _cancel = (value) => {
+      instance == null ? void 0 : instance.emit(cancel, value);
       visible.value = false;
     };
-    const _resolve = (value) => {
-      instance == null ? void 0 : instance.emit(resolve2, value);
+    const _confirm = (value) => {
+      instance == null ? void 0 : instance.emit(confirm, value);
       visible.value = false;
     };
-    return {
-      reject: _reject,
-      resolve: _resolve,
-      vanish: noop2,
-      visible,
-      in_dec: true
+    const _close = (value) => {
+      instance == null ? void 0 : instance.emit(close, value);
+      visible.value = false;
     };
-  }
-
-  // src/composable/scripts.ts
-  function useScripts(options) {
-    const { reject: _reject } = options.deferred || {};
-    const { vanish: _vanish } = options;
-    const visible = (0, lib_exports.ref)(false);
-    function vanish() {
-      _vanish == null ? void 0 : _vanish();
-      _reject == null ? void 0 : _reject();
-    }
     return {
-      resolve: options.deferred.resolve,
-      reject: options.deferred.reject,
-      deferred: options.deferred,
+      cancel: _cancel,
+      confirm: _confirm,
+      close: _close,
+      vanish: noop,
       visible,
-      vanish
+      in_dec: true
     };
   }
 
@@ -16830,9 +16853,7 @@ ${codeFrame}` : message);
     __assign = Object.assign || function __assign2(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
-        for (var p2 in s)
-          if (Object.prototype.hasOwnProperty.call(s, p2))
-            t[p2] = s[p2];
+        for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2)) t[p2] = s[p2];
       }
       return t;
     };
@@ -16885,32 +16906,25 @@ ${codeFrame}` : message);
     return noCase(input, __assign({ delimiter: "", transform: pascalCaseTransform }, options));
   }
 
-  // src/composable/holder.ts
-  function useOverlayHolder(component, options = {}) {
-    const { callback, scripts, props, refresh } = useRefreshMetadata();
-    const name = defineName(options.id, options.autoIncrement);
-    function render2() {
-      return (0, lib_exports.h)(
-        lib_exports.Teleport,
-        {
-          to: options.root || document.body,
-          disabled: options.root === false
-        },
-        (0, lib_exports.h)("div", { id: name }, [
-          (0, lib_exports.h)(component, props.value)
-        ])
-      );
+  // src/composable/utils/index.ts
+  function createScripts(options) {
+    const { cancel: _cancel } = options.deferred || {};
+    const { vanish: _vanish } = options;
+    const visible = (0, lib_exports.ref)(false);
+    function vanish() {
+      _vanish == null ? void 0 : _vanish();
+      _cancel == null ? void 0 : _cancel();
     }
-    const Holder = (0, lib_exports.defineComponent)({
-      name: pascalCase(name),
-      setup() {
-        (0, lib_exports.provide)(ScriptsInjectionKey, scripts);
-        return () => refresh.value ? render2() : null;
-      }
-    });
-    return [Holder, callback];
+    return {
+      confirm: options.deferred.confirm,
+      cancel: options.deferred.cancel,
+      close: () => options.deferred.confirm(),
+      deferred: options.deferred,
+      visible,
+      vanish
+    };
   }
-  function useRefreshMetadata() {
+  function createRefreshMetadata() {
     const visible = (0, lib_exports.ref)(false);
     const refresh = (0, lib_exports.ref)(false);
     const props = (0, lib_exports.ref)();
@@ -16918,12 +16932,12 @@ ${codeFrame}` : message);
     function vanish() {
       refresh.value = false;
       props.value = {};
-      scripts.reject();
+      scripts.cancel();
     }
     function callback(_props) {
       scripts.deferred = createDeferred();
-      scripts.resolve = scripts.deferred.resolve;
-      scripts.reject = scripts.deferred.reject;
+      scripts.confirm = scripts.deferred.confirm;
+      scripts.cancel = scripts.deferred.cancel;
       props.value = _props;
       refresh.value = true;
       return scripts.deferred;
@@ -16931,13 +16945,13 @@ ${codeFrame}` : message);
     return { callback, scripts, props, refresh };
   }
 
-  // src/composable/inject.ts
-  var { define } = createConstructor((Instance, props, options) => {
+  // src/composable/overlay.ts
+  var { define: defineInject } = createConstructor((Instance, props, options) => {
     const { id, deferred, render: render2, vanish: _vanish } = options;
     const InstanceWithProvider = (0, vue_exports.defineComponent)({
       name: pascalCase(id),
       setup: () => {
-        const scripts = useScripts({ vanish, deferred });
+        const scripts = createScripts({ vanish, deferred });
         (0, vue_exports.provide)(ScriptsInjectionKey, scripts);
       },
       render: () => (0, vue_exports.h)(Instance, props)
@@ -16947,9 +16961,42 @@ ${codeFrame}` : message);
     }
     render2(InstanceWithProvider, props);
   }, { container: false });
-  function useOverlayInject(Instance) {
-    const { render: render2, vanish } = (0, vue_exports.inject)(InstancesInjectionKey);
-    return define(Instance, { render: render2, vanish });
+  function defineHolder(component, options = {}) {
+    const { callback, scripts, props, refresh } = createRefreshMetadata();
+    const name = defineName(options.id, options.autoIncrement);
+    function render2() {
+      return (0, vue_exports.h)(
+        vue_exports.Teleport,
+        {
+          to: options.root || document.body,
+          disabled: options.root === false
+        },
+        (0, vue_exports.h)("div", { id: name }, [
+          (0, vue_exports.h)(component, props.value)
+        ])
+      );
+    }
+    const Holder = (0, vue_exports.defineComponent)({
+      name: pascalCase(name),
+      setup() {
+        (0, vue_exports.provide)(ScriptsInjectionKey, scripts);
+        return () => refresh.value ? render2() : null;
+      }
+    });
+    return [
+      Holder,
+      callback
+    ];
+  }
+  function useOverlay(Instance, options = {}) {
+    const { type = "inject" } = options != null ? options : {};
+    if (type === "inject") {
+      const { render: render2, vanish } = (0, vue_exports.inject)(InstancesInjectionKey);
+      return defineInject(Instance, { render: render2, vanish });
+    }
+    if (type === "holder") {
+      return defineHolder(Instance, options);
+    }
   }
 
   // src/utils/index.ts
@@ -16972,7 +17019,7 @@ ${codeFrame}` : message);
     const InstanceWithProvider = (0, lib_exports.defineComponent)({
       name: pascalCase(id),
       setup: () => {
-        const scripts = useScripts({
+        const scripts = createScripts({
           vanish,
           deferred
         });
@@ -16990,53 +17037,11 @@ ${codeFrame}` : message);
   var defineOverlay = constructor.define;
   var renderOverlay = constructor.render;
 
-  // src/components/Field.ts
-  var Field = (0, vue_exports.defineComponent)({
-    name: "Field",
-    props: {
-      is: {
-        type: [String, Number, Object],
-        default: ""
-      }
-    },
-    setup(props) {
-      return () => {
-        if (typeof props.is === "string" || typeof props.is === "number")
-          return props.is;
-        return props.is ? (0, vue_exports.h)(props.is) : null;
-      };
-    }
-  });
-
-  // src/components/Provider.ts
-  var OverlaysProvider = (0, lib_exports.defineComponent)({
-    setup(_, { slots }) {
-      const instances = (0, lib_exports.ref)([]);
-      function render2(Instance, props) {
-        console.log({ Instance, props });
-        instances.value.push({ Instance: (0, vue_exports.markRaw)(Instance), props });
-      }
-      function vanish(instance) {
-        instances.value = instances.value.filter(({ Instance }) => Instance !== instance);
-      }
-      (0, lib_exports.provide)(InstancesInjectionKey, { render: render2, vanish });
-      return () => {
-        var _a;
-        return (0, lib_exports.h)(lib_exports.Fragment, [
-          ...instances.value.map(
-            ({ Instance, props }, index) => (0, lib_exports.h)(Instance, { ...props, key: index })
-          ),
-          (_a = slots.default) == null ? void 0 : _a.call(slots)
-        ]);
-      };
-    }
-  });
-
   // src/index.ts
   function install2(app) {
     context.appContext = app._context;
   }
   var unoverlay = { install: install2 };
-  var src_default = unoverlay;
-  return __toCommonJS(src_exports);
+  var index_default = unoverlay;
+  return __toCommonJS(index_exports);
 })();