@cerberus-design/react 0.12.0-next-34ac941 → 0.12.0-next-bd594cf

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

@@ -1821,8 +1821,21 @@ export { pointerWithin }
  * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
  * @see https://cerberus.digitalu.design/react/portal
  * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)
+ * @example
+ * ```tsx
+ * 'use client'
+ *
+ * import { Portal } from '@cerberus/react'
+ *
+ * function SomeFeatureWithinSSRPage() {
+ *   return (
+ *     <Portal>
+ *       <div>Portal Content outside of the React VDom tree</div>
+ *     </Portal>
+ *   )
+ * }
  */
-declare function Portal(props: PropsWithChildren<PortalProps>): ReactPortal | null;
+declare function Portal(props: PropsWithChildren<PortalProps>): ReactPortal;
 export { Portal }
 export { Portal as Portal_alias_1 }
 

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2UXE5PDG.js";
 import {
   Portal
-} from "./chunk-GLY7GU5S.js";
+} from "./chunk-K2PSHGS7.js";
 import {
   Modal
 } from "./chunk-BE4EOU2P.js";
@@ -152,4 +152,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-NJIX4CY2.js.map
+//# sourceMappingURL=chunk-3FCUTX4S.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2UXE5PDG.js";
 import {
   Portal
-} from "./chunk-GLY7GU5S.js";
+} from "./chunk-K2PSHGS7.js";
 import {
   Input
 } from "./chunk-NKM6PISB.js";
@@ -240,4 +240,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-EZ56D7WO.js.map
+//# sourceMappingURL=chunk-IFD2BUUW.js.map

package/build/modern/chunk-K2PSHGS7.js

@@ -0,0 +1,11 @@
+// src/components/Portal.tsx
+import { createPortal } from "react-dom";
+function Portal(props) {
+  const container = props.container || document.body;
+  return createPortal(props.children, container, props.key);
+}
+
+export {
+  Portal
+};
+//# sourceMappingURL=chunk-K2PSHGS7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Portal.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { createPortal } from 'react-dom'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport interface PortalProps {\n  /**\n   * The root container to render the children into.\n   * @default document.body\n   */\n  container?: Element | DocumentFragment\n  /**\n   * An optional key to use for the Portal component.\n   */\n  key?: null | string\n}\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport function Portal(props: PropsWithChildren<PortalProps>) {\n  const container = props.container || document.body\n  return createPortal(props.children, container, props.key)\n}\n"],"mappings":";AAGA,SAAS,oBAAoB;AAqCtB,SAAS,OAAO,OAAuC;AAC5D,QAAM,YAAY,MAAM,aAAa,SAAS;AAC9C,SAAO,aAAa,MAAM,UAAU,WAAW,MAAM,GAAG;AAC1D;","names":[]}

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2UXE5PDG.js";
 import {
   Portal
-} from "./chunk-GLY7GU5S.js";
+} from "./chunk-K2PSHGS7.js";
 import {
   Modal
 } from "./chunk-BE4EOU2P.js";
@@ -176,4 +176,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-CEC4EXVR.js.map
+//# sourceMappingURL=chunk-ON64MA6L.js.map

package/build/modern/{chunk-5OSUZUR4.js → chunk-PNR7ZUAR.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-SXIXDXG3.js";
 import {
   Portal
-} from "./chunk-GLY7GU5S.js";
+} from "./chunk-K2PSHGS7.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -159,4 +159,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-5OSUZUR4.js.map
+//# sourceMappingURL=chunk-PNR7ZUAR.js.map

package/build/modern/components/Portal.js

@@ -1,6 +1,7 @@
+"use client";
 import {
   Portal
-} from "../chunk-GLY7GU5S.js";
+} from "../chunk-K2PSHGS7.js";
 export {
   Portal
 };

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

@@ -2,9 +2,9 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-CEC4EXVR.js";
+} from "../chunk-ON64MA6L.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-GLY7GU5S.js";
+import "../chunk-K2PSHGS7.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-ZFAIE47A.js";

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

@@ -2,9 +2,9 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-NJIX4CY2.js";
+} from "../chunk-3FCUTX4S.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-GLY7GU5S.js";
+import "../chunk-K2PSHGS7.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-ZFAIE47A.js";

package/build/modern/context/notification-center.js

@@ -2,11 +2,11 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-5OSUZUR4.js";
+} from "../chunk-PNR7ZUAR.js";
 import "../chunk-7SGPJM66.js";
 import "../chunk-XEW6TJJ4.js";
 import "../chunk-SXIXDXG3.js";
-import "../chunk-GLY7GU5S.js";
+import "../chunk-K2PSHGS7.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";

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

@@ -2,9 +2,9 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-EZ56D7WO.js";
+} from "../chunk-IFD2BUUW.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-GLY7GU5S.js";
+import "../chunk-K2PSHGS7.js";
 import "../chunk-NKM6PISB.js";
 import "../chunk-NMF2HYWO.js";
 import "../chunk-BE4EOU2P.js";

package/build/modern/index.js

@@ -5,19 +5,19 @@ import {
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-CEC4EXVR.js";
+} from "./chunk-ON64MA6L.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-NJIX4CY2.js";
+} from "./chunk-3FCUTX4S.js";
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-5OSUZUR4.js";
+} from "./chunk-PNR7ZUAR.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-EZ56D7WO.js";
+} from "./chunk-IFD2BUUW.js";
 import {
   Table,
   Tr
@@ -90,7 +90,7 @@ import {
 } from "./chunk-SXIXDXG3.js";
 import {
   Portal
-} from "./chunk-GLY7GU5S.js";
+} from "./chunk-K2PSHGS7.js";
 import {
   Input
 } from "./chunk-NKM6PISB.js";

package/package.json

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

package/src/components/Portal.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { PropsWithChildren } from 'react'
 import { createPortal } from 'react-dom'
 
@@ -22,12 +24,21 @@ export interface PortalProps {
  * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
  * @see https://cerberus.digitalu.design/react/portal
  * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)
+ * @example
+ * ```tsx
+ * 'use client'
+ *
+ * import { Portal } from '@cerberus/react'
+ *
+ * function SomeFeatureWithinSSRPage() {
+ *   return (
+ *     <Portal>
+ *       <div>Portal Content outside of the React VDom tree</div>
+ *     </Portal>
+ *   )
+ * }
  */
 export function Portal(props: PropsWithChildren<PortalProps>) {
-  if (typeof window !== 'undefined') {
-    const container = props.container || document.body
-    return createPortal(props.children, container, props.key)
-  }
-
-  return null
+  const container = props.container || document.body
+  return createPortal(props.children, container, props.key)
 }

