@apolitical/component-library 8.7.25 → 9.0.0-beta.0

package/layout/page-layout/page-layout.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 interface Props {
     /** Content to show on the page. This is rendered inside `#content` */
     children: React.ReactNode | JSX.Element | React.ReactPortal;

package/modals/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 export interface IModalProps {
     /** The element that will render around the content */
     element?: 'section' | 'div' | 'ul';
@@ -24,6 +24,6 @@ declare const Modal: ({ element, children, className, variant, additionalContent
     /** Optional styling */
     style?: React.CSSProperties | undefined;
     className: string;
-    children: number | boolean | Iterable<React.ReactNode> | JSX.Element | null | undefined;
+    children: number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | JSX.Element | null | undefined;
 }, Element>;
 export default Modal;

package/modals/components/overlay/overlay.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type JSX } from 'react';
 import { ButtonPropsType } from '../../../general';
 export interface IOverlayProps {
     /** ID of the overlay */

package/navigation/more-menu/more-menu.d.ts

@@ -30,8 +30,8 @@ export interface IMoreMenuProps {
     locale?: string;
 }
 declare const MoreMenu: ({ element, id, options, className, }: IMoreMenuProps) => React.DetailedReactHTMLElement<{
-    ref: React.RefObject<HTMLDivElement | HTMLParagraphElement | HTMLLIElement>;
+    ref: React.RefObject<HTMLLIElement | HTMLParagraphElement | HTMLDivElement | null>;
     className: string;
     children: import("react/jsx-runtime").JSX.Element;
-}, HTMLDivElement | HTMLParagraphElement | HTMLLIElement>;
+}, HTMLLIElement | HTMLParagraphElement | HTMLDivElement>;
 export default MoreMenu;

package/navigation/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 export interface ITabBreakPoint {
     target: 'min-width' | 'max-width';
     value: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "8.7.25",
+  "version": "9.0.0-beta.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -31,12 +31,12 @@
     "lodash.set": "4.3.2",
     "markdown-to-jsx": "7.3.2",
     "posthog-js": "1.161.5",
-    "react": "18.2.0",
+    "react": "19.1.1",
     "react-cookie": "6.1.1",
-    "react-dom": "18.2.0",
+    "react-dom": "19.1.1",
     "react-error-boundary": "4.0.11",
     "react-google-recaptcha": "3.1.0",
-    "react-intl": "6.5.5",
+    "react-intl": "7.1.11",
     "react-multi-email": "1.0.18",
     "remark-parse": "11.0.0",
     "rtl-detect": "1.1.2",

package/sections/edit-section/edit-section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { IFormProps } from '../../form/components/form/form.types';
 type THref = string | undefined;
 interface IPlaceholder {

package/sections/full-width-section/full-width-section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 interface Props {
     /** Optional styling for the section */
     styling?: {