@apolitical/component-library 9.1.0 → 10.0.0

package/layout/content-layout/columns/columns.d.ts

@@ -9,7 +9,7 @@ export interface IColumnsProps {
     /** Additional classes */
     className?: string;
     /** The content to be rendered */
-    children: React.ReactElement;
+    children: React.ReactNode;
 }
 declare const Columns: ({ layout, hideOnMobile, hasCSSContainers, className, children, }: IColumnsProps) => import("react/jsx-runtime").JSX.Element;
 export default Columns;

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';

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/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": "9.1.0",
+  "version": "10.0.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -22,7 +22,7 @@
     "@tanstack/react-query": "5.8.3",
     "@tanstack/react-query-devtools": "5.8.3",
     "classnames": "2.3.2",
-    "focus-trap-react": "10.2.3",
+    "focus-trap-react": "12.0.0",
     "is-hotkey": "0.2.0",
     "is-url": "1.2.4",
     "lodash.clonedeep": "4.5.0",
@@ -31,12 +31,12 @@
     "lodash.set": "4.3.2",
     "markdown-to-jsx": "7.3.2",
     "posthog-js": "1.264.2",
-    "react": "18.2.0",
+    "react": "19.2.4",
     "react-cookie": "6.1.1",
-    "react-dom": "18.2.0",
+    "react-dom": "19.2.4",
     "react-error-boundary": "4.0.11",
     "react-google-recaptcha": "3.1.0",
-    "react-intl": "6.5.5",
+    "react-intl": "8.1.1",
     "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?: {