package/build/modern/chunk-GLY7GU5S.js

@@ -1,14 +0,0 @@
-// src/components/Portal.tsx
-import { createPortal } from "react-dom";
-function Portal(props) {
-  if (typeof window !== "undefined") {
-    const container = props.container || document.body;
-    return createPortal(props.children, container, props.key);
-  }
-  return null;
-}
-
-export {
-  Portal
-};
-//# sourceMappingURL=chunk-GLY7GU5S.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Portal.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { createPortal } from 'react-dom'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport interface PortalProps {\n  /**\n   * The root container to render the children into.\n   * @default document.body\n   */\n  container?: Element | DocumentFragment\n  /**\n   * An optional key to use for the Portal component.\n   */\n  key?: null | string\n}\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n */\nexport function Portal(props: PropsWithChildren<PortalProps>) {\n  if (typeof window !== 'undefined') {\n    const container = props.container || document.body\n    return createPortal(props.children, container, props.key)\n  }\n\n  return null\n}\n"],"mappings":";AACA,SAAS,oBAAoB;AAwBtB,SAAS,OAAO,OAAuC;AAC5D,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,YAAY,MAAM,aAAa,SAAS;AAC9C,WAAO,aAAa,MAAM,UAAU,WAAW,MAAM,GAAG;AAAA,EAC1D;AAEA,SAAO;AACT;","names":[]}