@cerberus-design/react 0.12.0-next-c48abdf → 0.12.0-next-b214a9b

package/build/modern/_tsup-dts-rollup.d.ts

@@ -2825,6 +2825,8 @@ declare interface UseModalReturnValue {
      */
     isOpen: boolean;
 }
+export { UseModalReturnValue }
+export { UseModalReturnValue as UseModalReturnValue_alias_1 }
 
 /**
  * Used to access the nav menu context.

package/build/modern/{chunk-CSEHDNMJ.js → chunk-CEC4EXVR.js}

@@ -30,7 +30,7 @@ import {
 } from "./chunk-VERRHMW4.js";
 import {
   useModal
-} from "./chunk-7T3JIGM7.js";
+} from "./chunk-KGQG5JGW.js";
 
 // src/context/confirm-modal.tsx
 import {
@@ -176,4 +176,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-CSEHDNMJ.js.map
+//# sourceMappingURL=chunk-CEC4EXVR.js.map

package/build/modern/{chunk-VP5ERLAY.js → chunk-EZ56D7WO.js}

@@ -39,7 +39,7 @@ import {
 } from "./chunk-VERRHMW4.js";
 import {
   useModal
-} from "./chunk-7T3JIGM7.js";
+} from "./chunk-KGQG5JGW.js";
 
 // src/context/prompt-modal.tsx
 import {
@@ -240,4 +240,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-VP5ERLAY.js.map
+//# sourceMappingURL=chunk-EZ56D7WO.js.map

package/build/modern/{chunk-7T3JIGM7.js → chunk-KGQG5JGW.js}

@@ -24,4 +24,4 @@ function useModal() {
 export {
   useModal
 };
-//# sourceMappingURL=chunk-7T3JIGM7.js.map
+//# sourceMappingURL=chunk-KGQG5JGW.js.map

package/build/modern/chunk-KGQG5JGW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useModal.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useRef, useState, type RefObject } from 'react'\n\n/**\n * This module provides a hook for using a custom modal.\n * @module\n */\n\nexport interface UseModalReturnValue {\n  /**\n   * The ref for the modal.\n   */\n  modalRef: RefObject<HTMLDialogElement>\n  /**\n   * Shows the modal.\n   */\n  show: () => void\n  /**\n   * Closes the modal.\n   */\n  close: () => void\n  /**\n   * Whether the modal is open based on the show and close methods.\n   */\n  isOpen: boolean\n}\n\n/**\n * Provides a hook for using a custom modal via the native dialog element\n * methods.\n *\n * Cerberus modals use the native dialog element. This hook\n * does not control the modal via React state but rather by calling the\n * native dialog element's `showModal` and `close` methods.\n *\n * @memberof module:Modal\n * @see https://cerberus.digitalu.design/react/modal\n * @description [Moz Dev Dialog Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n */\nexport function useModal(): UseModalReturnValue {\n  const modalRef = useRef<HTMLDialogElement | null>(null)\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const show = useCallback(() => {\n    modalRef.current?.showModal()\n    setIsOpen(true)\n  }, [])\n\n  const close = useCallback(() => {\n    modalRef.current?.close()\n    setIsOpen(false)\n  }, [])\n\n  return useMemo(() => {\n    return {\n      modalRef,\n      show,\n      close,\n      isOpen,\n    }\n  }, [modalRef, show, close, isOpen])\n}\n"],"mappings":";AAEA,SAAS,aAAa,SAAS,QAAQ,gBAAgC;AAsChE,SAAS,WAAgC;AAC9C,QAAM,WAAW,OAAiC,IAAI;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AAEnD,QAAM,OAAO,YAAY,MAAM;AAC7B,aAAS,SAAS,UAAU;AAC5B,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,SAAS,MAAM;AACxB,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,OAAO,MAAM,CAAC;AACpC;","names":[]}

package/build/modern/{chunk-T6LS5P5W.js → chunk-NJIX4CY2.js}

@@ -33,7 +33,7 @@ import {
 } from "./chunk-VERRHMW4.js";
 import {
   useModal
-} from "./chunk-7T3JIGM7.js";
+} from "./chunk-KGQG5JGW.js";
 
 // src/context/cta-modal.tsx
 import {
@@ -152,4 +152,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-T6LS5P5W.js.map
+//# sourceMappingURL=chunk-NJIX4CY2.js.map

package/build/modern/context/confirm-modal.js

@@ -2,7 +2,7 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-CSEHDNMJ.js";
+} from "../chunk-CEC4EXVR.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-BE4EOU2P.js";
@@ -16,7 +16,7 @@ import "../chunk-VERRHMW4.js";
 import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
