@overlastic/react 0.8.0 → 0.8.3

package/dist/index.cjs

@@ -18,31 +18,29 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   OverlaysProvider: () => OverlaysProvider,
   defineOverlay: () => defineOverlay,
   renderOverlay: () => renderOverlay,
-  useExtendOverlay: () => useExtendOverlay,
-  useOverlayHolder: () => useOverlayHolder,
-  useOverlayInject: () => useOverlayInject
+  useDisclosure: () => useDisclosure,
+  useOverlay: () => useOverlay
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
-// src/composable/define.ts
-var import_core2 = require("@overlastic/core");
+// src/components/Provider.tsx
 var import_react2 = require("react");
 
 // src/internal/contexts.tsx
 var import_core = require("@overlastic/core");
 var import_react = require("react");
 var ScriptsContext = (0, import_react.createContext)({
-  reject: import_core.noop,
-  resolve: import_core.noop,
-  setVisible: import_core.noop,
+  cancel: import_core.noop,
+  confirm: import_core.noop,
+  change: import_core.noop,
   vanish: import_core.noop,
   visible: false,
-  in_dec: true
+  __is_declarative: true
 });
 var InstancesContext = (0, import_react.createContext)({});
 InstancesContext.displayName = "OverlayInstancesContext";
@@ -53,117 +51,114 @@ function defineAnonymousComponent(component) {
   return { "--": component }["--"];
 }
 
+// src/components/Provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function OverlaysProvider(props) {
+  const [instances, setInstances] = (0, import_react2.useState)([]);
+  function render(Instance, props2) {
+    setInstances((instances2) => [...instances2, { Instance, props: props2 }]);
+  }
+  function vanish(instance) {
+    setInstances((instances2) => [...instances2.filter(({ Instance }) => instance !== Instance)]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InstancesContext.Provider, { value: { render, vanish }, children: [
+    instances.map(({ Instance, props: props2 }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Instance, { ...props2 }, index)),
+    props.children
+  ] });
+}
+
 // src/composable/define.ts
