@skyscanner/backpack-web 34.16.0-preminor.2 → 35.0.0-premajor.1

package/bpk-component-image/src/BpkImage.d.ts

@@ -28,6 +28,6 @@ declare class BpkImage extends Component<BpkImageProps> {
     };
     onImageLoad: () => void;
     getAspectRatio: () => number;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 export default BpkImage;

package/bpk-component-image/src/withLazyLoading.d.ts

@@ -22,11 +22,13 @@ export default function withLazyLoading<P extends object>(WrappedComponent: Comp
         checkInView: import("lodash").DebouncedFunc<() => void>;
         supportsPassiveEvents: () => boolean;
         isInViewPort: () => boolean;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends "inView">(state: WithLazyLoadingState | ((prevState: Readonly<WithLazyLoadingState>, props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>) => Pick<WithLazyLoadingState, K> | WithLazyLoadingState | null) | Pick<WithLazyLoadingState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>;
+        readonly props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<WithLazyLoadingState>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-image/src/withLoadingBehavior.d.ts

@@ -9,11 +9,13 @@ type State = {
 export default function withLoadingBehavior<P extends object>(WrappedComponent: ComponentType<P>): {
     new (props: Omit<P, keyof InjectedProps>): {
         onLoad: () => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends "loading">(state: State | ((prevState: Readonly<State>, props: Readonly<Omit<P, keyof InjectedProps>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<P, keyof InjectedProps>>;
+        readonly props: Readonly<Omit<P, keyof InjectedProps>> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-info-banner/src/AnimateAndFade.d.ts

@@ -27,6 +27,6 @@ declare class AnimateAndFade extends Component<Props, State> {
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): JSX.Element | null;
 }
 export default AnimateAndFade;

package/bpk-component-info-banner/src/BpkInfoBanner.d.ts

@@ -1,3 +1,3 @@
 import type { CommonProps } from './common-types';
-declare const BpkInfoBanner: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+declare const BpkInfoBanner: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => JSX.Element;
 export default BpkInfoBanner;

package/bpk-component-info-banner/src/BpkInfoBannerDismissable.d.ts

@@ -3,5 +3,5 @@ export type Props = CommonProps & {
     dismissButtonLabel: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkInfoBannerDismissable: ({ onDismiss, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkInfoBannerDismissable: ({ onDismiss, ...rest }: Props) => JSX.Element;
 export default BpkInfoBannerDismissable;

package/bpk-component-info-banner/src/BpkInfoBannerExpandable.d.ts

@@ -7,5 +7,5 @@ export type Props = CommonProps & {
     onExpandToggle?: OnExpandToggleHandler;
     action?: ExpandableBannerAction;
 };
-declare const BpkInfoBannerExpandable: ({ action, children, expanded, onExpandToggle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkInfoBannerExpandable: ({ action, children, expanded, onExpandToggle, ...rest }: Props) => JSX.Element;
 export default BpkInfoBannerExpandable;

package/bpk-component-info-banner/src/BpkInfoBannerInner.d.ts

@@ -15,5 +15,5 @@ type Props = CommonProps & {
     dismissButtonLabel?: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkInfoBannerInner: ({ action, animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, style, toggleButtonLabel, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkInfoBannerInner: ({ action, animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, style, toggleButtonLabel, type, ...rest }: Props) => JSX.Element;
 export default BpkInfoBannerInner;

package/bpk-component-info-banner/src/withBannerAlertState.d.ts

@@ -14,8 +14,8 @@ declare const withBannerAlertState: <P extends BpkInfoBannerProps>(WrappedCompon
         onExpandToggle: () => void;
         onDismiss: () => void;
         onHide: () => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends keyof {
             expanded?: boolean;
             show?: boolean;
@@ -36,7 +36,9 @@ declare const withBannerAlertState: <P extends BpkInfoBannerProps>(WrappedCompon
             show?: boolean;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & WithBannerAlertStateProps>;
+        readonly props: Readonly<P & WithBannerAlertStateProps> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{
             expanded?: boolean;
             show?: boolean;

package/bpk-component-input/src/BpkInput.d.ts

@@ -18,6 +18,6 @@ declare class BpkInput extends Component<Props, State> {
         onClear: null;
     };
     constructor(props: Props);
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 export default BpkInput;

package/bpk-component-input/src/withOpenEvents.d.ts

@@ -34,10 +34,12 @@ declare const withOpenEvents: <P extends object>(WithOpenEventsInputComponent: C
         handleFocus: () => void;
         handleBlur: () => void;
         render(): ReactElement;
-        context: unknown;
+        context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>;
+        readonly props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-inset-banner/src/BpkInsetBanner.d.ts

@@ -18,5 +18,5 @@ export type Props = {
     title?: string;
     variant?: (typeof VARIANT)[keyof typeof VARIANT];
 };
-declare const BpkInsetBanner: ({ accessibilityLabel, backgroundColor, body, callToAction, logo, subheadline, title, variant, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkInsetBanner: ({ accessibilityLabel, backgroundColor, body, callToAction, logo, subheadline, title, variant, }: Props) => JSX.Element;
 export default BpkInsetBanner;

package/bpk-component-journey-arrow/src/BpkJourneyArrow.d.ts

@@ -3,5 +3,5 @@ export type Props = {
     stops?: number;
     [rest: string]: any;
 };
-declare const BpkJourneyArrow: ({ stops, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkJourneyArrow: ({ stops, ...rest }: Props) => JSX.Element;
 export default BpkJourneyArrow;

package/bpk-component-loading-button/src/BpkLoadingButton.d.ts

@@ -24,5 +24,5 @@ type LoadingProps = {
     iconDisabled?: ReactElement<any>;
     iconLoading?: ReactElement<any>;
 } & ButtonProps;
-declare const BpkLoadingButton: (props: LoadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const BpkLoadingButton: (props: LoadingProps) => JSX.Element;
 export default BpkLoadingButton;

package/bpk-component-map/src/BpkBasicMapMarker.d.ts

@@ -6,7 +6,7 @@ type Props = {
     position: LatLong;
 };
 declare const BpkBasicMapMarker: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
+    (props: Props): JSX.Element;
     propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         position: any;

package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.d.ts

@@ -20,5 +20,5 @@ type Props = {
     };
     status?: Status;
 };
-export declare const BpkPriceMarkerV2: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BpkPriceMarkerV2: (props: Props) => JSX.Element;
 export {};

package/bpk-component-modal/src/BpkModal.d.ts

@@ -20,5 +20,5 @@ export type Props = Partial<ModalDialogProps> & {
      */
     getApplicationElement: () => HTMLElement | null;
 };
-declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, modalStyle, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, modalStyle, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => JSX.Element;
 export default BpkModal;

package/bpk-component-modal/src/BpkModalInner.d.ts

@@ -26,5 +26,5 @@ export declare const MODAL_STYLING: {
     surfaceContrast: string;
 };
 export type ModalStyle = (typeof MODAL_STYLING)[keyof typeof MODAL_STYLING];
-declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, modalStyle, onClose, padded, showHeader, title, wide, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, modalStyle, onClose, padded, showHeader, title, wide, }: Props) => JSX.Element;
 export default BpkModalInner;

package/bpk-component-modal/src/BpkModalV2/BpkModal.d.ts

@@ -15,4 +15,4 @@ export type Props = {
     wide?: boolean;
     modalStyle?: ModalStyle;
 };
-export declare const BpkModalV2: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BpkModalV2: (props: Props) => JSX.Element | null;

package/bpk-component-navigation-bar/src/BpkNavigationBar.d.ts

@@ -17,5 +17,5 @@ export type Props = {
     barStyle?: BarStyle;
     [rest: string]: any;
 };
-declare const BpkNavigationBar: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkNavigationBar: (props: Props) => JSX.Element;
 export default BpkNavigationBar;

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.d.ts

@@ -8,5 +8,5 @@ export interface Props extends ComponentProps<BpkButtonLink> {
     barStyle?: BarStyle;
     [rest: string]: any;
 }
-declare const BpkNavigationBarButtonLink: ({ barStyle, children, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkNavigationBarButtonLink: ({ barStyle, children, className, ...rest }: Props) => JSX.Element;
 export default BpkNavigationBarButtonLink;

package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.d.ts

@@ -9,5 +9,5 @@ export type Props = {
     children?: ReactNode;
     [rest: string]: any;
 };
-declare const BpkNavigationBarIconButton: ({ barStyle, className, icon, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkNavigationBarIconButton: ({ barStyle, className, icon, ...rest }: Props) => JSX.Element;
 export default BpkNavigationBarIconButton;

package/bpk-component-nudger/src/BpkNudger.d.ts

@@ -1,3 +1,3 @@
 import { type CommonProps } from './common-types';
-declare const BpkNudger: ({ buttonType, className, decreaseButtonLabel, icon, id, increaseButtonLabel, inputClassName, max, min, name, onValueChange, step, subtitle, title, value, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+declare const BpkNudger: ({ buttonType, className, decreaseButtonLabel, icon, id, increaseButtonLabel, inputClassName, max, min, name, onValueChange, step, subtitle, title, value, ...rest }: CommonProps) => JSX.Element;
 export default BpkNudger;

package/bpk-component-overlay/src/BpkOverlay.d.ts

@@ -30,5 +30,5 @@ export type Props = BpkOverlayProps & ComponentProps<'div'> & {
     overlayType?: OverlayType;
     foregroundContent?: ReactNode;
 };
-declare const BpkOverlay: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkOverlay: (props: Props) => JSX.Element;
 export default BpkOverlay;

package/bpk-component-popover/src/BpkPopover.d.ts

@@ -33,5 +33,5 @@ export type Props = CloseButtonProps & {
     onAction?: () => void;
     renderTarget?: () => HTMLElement | HTMLElement | null;
 };
-declare const BpkPopover: ({ actionText, children, className, closeButtonIcon, closeButtonLabel, closeButtonProps, closeButtonText, id, isOpen, label, labelAsTitle, onAction, onClose, padded, placement, renderTarget, showArrow, target, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkPopover: ({ actionText, children, className, closeButtonIcon, closeButtonLabel, closeButtonProps, closeButtonText, id, isOpen, label, labelAsTitle, onAction, onClose, padded, placement, renderTarget, showArrow, target, ...rest }: Props) => JSX.Element;
 export default BpkPopover;

package/bpk-component-rating/src/BpkRating.d.ts

@@ -13,7 +13,7 @@ type Props = {
     value: string | number;
 };
 declare const BpkRating: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
+    (props: Props): JSX.Element;
     propTypes: {
         ariaLabel: PropTypes.Validator<string>;
         value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;

package/bpk-component-rtl-toggle/src/BpkRtlToggle.d.ts

@@ -10,6 +10,6 @@ declare class BpkRtlToggle extends Component<Props, State> {
     componentWillUnmount(): void;
     handleKeyDown: (e: KeyboardEvent) => void;
     toggleRtl: (e: InteractionEvents) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 export default BpkRtlToggle;

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.d.ts

@@ -1,14 +1,16 @@
 import type { ComponentType } from 'react';
 declare const updateOnDirectionChange: (EnhancedComponent: ComponentType<any> | string) => {
-    new (props: {}): {
+    new (props: {} | Readonly<{}>): {
         componentDidMount(): void;
         componentWillUnmount(): void;
         onDirectionChange: () => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -28,11 +30,13 @@ declare const updateOnDirectionChange: (EnhancedComponent: ComponentType<any> |
         componentDidMount(): void;
         componentWillUnmount(): void;
         onDirectionChange: () => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.d.ts

@@ -27,8 +27,8 @@ declare const _default: {
             source: string;
         }) => void;
         handleDateKeyDown: (event: KeyboardEvent) => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        render(): JSX.Element;
+        context: any;
         setState<K extends keyof {
             preventKeyboardFocus: boolean;
             focusedDate: Date;
@@ -65,6 +65,8 @@ declare const _default: {
             maxDate: Date;
         }> & {
             [rest: string]: any;
+        }> & Readonly<{
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<{
             preventKeyboardFocus: boolean;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.d.ts

@@ -4,5 +4,5 @@ type Props = Partial<BpkCalendarDateProps> & {
     isOutside?: boolean;
     [rest: string]: any;
 };
-declare const BpkScrollableCalendarDate: ({ isOutside, ...rest }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const BpkScrollableCalendarDate: ({ isOutside, ...rest }: Props) => JSX.Element | null;
 export default BpkScrollableCalendarDate;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.d.ts

@@ -1,11 +1,11 @@
-import type { ElementType, ReactNode } from 'react';
+import type { ElementType } from 'react';
 import type { BpkCalendarGridProps } from '../../bpk-component-calendar';
 type Props = Partial<BpkCalendarGridProps> & {
     DateComponent: ElementType;
     month: Date;
     formatDateFull: (date: Date) => Date | string;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    formatMonth: (date: Date) => ReactNode | string;
+    formatMonth: (date: Date) => Date | string;
 };
-declare const BpkScrollableCalendarGrid: ({ className, formatMonth, ignoreOutsideDate, month, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkScrollableCalendarGrid: ({ className, formatMonth, ignoreOutsideDate, month, ...rest }: Props) => JSX.Element;
 export default BpkScrollableCalendarGrid;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType, ReactNode } from 'react';
+import type { ElementType } from 'react';
 import type { BpkCalendarGridProps, SelectionConfiguration } from '../../bpk-component-calendar';
 type Props = Partial<BpkCalendarGridProps> & {
     minDate: Date;
@@ -7,7 +7,7 @@ type Props = Partial<BpkCalendarGridProps> & {
     formatDateFull: (date: Date) => Date | string;
     month: Date;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    formatMonth: (date: Date) => ReactNode | string;
+    formatMonth: (date: Date) => Date | string;
     focusedDate?: Date | null;
     selectionConfiguration?: SelectionConfiguration;
     className?: string | null;
@@ -16,5 +16,5 @@ type Props = Partial<BpkCalendarGridProps> & {
      */
     customRowHeight?: number;
 };
-declare const BpkScrollableCalendarGridList: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkScrollableCalendarGridList: (props: Props) => JSX.Element;
 export default BpkScrollableCalendarGridList;

package/bpk-component-section-header/src/BpkSectionHeader.d.ts

@@ -10,5 +10,5 @@ type Props = {
     button?: ReactNode;
     type?: SectionType;
 };
-declare const BpkSectionHeader: ({ button, description, title, type, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSectionHeader: ({ button, description, title, type, }: Props) => JSX.Element;
 export default BpkSectionHeader;

package/bpk-component-segmented-control/src/BpkSegmentedControl.d.ts

@@ -13,5 +13,5 @@ export type Props = {
     selectedIndex: number;
     shadow?: boolean;
 };
-declare const BpkSegmentedControl: ({ buttonContents, onItemClick, selectedIndex, shadow, type, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSegmentedControl: ({ buttonContents, onItemClick, selectedIndex, shadow, type, }: Props) => JSX.Element;
 export default BpkSegmentedControl;

package/bpk-component-skeleton/src/BpkBaseSkeleton.d.ts

@@ -3,5 +3,5 @@ type Props = {
     skeletonStyle: string;
     styleObj?: CUSTOM_SIZE_TYPE;
 };
-declare const BpkBaseSkeleton: ({ skeletonStyle, styleObj, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkBaseSkeleton: ({ skeletonStyle, styleObj, }: Props) => JSX.Element;
 export default BpkBaseSkeleton;

package/bpk-component-skeleton/src/BpkSkeleton.d.ts

@@ -1,3 +1,3 @@
 import type { ComponentProps } from './common-types';
-declare const BpkSkeleton: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSkeleton: (props: ComponentProps) => JSX.Element;
 export default BpkSkeleton;

package/bpk-component-slider/src/BpkSlider.d.ts

@@ -13,5 +13,5 @@ export type Props = {
     }];
     [rest: string]: any;
 };
-declare const BpkSlider: ({ ariaLabel, ariaValuetext, inputProps, max, min, minDistance, onAfterChange, onChange, step, value, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSlider: ({ ariaLabel, ariaValuetext, inputProps, max, min, minDistance, onAfterChange, onChange, step, value, ...rest }: Props) => JSX.Element;
 export default BpkSlider;

package/bpk-component-snippet/src/BpkSnippet.d.ts

@@ -44,5 +44,5 @@ export type Props = {
     imageRadius?: boolean;
     onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
 };
-declare const BpkSnippet: ({ altText, bodyStyle, bodyText, buttonStyle, buttonText, desktopLayout, headline, headlineStyle, imageOrientation, imageRadius, onClick, src, subheading, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSnippet: ({ altText, bodyStyle, bodyText, buttonStyle, buttonText, desktopLayout, headline, headlineStyle, imageOrientation, imageRadius, onClick, src, subheading, }: Props) => JSX.Element;
 export default BpkSnippet;

package/bpk-component-spinner/src/BpkExtraLargeSpinner.d.ts

@@ -4,5 +4,5 @@ type Props = {
     className?: string | null;
     [rest: string]: any;
 };
-declare const BpkExtraLargeSpinner: ({ className, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkExtraLargeSpinner: ({ className, type, ...rest }: Props) => JSX.Element;
 export default BpkExtraLargeSpinner;

package/bpk-component-spinner/src/BpkLargeSpinner.d.ts

@@ -5,5 +5,5 @@ type Props = {
     alignToButton?: boolean;
     [rest: string]: any;
 };
-declare const BpkLargeSpinner: ({ alignToButton, className, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkLargeSpinner: ({ alignToButton, className, type, ...rest }: Props) => JSX.Element;
 export default BpkLargeSpinner;

package/bpk-component-spinner/src/BpkSpinner.d.ts

@@ -5,5 +5,5 @@ type Props = {
     alignToButton?: boolean;
     [rest: string]: any;
 };
-declare const BpkSpinner: ({ alignToButton, className, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSpinner: ({ alignToButton, className, type, ...rest }: Props) => JSX.Element;
 export default BpkSpinner;

package/bpk-component-split-input/src/BpkInputField.d.ts

@@ -16,6 +16,6 @@ declare class BpkInputField extends PureComponent<Props> {
     };
     componentDidUpdate(prevProps: Props): void;
     private input;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 export default BpkInputField;

package/bpk-component-split-input/src/BpkSplitInput.d.ts

@@ -37,8 +37,8 @@ declare class BpkSplitInput extends Component<Props, State> {
     handleOnKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
     handleOnChange: (e: ChangeEvent<HTMLInputElement>) => void;
     handleOnFocus: (e: FocusEvent<HTMLInputElement>, index: number) => void;
-    renderInputs: () => import("react/jsx-runtime").JSX.Element[];
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderInputs: () => JSX.Element[];
+    render(): JSX.Element;
 }
 export default BpkSplitInput;
 export { INPUT_TYPES };

package/bpk-component-swap-button/src/BpkSwapButton.d.ts

@@ -9,5 +9,5 @@ export type Props = {
     ariaLabel: string;
     swapButtonStyle?: SwapButtonStyle;
 };
-declare const BpkSwapButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkSwapButton: (props: Props) => JSX.Element;
 export default BpkSwapButton;

package/bpk-component-text/src/BpkText.d.ts

@@ -42,5 +42,5 @@ type Props = {
     id?: string;
     [rest: string]: any;
 };
-declare const BpkText: ({ children, className, tagName: TagName, textStyle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkText: ({ children, className, tagName: TagName, textStyle, ...rest }: Props) => JSX.Element;
 export default BpkText;

package/bpk-component-tooltip/src/BpkTooltip.d.ts

@@ -7,5 +7,5 @@ export type TooltipProps = {
     padded?: boolean;
     className?: string | null;
 };
-declare const BpkTooltip: ({ children, className, id, padded, type, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const BpkTooltip: ({ children, className, id, padded, type, ...rest }: TooltipProps) => JSX.Element;
 export default BpkTooltip;

package/bpk-component-tooltip/src/BpkTooltipPortal.d.ts

@@ -49,6 +49,6 @@ declare class BpkTooltipPortal extends Component<Props, State> {
     beforeClose: (done: () => void | null) => void;
     openTooltip: () => void;
     closeTooltip: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 export default BpkTooltipPortal;

package/bpk-react-utils/index.d.ts

@@ -16,7 +16,7 @@ declare const _default: {
         appearActiveClassName: string;
         transitionTimeout: number;
         children: string | import("react").ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => JSX.Element;
     cssModules: (styles?: {
         [key: string]: any;
     }) => (...classNames: Array<string | boolean | number | {} | null | undefined>) => string;
@@ -29,7 +29,7 @@ declare const _default: {
             [rest: string]: any;
             children?: import("react").ReactNode | string;
             className?: string | null;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): JSX.Element;
         displayName: string;
     };
     wrapDisplayName: (Component: import("react").ComponentType<any> | string | null, hoc: string) => string;
@@ -37,7 +37,7 @@ declare const _default: {
     isDeviceIpad: () => boolean;
     isDeviceIos: () => boolean;
     isRTL: () => boolean;
-    BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: import("./src/BpkDialogWrapper/BpkDialogWrapper").Props) => import("react/jsx-runtime").JSX.Element | null;
+    BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: import("./src/BpkDialogWrapper/BpkDialogWrapper").Props) => JSX.Element | null;
     setNativeValue: typeof setNativeValue;
 };
 export default _default;

package/bpk-react-utils/src/BpkDialogWrapper/BpkDialogWrapper.d.ts

@@ -25,5 +25,5 @@ export type Props = CommonProps & ({
 } | {
     ariaLabel: string;
 });
-export declare const BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: Props) => JSX.Element | null;
 export {};

package/bpk-react-utils/src/TransitionInitialMount.d.ts

@@ -5,5 +5,5 @@ type Props = {
     transitionTimeout: number;
     children: string | ReactNode;
 };
-declare const TransitionInitialMount: ({ appearActiveClassName, appearClassName, children, transitionTimeout, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const TransitionInitialMount: ({ appearActiveClassName, appearClassName, children, transitionTimeout, }: Props) => JSX.Element;
 export default TransitionInitialMount;

package/bpk-react-utils/src/withDefaultProps.d.ts

@@ -9,7 +9,7 @@ type DefaultProps = {
     [rest: string]: any;
 };
 declare const withDefaultProps: (WrappedComponent: ComponentType<any>, defaultProps: DefaultProps) => {
-    ({ children, className: innerClassName, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: innerClassName, ...rest }: Props): JSX.Element;
     displayName: string;
 };
 export default withDefaultProps;

package/bpk-scrim-utils/index.d.ts

@@ -3,16 +3,18 @@ import withScrimmedPortal from './src/withScrimmedPortal';
 export { withScrim, withScrimmedPortal };
 declare const _default: {
     withScrim: <P extends object>(WrappedComponent: import("react").ComponentType<P> | string) => {
-        new (props: import("./src/withScrim").Props & Omit<P, "dialogRef">): {
+        new (props: (import("./src/withScrim").Props & Omit<P, "dialogRef">) | Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>): {
             dialogElement?: HTMLElement | null | undefined;
             componentDidMount(): void;
             componentWillUnmount(): void;
             dialogRef: (ref: HTMLElement | null | undefined) => void;
-            render(): import("react/jsx-runtime").JSX.Element;
-            context: unknown;
+            render(): JSX.Element;
+            context: any;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>;
+            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">> & Readonly<{
+                children?: import("react").ReactNode | undefined;
+            }>;
             state: Readonly<{}>;
             refs: {
                 [key: string]: import("react").ReactInstance;
@@ -33,11 +35,13 @@ declare const _default: {
             componentDidMount(): void;
             componentWillUnmount(): void;
             dialogRef: (ref: HTMLElement | null | undefined) => void;
-            render(): import("react/jsx-runtime").JSX.Element;
-            context: unknown;
+            render(): JSX.Element;
+            context: any;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>;
+            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">> & Readonly<{
+                children?: import("react").ReactNode | undefined;
+            }>;
             state: Readonly<{}>;
             refs: {
                 [key: string]: import("react").ReactInstance;

package/bpk-scrim-utils/src/BpkScrim.d.ts

@@ -2,5 +2,5 @@ import type { SyntheticEvent } from 'react';
 type Props = {
     onClose?: (e?: SyntheticEvent) => void | null;
 };
-declare const BpkScrim: ({ onClose }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkScrim: ({ onClose }: Props) => JSX.Element;
 export default BpkScrim;