-import "../chunk-7T3JIGM7.js";
+import "../chunk-KGQG5JGW.js";
 export {
   ConfirmModal,
   useConfirmModal

package/build/modern/context/cta-modal.js

@@ -2,7 +2,7 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-T6LS5P5W.js";
+} from "../chunk-NJIX4CY2.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-BE4EOU2P.js";
@@ -17,7 +17,7 @@ import "../chunk-VERRHMW4.js";
 import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
-import "../chunk-7T3JIGM7.js";
+import "../chunk-KGQG5JGW.js";
 export {
   CTAModal,
   useCTAModal

package/build/modern/context/prompt-modal.js

@@ -2,7 +2,7 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-VP5ERLAY.js";
+} from "../chunk-EZ56D7WO.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-NKM6PISB.js";
@@ -19,7 +19,7 @@ import "../chunk-VERRHMW4.js";
 import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
-import "../chunk-7T3JIGM7.js";
+import "../chunk-KGQG5JGW.js";
 export {
   PromptModal,
   usePromptModal

package/build/modern/hooks/useModal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useModal
-} from "../chunk-7T3JIGM7.js";
+} from "../chunk-KGQG5JGW.js";
 export {
   useModal
 };

package/build/modern/index.js

@@ -5,11 +5,11 @@ import {
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-CSEHDNMJ.js";
+} from "./chunk-CEC4EXVR.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-T6LS5P5W.js";
+} from "./chunk-NJIX4CY2.js";
 import {
   NotificationCenter,
   useNotificationCenter
@@ -17,7 +17,7 @@ import {
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-VP5ERLAY.js";
+} from "./chunk-EZ56D7WO.js";
 import {
   Table,
   Tr
@@ -209,7 +209,7 @@ import "./chunk-CP7OUC2Q.js";
 import "./chunk-HVKM54BA.js";
 import {
   useModal
-} from "./chunk-7T3JIGM7.js";
+} from "./chunk-KGQG5JGW.js";
 
 // src/index.ts
 export * from "@dnd-kit/core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.12.0-next-c48abdf",
+  "version": "0.12.0-next-b214a9b",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -27,7 +27,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.12.0-next-c48abdf"
+    "@cerberus-design/styled-system": "0.12.0-next-b214a9b"
   },
   "publishConfig": {
     "access": "public"

package/src/hooks/useModal.ts

@@ -7,7 +7,7 @@ import { useCallback, useMemo, useRef, useState, type RefObject } from 'react'
  * @module
  */
 
-interface UseModalReturnValue {
+export interface UseModalReturnValue {
   /**
    * The ref for the modal.
    */

package/build/modern/chunk-7T3JIGM7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useModal.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useRef, useState, type RefObject } from 'react'\n\n/**\n * This module provides a hook for using a custom modal.\n * @module\n */\n\ninterface UseModalReturnValue {\n  /**\n   * The ref for the modal.\n   */\n  modalRef: RefObject<HTMLDialogElement>\n  /**\n   * Shows the modal.\n   */\n  show: () => void\n  /**\n   * Closes the modal.\n   */\n  close: () => void\n  /**\n   * Whether the modal is open based on the show and close methods.\n   */\n  isOpen: boolean\n}\n\n/**\n * Provides a hook for using a custom modal via the native dialog element\n * methods.\n *\n * Cerberus modals use the native dialog element. This hook\n * does not control the modal via React state but rather by calling the\n * native dialog element's `showModal` and `close` methods.\n *\n * @memberof module:Modal\n * @see https://cerberus.digitalu.design/react/modal\n * @description [Moz Dev Dialog Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n */\nexport function useModal(): UseModalReturnValue {\n  const modalRef = useRef<HTMLDialogElement | null>(null)\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const show = useCallback(() => {\n    modalRef.current?.showModal()\n    setIsOpen(true)\n  }, [])\n\n  const close = useCallback(() => {\n    modalRef.current?.close()\n    setIsOpen(false)\n  }, [])\n\n  return useMemo(() => {\n    return {\n      modalRef,\n      show,\n      close,\n      isOpen,\n    }\n  }, [modalRef, show, close, isOpen])\n}\n"],"mappings":";AAEA,SAAS,aAAa,SAAS,QAAQ,gBAAgC;AAsChE,SAAS,WAAgC;AAC9C,QAAM,WAAW,OAAiC,IAAI;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AAEnD,QAAM,OAAO,YAAY,MAAM;AAC7B,aAAS,SAAS,UAAU;AAC5B,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,SAAS,MAAM;AACxB,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,OAAO,MAAM,CAAC;AACpC;","names":[]}