-function useExtendOverlay(options = {}) {
-  const { immediate = true, duration = 0, automatic = true } = options;
-  const context = (0, import_react2.useContext)(ScriptsContext);
-  const dec = Reflect.get(context, "in_dec");
-  const overlay = dec ? useDeclarative(options) : context;
-  const { setVisible, vanish, deferred } = overlay;
+var import_core2 = require("@overlastic/core");
+var import_react3 = require("react");
+function useDisclosure(options = {}) {
+  const { immediate = true, duration = 300, automatic = true } = options;
+  const context = (0, import_react3.useContext)(ScriptsContext);
+  const isDeclarative = Reflect.get(context, "__is_declarative");
+  const overlay = isDeclarative ? useDeclarative(options) : context;
   async function destroy() {
-    setVisible(false);
+    var _a;
+    overlay.change(false);
     await (0, import_core2.delay)(duration);
-    vanish == null ? void 0 : vanish();
+    (_a = overlay.vanish) == null ? void 0 : _a.call(overlay);
     return Promise.resolve();
   }
-  useMount(() => immediate && setVisible(true));
+  useMount(() => immediate && overlay.change(true));
   useMount(() => {
-    if (!dec && automatic)
-      deferred == null ? void 0 : deferred.then(destroy).catch(destroy);
+    var _a;
+    if (!isDeclarative && automatic)
+      (_a = overlay.deferred) == null ? void 0 : _a.then(destroy).catch(destroy);
   });
   return overlay;
 }
 function useDeclarative(options = {}) {
   const { props = {}, model = "visible", events = {} } = options;
-  const { reject = "onReject", resolve = "onResolve" } = events;
-  const _reject = (value) => {
+  const { cancel = "onCancel", confirm = "onConfirm", close = "onClose" } = events;
+  const _cancel = (value) => {
     var _a;
-    (_a = props[reject]) == null ? void 0 : _a.call(props, value);
+    return (_a = props[cancel]) == null ? void 0 : _a.call(props, value);
   };
-  const _resolve = (value) => {
+  const _confirm = (value) => {
     var _a;
-    (_a = props[resolve]) == null ? void 0 : _a.call(props, value);
+    return (_a = props[confirm]) == null ? void 0 : _a.call(props, value);
+  };
+  const _close = (value) => {
+    var _a;
+    return (_a = props[close]) == null ? void 0 : _a.call(props, value);
   };
   return {
-    reject: _reject,
-    resolve: _resolve,
+    cancel: _cancel,
+    confirm: _confirm,
+    close: _close,
     visible: props[model],
     vanish: import_core2.noop,
-    setVisible: import_core2.noop,
+    change: import_core2.noop,
     deferred: void 0
   };
 }
 function useMount(callback = import_core2.noop) {
-  (0, import_react2.useEffect)(() => callback(), []);
+  (0, import_react3.useEffect)(() => callback(), []);
 }
 
-// src/composable/scripts.ts
-var import_react3 = require("react");
-function useScripts(options) {
-  const { reject: _reject } = options.deferred || {};
+// src/composable/utils/index.ts
+var import_core3 = require("@overlastic/core");
+var import_react4 = require("react");
+function createScripts(options) {
+  const { cancel: _cancel } = options.deferred || {};
   const { vanish: _vanish } = options;
-  const [visible, setVisible] = (0, import_react3.useState)(false);
+  const [visible, change] = (0, import_react4.useState)(false);
   function vanish() {
     _vanish == null ? void 0 : _vanish();
-    _reject == null ? void 0 : _reject();
+    _cancel == null ? void 0 : _cancel();
   }
   return {
-    resolve: options.deferred.resolve,
-    reject: options.deferred.reject,
+    confirm: options.deferred.confirm,
+    cancel: options.deferred.cancel,
+    close: () => options.deferred.confirm(),
     deferred: options.deferred,
-    setVisible,
+    change,
     visible,
     vanish
   };
 }
-
-// src/composable/holder.tsx
-var import_core3 = require("@overlastic/core");
-var import_pascal_case = require("pascal-case");
-var import_react4 = require("react");
-var import_react_dom = require("react-dom");
-var import_jsx_runtime = require("react/jsx-runtime");
-function useOverlayHolder(component, options = {}) {
-  const { callback, scripts, props, refresh } = useRefreshMetadata();
-  const name = (0, import_core3.defineName)(options.id, options.autoIncrement);
-  function render() {
-    const root = options.root || (typeof document !== "undefined" ? document.body : void 0);
-    const Comp = component;
-    const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: name, children: [
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props }),
-      " "
-    ] });
-    return options.root !== false && root ? (0, import_react_dom.createPortal)(content, root) : content;
-  }
-  const holder = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ScriptsContext.Provider,
-    {
-      value: scripts,
-      ...{ id: (0, import_pascal_case.pascalCase)(name) },
-      children: refresh ? render() : null
-    }
-  );
-  return [holder, callback];
-}
-function useRefreshMetadata() {
+function createRefreshMetadata() {
   const [props, setProps] = (0, import_react4.useState)();
   const [refresh, setRefresh] = (0, import_react4.useState)(false);
-  const [visible, setVisible] = (0, import_react4.useState)(false);
+  const [visible, change] = (0, import_react4.useState)(false);
   const deferred = (0, import_react4.useRef)({});
   const scripts = {
     deferred: deferred.current,
-    resolve: deferred.current.resolve,
-    reject: deferred.current.reject,
+    confirm: deferred.current.confirm,
+    cancel: deferred.current.cancel,
+    close: () => deferred.current.confirm(),
     vanish,
     visible,
-    setVisible
+    change
   };
   function vanish() {
     var _a;
     setRefresh(false);
     setProps({});
-    (_a = scripts.reject) == null ? void 0 : _a.call(scripts);
+    (_a = scripts.cancel) == null ? void 0 : _a.call(scripts);
   }
   async function callback(props2) {
     deferred.current = (0, import_core3.createDeferred)();
@@ -174,38 +169,64 @@ function useRefreshMetadata() {
   return { callback, scripts, props, refresh };
 }
 
-// src/composable/inject.tsx
+// src/composable/overlay.tsx
 var import_core4 = require("@overlastic/core");
+var import_pascal_case = require("pascal-case");
 var import_react5 = require("react");
-var import_pascal_case2 = require("pascal-case");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var { define } = (0, import_core4.createConstructor)((Instance, props, options) => {
-  const { id, deferred, render, vanish: _vanish } = options;
-  const InstanceWithProvider = defineAnonymousComponent(() => {
-    const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      ScriptsContext.Provider,
-      {
-        value: useScripts({ deferred, vanish }),
-        ...{ id: (0, import_pascal_case2.pascalCase)(id) },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Instance, { ...props })
-      }
-    );
-    return content;
-  });
-  function vanish() {
-    _vanish(InstanceWithProvider);
+var { define: defineInject } = (0, import_core4.createConstructor)(
+  (Instance, props, options) => {
+    const { id, deferred, render, vanish: _vanish } = options;
+    const InstanceWithProvider = defineAnonymousComponent(() => {
+      const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ScriptsContext.Provider,
+        {
+          value: createScripts({ deferred, vanish }),
+          ...{ id: (0, import_pascal_case.pascalCase)(id) },
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Instance, { ...props })
+        }
+      );
+      return content;
+    });
+    function vanish() {
+      _vanish(InstanceWithProvider);
+    }
+    render(InstanceWithProvider, props);
+  },
+  { container: false }
+);
+function defineHolder(component, options = {}) {
+  const { callback, scripts, props, refresh } = createRefreshMetadata();
+  const name = (0, import_core4.defineName)(options.id, options.autoIncrement);
+  function render() {
+    const root = options.root || (typeof document !== "undefined" ? document.body : void 0);
+    const Comp = component;
+    const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id: name, children: [
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props }),
+      " "
+    ] });
+    return options.root !== false && root ? (0, import_react_dom.createPortal)(content, root) : content;
+  }
+  const holder = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScriptsContext.Provider, { value: scripts, ...{ id: (0, import_pascal_case.pascalCase)(name) }, children: refresh ? render() : null });
+  return [holder, callback];
+}
+function useOverlay(Instance, options = {}) {
+  const { type = "inject" } = options != null ? options : {};
+  if (type === "inject") {
+    const { render, vanish } = (0, import_react5.useContext)(InstancesContext);
+    return defineInject(Instance, { render, vanish });
+  }
+  if (type === "holder") {
+    return defineHolder(Instance, options);
   }
-  render(InstanceWithProvider, props);
-}, { container: false });
-function useOverlayInject(Instance) {
-  const { render, vanish } = (0, import_react5.useContext)(InstancesContext);
-  return define(Instance, { render, vanish });
 }
 
 // src/define/constructor.tsx
 var import_core5 = require("@overlastic/core");
+var import_pascal_case2 = require("pascal-case");
 var import_client = require("react-dom/client");
-var import_pascal_case3 = require("pascal-case");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var constructor = (0, import_core5.createConstructor)((Instance, props, options) => {
   const { container, id, deferred } = options;
@@ -214,8 +235,8 @@ var constructor = (0, import_core5.createConstructor)((Instance, props, options)
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       ScriptsContext.Provider,
       {
-        value: useScripts({ deferred, vanish }),
-        ...{ id: (0, import_pascal_case3.pascalCase)(id) },
+        value: createScripts({ deferred, vanish }),
+        ...{ id: (0, import_pascal_case2.pascalCase)(id) },
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Instance, { ...props })
       }
     );
@@ -233,29 +254,11 @@ var constructor = (0, import_core5.createConstructor)((Instance, props, options)
 // src/define/index.ts
 var defineOverlay = constructor.define;
 var renderOverlay = constructor.render;
-
-// src/components/Provider.tsx
-var import_react6 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function OverlaysProvider(props) {
-  const [instances, setInstances] = (0, import_react6.useState)([]);
-  function render(Instance, props2) {
-    setInstances((instances2) => [...instances2, { Instance, props: props2 }]);
-  }
-  function vanish(instance) {
-    setInstances((instances2) => [...instances2.filter(({ Instance }) => instance !== Instance)]);
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(InstancesContext.Provider, { value: { render, vanish }, children: [
-    instances.map(({ Instance, props: props2 }, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Instance, { ...props2 }, index)),
-    props.children
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   OverlaysProvider,
   defineOverlay,
   renderOverlay,
-  useExtendOverlay,
-  useOverlayHolder,
-  useOverlayInject
+  useDisclosure,
+  useOverlay
 });

package/dist/index.d.cts

@@ -1,30 +1,34 @@
-import { Dispatch, SetStateAction, FC, PropsWithChildren } from 'react';
-import * as _overlastic_core from '@overlastic/core';
-import { ImperativeOverlay, MountOptions } from '@overlastic/core';
-import { GlobalMountOptions } from '@vue/test-utils/dist/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren, Dispatch, SetStateAction, FC } from 'react';
+import { MountOptions, ImperativeOverlay, GlobalMountOptions } from '@overlastic/core';
 
-type PropsWidthOverlays<P = unknown> = P & {
+declare function OverlaysProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+type PropsWithOverlays<P = unknown, V = void> = P & {
     visible?: boolean;
-    onReject?: (value: any) => void;
-    onResolve?: (value: any) => void;
+    onCancel?: (value: any) => void;
+    onConfirm?: (value: V) => void;
 };
 
 interface PromptifyEvents {
     /**
-     * reject event name used by the template
+     * confirm event name used by the template
+     */
+    close?: string;
+    /**
+     * cancel event name used by the template
      *
-     * @default 'onReject'
+     * @default 'onCancel'
      */
-    reject?: string;
+    cancel?: string;
     /**
-     * resolve event name used by the template
+     * confirm event name used by the template
      *
-     * @default 'onResolve'
+     * @default 'onConfirm'
      */
-    resolve?: string;
+    confirm?: string;
 }
-interface ExtendOverlayOptions {
+interface UseDisclosureOptions {
     /** animation duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -32,7 +36,7 @@ interface ExtendOverlayOptions {
     /**
      * pass in the required props on jsx
      */
-    props?: PropsWidthOverlays;
+    props?: PropsWithOverlays;
     /**
      *  fields used by jsx show
      *
@@ -50,34 +54,34 @@ interface ExtendOverlayOptions {
      */
     automatic?: boolean;
 }
-interface ExtendOverlayReturn {
-    /** the notification reject, modify visible, and destroy it after the duration ends */
-    reject: (reason?: any) => void;
-    /** the notification resolve, modify visible, and destroy it after the duration ends */
-    resolve: (value?: any) => void;
+interface UseDisclosureReturn {
+    /** the notification cancel(reason), modify visible, and destroy it after the duration ends */
+    cancel: (reason?: any) => void;
+    /** the notification confirm(value), modify visible, and destroy it after the duration ends */
+    confirm: (value?: any) => void;
+    /** the notification confirm(void), modify visible, and destroy it after the duration ends */
+    close: () => void;
     /** destroy the current instance (immediately) */
     vanish: () => void;
     /** visible control popup display and hide */
     visible: boolean;
     /** visible dispatch change */
-    setVisible: Dispatch<SetStateAction<boolean>>;
+    change: Dispatch<SetStateAction<boolean>>;
     /** current deferred */
     deferred?: Promise<any>;
 }
-declare function useExtendOverlay(options?: ExtendOverlayOptions): ExtendOverlayReturn;
+declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
 
-type InjectionHolder<Props, Resolved> = [JSX.Element, ImperativeOverlay<Props, Resolved>];
-declare function useOverlayHolder<Props, Resolved = void>(component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
-
-interface Options {
-    render: (instance: FC, props: any) => void;
-    vanish: (instance: FC) => void;
-}
-declare function useOverlayInject<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
+type ExtractProps<P> = Omit<P, `on${string}` | 'visible'>;
+type ExtractEvent<P extends Record<string, any>> = Parameters<Required<P>['onConfirm']>[0];
+declare function useOverlay<Props extends Record<string, any>, Resolved = ExtractEvent<Props>>(Instance: FC<Props>, options?: MountOptions<{
+    type?: 'inject';
+}>): ImperativeOverlay<ExtractProps<Props>, Resolved>;
+declare function useOverlay<Props extends Record<string, any>, Resolved = ExtractEvent<Props>>(Instance: FC<Props>, options?: MountOptions<{
+    type?: 'holder';
+}>): [JSX.Element, ImperativeOverlay<ExtractProps<Props>, Resolved>];
 
 declare const defineOverlay: <Props, Resolved = void>(instance: React.FC<Props>, options?: GlobalMountOptions | undefined) => ImperativeOverlay<Props, Resolved, unknown>;
 declare const renderOverlay: <Props, Resolved = void>(instance: React.FC<Props>, props?: Props | undefined, options?: GlobalMountOptions | undefined) => Promise<Resolved>;
 
-declare function OverlaysProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
-
-export { type ExtendOverlayOptions, type ExtendOverlayReturn, type InjectionHolder, OverlaysProvider, type PropsWidthOverlays, defineOverlay, renderOverlay, useExtendOverlay, useOverlayHolder, useOverlayInject };
+export { OverlaysProvider, type PropsWithOverlays, type UseDisclosureOptions, type UseDisclosureReturn, defineOverlay, renderOverlay, useDisclosure, useOverlay };

package/dist/index.d.ts

@@ -1,30 +1,34 @@
-import { Dispatch, SetStateAction, FC, PropsWithChildren } from 'react';
-import * as _overlastic_core from '@overlastic/core';
-import { ImperativeOverlay, MountOptions } from '@overlastic/core';
-import { GlobalMountOptions } from '@vue/test-utils/dist/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren, Dispatch, SetStateAction, FC } from 'react';
+import { MountOptions, ImperativeOverlay, GlobalMountOptions } from '@overlastic/core';
 
-type PropsWidthOverlays<P = unknown> = P & {
+declare function OverlaysProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+type PropsWithOverlays<P = unknown, V = void> = P & {
     visible?: boolean;
-    onReject?: (value: any) => void;
-    onResolve?: (value: any) => void;
+    onCancel?: (value: any) => void;
+    onConfirm?: (value: V) => void;
 };
 
 interface PromptifyEvents {
     /**
-     * reject event name used by the template
+     * confirm event name used by the template
+     */
+    close?: string;
+    /**
+     * cancel event name used by the template
      *
-     * @default 'onReject'
+     * @default 'onCancel'
      */
-    reject?: string;
+    cancel?: string;
     /**
-     * resolve event name used by the template
+     * confirm event name used by the template
      *
-     * @default 'onResolve'
+     * @default 'onConfirm'
      */
-    resolve?: string;
+    confirm?: string;
 }
-interface ExtendOverlayOptions {
+interface UseDisclosureOptions {
     /** animation duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -32,7 +36,7 @@ interface ExtendOverlayOptions {
     /**
      * pass in the required props on jsx
      */
-    props?: PropsWidthOverlays;
+    props?: PropsWithOverlays;
     /**
      *  fields used by jsx show
      *
@@ -50,34 +54,34 @@ interface ExtendOverlayOptions {
      */
     automatic?: boolean;
 }
-interface ExtendOverlayReturn {
-    /** the notification reject, modify visible, and destroy it after the duration ends */
-    reject: (reason?: any) => void;
-    /** the notification resolve, modify visible, and destroy it after the duration ends */
-    resolve: (value?: any) => void;
+interface UseDisclosureReturn {
+    /** the notification cancel(reason), modify visible, and destroy it after the duration ends */
+    cancel: (reason?: any) => void;
+    /** the notification confirm(value), modify visible, and destroy it after the duration ends */
+    confirm: (value?: any) => void;
+    /** the notification confirm(void), modify visible, and destroy it after the duration ends */
+    close: () => void;
     /** destroy the current instance (immediately) */
     vanish: () => void;
     /** visible control popup display and hide */
     visible: boolean;
     /** visible dispatch change */
-    setVisible: Dispatch<SetStateAction<boolean>>;
+    change: Dispatch<SetStateAction<boolean>>;
     /** current deferred */
     deferred?: Promise<any>;
 }
-declare function useExtendOverlay(options?: ExtendOverlayOptions): ExtendOverlayReturn;
+declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
 
-type InjectionHolder<Props, Resolved> = [JSX.Element, ImperativeOverlay<Props, Resolved>];
-declare function useOverlayHolder<Props, Resolved = void>(component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
-
-interface Options {
-    render: (instance: FC, props: any) => void;
-    vanish: (instance: FC) => void;
-}
-declare function useOverlayInject<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
+type ExtractProps<P> = Omit<P, `on${string}` | 'visible'>;
+type ExtractEvent<P extends Record<string, any>> = Parameters<Required<P>['onConfirm']>[0];
+declare function useOverlay<Props extends Record<string, any>, Resolved = ExtractEvent<Props>>(Instance: FC<Props>, options?: MountOptions<{
+    type?: 'inject';
+}>): ImperativeOverlay<ExtractProps<Props>, Resolved>;
+declare function useOverlay<Props extends Record<string, any>, Resolved = ExtractEvent<Props>>(Instance: FC<Props>, options?: MountOptions<{
+    type?: 'holder';
+}>): [JSX.Element, ImperativeOverlay<ExtractProps<Props>, Resolved>];
 
 declare const defineOverlay: <Props, Resolved = void>(instance: React.FC<Props>, options?: GlobalMountOptions | undefined) => ImperativeOverlay<Props, Resolved, unknown>;
 declare const renderOverlay: <Props, Resolved = void>(instance: React.FC<Props>, props?: Props | undefined, options?: GlobalMountOptions | undefined) => Promise<Resolved>;
 
-declare function OverlaysProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
-
-export { type ExtendOverlayOptions, type ExtendOverlayReturn, type InjectionHolder, OverlaysProvider, type PropsWidthOverlays, defineOverlay, renderOverlay, useExtendOverlay, useOverlayHolder, useOverlayInject };
+export { OverlaysProvider, type PropsWithOverlays, type UseDisclosureOptions, type UseDisclosureReturn, defineOverlay, renderOverlay, useDisclosure, useOverlay };