@rokt/dcui-orchestrator 0.4.1-rc.5 → 1.0.0

package/dist/libraries/dcui-components/src/contexts/browser-support-context.d.ts

@@ -3,5 +3,5 @@ export type BrowserSupport = {
     inert: boolean;
 };
 export declare const BrowserSupportContext: React.Context<BrowserSupport | undefined>;
-export declare function BrowserSupportProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function BrowserSupportProvider({ children }: PropsWithChildren): React.JSX.Element;
 export declare const useBrowserSupport: () => BrowserSupport | undefined;

package/dist/libraries/dcui-components/src/contexts/catalog-item-context.d.ts

@@ -1,7 +1,7 @@
 import { PluginCatalogItem } from '../../../domain/src/models';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare const CatalogItemProvider: (props: {
     context: PluginCatalogItem;
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const useCatalogItem: () => PluginCatalogItem;

package/dist/libraries/dcui-components/src/contexts/gateway-context.d.ts

@@ -8,5 +8,5 @@ export declare const GatewayContext: React.Context<GatewayProvider>;
 export declare const GatewayProvider: (props: {
     context: GlobalGateway;
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare function useGatewayGlobalState(): GlobalState | null;

package/dist/libraries/dcui-components/src/contexts/layout-schema-context.d.ts

@@ -1,7 +1,7 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare const LayoutSchemaProvider: (props: {
     context: LayoutSchemaModel;
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const useLayoutSchema: () => LayoutSchemaModel;

package/dist/libraries/dcui-components/src/contexts/log-additional-information.d.ts

@@ -3,5 +3,5 @@ import { PropsWithChildren } from 'react';
 export declare const LogAdditionalInformation: React.Context<Record<string, string>>;
 export declare function WithAdditionalInformation({ info, children, }: PropsWithChildren<{
     info: Record<string, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export declare const useAdditionalInformation: () => Record<string, string>;

package/dist/libraries/dcui-components/src/contexts/node-mapper-context.d.ts

@@ -1,5 +1,5 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
-import React from 'react';
+import React, { type JSX } from 'react';
 export type NodeMapper = (node: LayoutSchemaModel, overrides?: Partial<Record<LayoutSchemaModel['type'], (schema: LayoutSchemaModel, testId?: string) => JSX.Element | void>>, testId?: string) => JSX.Element;
 export type NodeMapperProviderProps = {
     value: NodeMapper;
@@ -8,4 +8,4 @@ export type NodeMapperProviderProps = {
 };
 export declare const NodeMapperConsumer: React.Consumer<NodeMapper>;
 export declare const useNodeMapper: () => NodeMapper;
-export declare const NodeMapperProvider: (props: NodeMapperProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NodeMapperProvider: (props: NodeMapperProviderProps) => JSX.Element;

package/dist/libraries/dcui-components/src/contexts/offer-data-context.d.ts

@@ -1,9 +1,9 @@
 import { PluginOffer } from '../../../domain/src/models';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare const OfferDataProvider: (props: {
     context: PluginOffer;
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const useOfferData: () => PluginOffer;
 export declare const useOfferCreativeCopy: () => Record<string, string> | undefined;
 export declare const useOfferTransactionData: () => import("../../../domain/src/models").TransactionData | undefined;

package/dist/libraries/dcui-components/src/utils/node-factories.d.ts

@@ -1,2 +1,3 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+import type { JSX } from 'react';
 export declare function combineNodeFactories(factories: Array<(schema: LayoutSchemaModel) => JSX.Element | void>): (schema: LayoutSchemaModel) => JSX.Element | void;

package/dist/libraries/dcui-components/src/utils/use-focus-trap.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function useFocusTrap(): React.MutableRefObject<null>;
+export declare function useFocusTrap(): React.RefObject<HTMLDivElement | null>;

package/dist/libraries/dcui-components/src/utils/use-scroll-mask-visibility.d.ts

@@ -16,7 +16,7 @@ export declare function useScrollMaskVisibility<E extends HTMLElement>(axis: Scr
     hasOverflow: boolean;
     atStart: boolean;
     atEnd: boolean;
-    ref: import("react").MutableRefObject<E | null>;
+    ref: import("react").RefObject<E | null>;
     setRef: (node: E | null) => void;
     maskStyle: import("react").CSSProperties;
 };

package/dist/libraries/layout-renderer-utils/src/components/bottom-sheet/bottom-sheet.d.ts

@@ -3,7 +3,7 @@ import { BottomSheetProps } from './types';
 type BottomSheetContainerProps = {
     children?: React.ReactNode;
     schema: BottomSheetProps['schema'];
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     testId?: string;
 };
 /**The BottomSheet is a display node that is pinned to the bottom of the viewport.
@@ -11,7 +11,7 @@ type BottomSheetContainerProps = {
  * It should only be used for Mobile layouts.
  * *Where can we use this: __outer layout__*
  */
-export declare function BottomSheet(props: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function BottomSheet(props: BottomSheetProps): React.JSX.Element;
 export declare const BottomSheetContainer: React.ForwardRefExoticComponent<Omit<BottomSheetContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare function handleBottomSheetTransition<RefElement extends HTMLElement>(element: RefElement): () => void;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/bottom-sheet/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { BottomSheet } from './bottom-sheet';
 export declare const ConnectedBottomSheet: import("react-redux").ConnectedComponent<typeof BottomSheet, {

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/drag-handle.d.ts

@@ -3,5 +3,5 @@ type DragHandleProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-export declare function DragHandle({ className, style }: DragHandleProps): import("react/jsx-runtime").JSX.Element;
+export declare function DragHandle({ className, style }: DragHandleProps): React.JSX.Element;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { MinimizableBottomSheet } from './minimizable-bottomsheet';
 export declare const ConnectedMinimizableBottomSheet: import("react-redux").ConnectedComponent<typeof MinimizableBottomSheet, {

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/hooks.d.ts

@@ -5,13 +5,13 @@ export declare const OFFSCREEN_HIDE_PX = 1000;
 export declare const NO_DRAG_DATA_ATTR = "data-rokt-bottomsheet-no-drag";
 export declare const MAX_UPWARD_OVERSCROLL_PX = 80;
 export declare const OVERSCROLL_RESISTANCE = 0.35;
-export declare function getMinimizedVisibleHeight(minimizedChildRef: RefObject<HTMLDivElement>, sheetRef: RefObject<HTMLDivElement>): number;
+export declare function getMinimizedVisibleHeight(minimizedChildRef: RefObject<HTMLDivElement | null>, sheetRef: RefObject<HTMLDivElement | null>): number;
 export declare const useMinimizableBottomSheet: (startMinimized: boolean, activeBreakpoint?: string, isMinimizable?: boolean) => {
-    wrapperRef: RefObject<HTMLDivElement>;
-    containerRef: RefObject<HTMLDivElement>;
-    sheetRef: RefObject<HTMLDivElement>;
-    minimizedChildRef: RefObject<HTMLDivElement>;
-    maximizedChildRef: RefObject<HTMLDivElement>;
+    wrapperRef: RefObject<HTMLDivElement | null>;
+    containerRef: RefObject<HTMLDivElement | null>;
+    sheetRef: RefObject<HTMLDivElement | null>;
+    minimizedChildRef: RefObject<HTMLDivElement | null>;
+    maximizedChildRef: RefObject<HTMLDivElement | null>;
     isMinimized: boolean;
     setMinimized: (value: boolean) => void;
 };
@@ -19,5 +19,5 @@ type CancelableCallback = (() => void) & {
     cancel: () => void;
 };
 export declare function createResizeCallback(debounceDuration: number, callback: () => void): CancelableCallback;
-export declare function useSyncParentHeightToChildren(parentRef: RefObject<HTMLDivElement>): void;
+export declare function useSyncParentHeightToChildren(parentRef: RefObject<HTMLDivElement | null>): void;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/minimizable-bottomsheet-wrapper.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MinimizableBottomSheetProps } from './types';
 type MinimizableBottomSheetWrapperProps = {
     schema: MinimizableBottomSheetProps['schema'];
@@ -8,5 +9,5 @@ type MinimizableBottomSheetWrapperProps = {
     /** When provided, takes priority over `onMinimize` — the backdrop becomes clickable while maximized and invokes this to close/dismiss. */
     onClose?: () => void;
 };
-export declare function MinimizableBottomSheetWrapper({ schema, testId, minimized, onMinimize, onClose, }: MinimizableBottomSheetWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function MinimizableBottomSheetWrapper({ schema, testId, minimized, onMinimize, onClose, }: MinimizableBottomSheetWrapperProps): React.JSX.Element;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/minimizable-bottomsheet.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import { MinimizableBottomSheetProps } from './types';
 type MinimizableBottomSheetContainerProps = {
     schema: MinimizableBottomSheetProps['schema'];
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     testId?: string;
-    sheetRef: React.RefObject<HTMLDivElement>;
-    minimizedChildRef: React.RefObject<HTMLDivElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-    maximizedChildRef: React.RefObject<HTMLDivElement>;
+    sheetRef: React.RefObject<HTMLDivElement | null>;
+    minimizedChildRef: React.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    maximizedChildRef: React.RefObject<HTMLDivElement | null>;
     maximizedChildren: React.ReactNode;
     minimizedChildren: React.ReactNode;
     /** When true, minimized layout content ignores pointer events (parent `none` alone is not enough — descendants default to `auto`). */
@@ -21,7 +21,7 @@ type MinimizableBottomSheetContainerProps = {
  * It should only be used for Mobile layouts.
  * *Where can we use this: __outer layout__*
  */
-export declare function MinimizableBottomSheet(props: MinimizableBottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function MinimizableBottomSheet(props: MinimizableBottomSheetProps): React.JSX.Element;
 export declare const MinimizableBottomSheetContainer: React.ForwardRefExoticComponent<Omit<MinimizableBottomSheetContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare function handleMinimizableBottomSheetTransition<RefElement extends HTMLElement>(element: RefElement): () => void;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/minimize-button/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeMinimizeButton(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/layout-renderer-utils/src/components/minimize-button/minimize-button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LayoutSchemaModel, MinimizeButtonModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface MinimizeButtonProps {
     schema: MinimizeButtonModel<LayoutSchemaModel, WhenPredicate>;
@@ -9,4 +10,4 @@ export interface MinimizeButtonProps {
  *
  * *Where can we use this: __outer layout__ (inside MinimizableBottomSheet)*
  */
-export declare function MinimizeButton(props: MinimizeButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MinimizeButton(props: MinimizeButtonProps): React.JSX.Element | null;

package/dist/libraries/layout-renderer-utils/src/components/overlay/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { Overlay } from './overlay';
 export declare const ConnectedOverlay: import("react-redux").ConnectedComponent<typeof Overlay, {

package/dist/libraries/layout-renderer-utils/src/components/overlay/overlay.d.ts

@@ -3,7 +3,7 @@ import { OverlayProps } from './types';
 type OverlayContainerProps = {
     children?: React.ReactNode;
     schema: OverlayProps['schema'];
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     testId?: string;
     isAttached?: boolean;
 };
@@ -15,6 +15,6 @@ type OverlayContainerProps = {
  * The `a11yLabel` on the Overlay define a custom accessibility label for the screen reader. <br>
  * *Where can we use this: __outer layout__*
  */
-export declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function Overlay(props: OverlayProps): React.JSX.Element;
 export declare const OverlayContainer: React.ForwardRefExoticComponent<Omit<OverlayContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/libraries/layout-renderer-utils/src/components/overlay-wrapper/attached-overlay-wrapper.d.ts

@@ -16,4 +16,4 @@ import { OverlayProps } from '../overlay/types';
  */
 export declare function AttachedOverlayWrapper({ isOpen, schema, testId, children: container, }: (OverlayProps | MinimizableBottomSheetProps) & {
     children(containerChildren: React.ReactNode, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;

package/dist/libraries/layout-renderer-utils/src/components/overlay-wrapper/overlay-wrapper.d.ts

@@ -7,4 +7,4 @@ export declare enum ContainerMode {
 }
 export declare function OverlayWrapper({ isOpen, schema, testId, children: container, }: (OverlayProps | BottomSheetProps) & {
     children(containerChildren: React.ReactNode, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;

package/dist/libraries/module-connector/src/models/module-attributes.d.ts

@@ -6,7 +6,7 @@ export interface ModuleAttributes {
     offerPositionIndex: number;
     childLayouts: string;
     schemaVersion: string;
-    visible: boolean;
+    visible: 'true' | 'false';
     container: 'row' | 'column';
     interactivity: Interactivity;
     offerState: string;

package/dist/libraries/orchestrator/src/components/app/app.d.ts

@@ -1,4 +1,5 @@
+import { type JSX } from 'react';
 export type AppProps = {
     pageInstanceGuid: string;
 };
-export declare function App({ pageInstanceGuid }: AppProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function App({ pageInstanceGuid }: AppProps): JSX.Element | null;

package/dist/libraries/orchestrator/src/components/carousel-distribution/carousel-distribution.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CarouselDistributionModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CarouselDistributionProps {
     /**
@@ -37,4 +38,4 @@ export interface CarouselDistributionProps {
  * slides of visual content (e.g. offers) - like a crousel.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function CarouselDistribution({ schema, testId, }: CarouselDistributionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CarouselDistribution({ schema, testId, }: CarouselDistributionProps): React.JSX.Element | null;

package/dist/libraries/orchestrator/src/components/carousel-distribution/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeCarouselDistribution(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/escape-hatch/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeEscapeHatch(schema: LayoutSchemaModel, _testId?: string): JSX.Element | void;

package/dist/libraries/orchestrator/src/components/grouped-distribution/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeGroupedDistribution(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/grouped-distribution/grouped-distribution.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { GroupedDistributionModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 import { PluginSlot } from '../../../../domain/src/models';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
@@ -45,4 +46,4 @@ export interface GroupedSlotProps {
  * display visual content (e.g. offers) one groupe at a time.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function GroupedDistribution({ schema, testId, }: GroupedDistributionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GroupedDistribution({ schema, testId, }: GroupedDistributionProps): React.JSX.Element | null;

package/dist/libraries/orchestrator/src/components/one-by-one-distribution/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeOneByOneDistribution(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/one-by-one-distribution/one-by-one-distribution.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { OneByOneDistributionModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface OneByOneDistributionProps {
     /**
@@ -34,4 +35,4 @@ export interface OneByOneDistributionProps {
  * display one visual content(e.g. offers) at a time.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function OneByOneDistribution({ schema, testId, }: OneByOneDistributionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function OneByOneDistribution({ schema, testId, }: OneByOneDistributionProps): React.JSX.Element | null;

package/dist/libraries/orchestrator/src/components/progress-control/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeProgressControl(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/progress-control/progress-control.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ProgressControlModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface ProgressControlProps {
     /**
@@ -43,4 +44,4 @@ export interface ProgressControlProps {
  * within a linear progression, allowing them to review and control their journey.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function ProgressControl(props: ProgressControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressControl(props: ProgressControlProps): React.JSX.Element;

package/dist/libraries/orchestrator/src/components/progress-indicator/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeProgressIndicator(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/progress-indicator/progress-indicator.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ProgressIndicatorProps } from './types';
 /** The ProgressIndicator is a progress node that provides users with real-time
  * feedback on the status of ongoing processes or actions.<br>
@@ -5,4 +6,4 @@ import { ProgressIndicatorProps } from './types';
  * circle, or numerical percentage.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function ProgressIndicator({ activeIndex, startIndex, numOfIndicators, schema, }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ProgressIndicator({ activeIndex, startIndex, numOfIndicators, schema, }: ProgressIndicatorProps): React.JSX.Element | null;

package/dist/libraries/orchestrator/src/components/slot/slot.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { PluginSlot } from '../../../../domain/src/models';
 import { ModuleAttributes } from '../../../../module-connector/src/main';
-declare global {
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'module-component': ModuleAttributes & {
                 style: React.CSSProperties;
-                inert?: '';
+                inert?: boolean;
             };
         }
     }
@@ -19,4 +19,4 @@ export interface SlotProps {
     container: 'row' | 'column';
     testId?: string;
 }
-export declare function Slot(props: SlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slot(props: SlotProps): React.JSX.Element;

package/dist/libraries/orchestrator/src/components/stacked-distribution/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeStackedDistribution(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/orchestrator/src/components/stacked-distribution/stacked-distribution.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StackedDistributionModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface StackedDistributionProps {
     /**
@@ -31,4 +32,4 @@ export interface StackedDistributionProps {
  * of the visual content (e.g. offers) along the vertical axis.<br>
  * *Where can we use this: __outer layout__*
  * */
-export declare function StackedDistribution(props: StackedDistributionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function StackedDistribution(props: StackedDistributionProps): React.JSX.Element | null;

package/dist/modules/add-to-cart/src/components/app/view.d.ts

@@ -1 +1,2 @@
-export declare function App(): import("react/jsx-runtime").JSX.Element;
+import type { JSX } from 'react';
+export declare function App(): JSX.Element;

package/dist/modules/add-to-cart/src/components/catalog-partner-event-button/catalog-partner-event-button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogPartnerEventButtonProps {
     schema: CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate> & {
@@ -5,4 +6,4 @@ export interface CatalogPartnerEventButtonProps {
     };
     testId?: string;
 }
-export declare function CatalogPartnerEventButton(props: CatalogPartnerEventButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CatalogPartnerEventButton(props: CatalogPartnerEventButtonProps): React.JSX.Element;

package/dist/modules/add-to-cart/src/components/catalog-quantity-counter/catalog-quantity-counter.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CatalogQuantityCounterModel, LayoutVariantNonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogQuantityCounterProps {
     schema: CatalogQuantityCounterModel<LayoutVariantNonInteractableChildren, WhenPredicate>;
     testId?: string;
 }
-export declare function CatalogQuantityCounter(props: CatalogQuantityCounterProps): import("react/jsx-runtime").JSX.Element;
+export declare function CatalogQuantityCounter(props: CatalogQuantityCounterProps): React.JSX.Element;

package/dist/modules/add-to-cart/src/components/catalog-quantity-counter/factory.d.ts

@@ -1,2 +1,3 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+import type { JSX } from 'react';
 export declare function tryMakeCatalogQuantityCounter(schema: LayoutSchemaModel): JSX.Element | void;

package/dist/modules/add-to-cart/src/components/catalog-radio-group/catalog-radio-group.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CatalogRadioGroupModel, LayoutVariantNonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogRadioGroupProps {
     schema: CatalogRadioGroupModel<LayoutVariantNonInteractableChildren, WhenPredicate>;
     testId?: string;
 }
-export declare function CatalogRadioGroup({ schema, testId }: CatalogRadioGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogRadioGroup({ schema, testId }: CatalogRadioGroupProps): React.JSX.Element | null;

package/dist/modules/add-to-cart/src/components/catalog-radio-group/factory.d.ts

@@ -1,2 +1,3 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+import type { JSX } from 'react';
 export declare function tryMakeCatalogRadioGroup(schema: LayoutSchemaModel): JSX.Element | void;

package/dist/modules/add-to-cart/src/components/catalog-response-button/catalog-response-button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogResponseButtonProps {
     /**
@@ -39,4 +40,4 @@ export interface CatalogResponseButtonProps {
  * for transmitting Cart API events to the Partner
  * *Where can we use this: __layout variant__*
  */
-export declare function CatalogResponseButton(props: CatalogResponseButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CatalogResponseButton(props: CatalogResponseButtonProps): React.JSX.Element;

package/dist/modules/add-to-cart/src/components/catalog-response-button/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeCatalogResponseButton(schema: LayoutSchemaModel, testId?: string): JSX.Element | void;

package/dist/modules/add-to-cart/src/components/catalog-url-link/catalog-url-link.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { ConditionalStyleTransition, LayoutSchemaModel, LayoutStyle, LinkOpenTarget, StaticLinkElements, StaticLinkTransitions, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogUrlLinkProps {
     schema: CatalogUrlLinkModel<LayoutSchemaModel, WhenPredicate>;
     testId?: string;
 }
-export declare function CatalogUrlLink(props: CatalogUrlLinkProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogUrlLink(props: CatalogUrlLinkProps): React.JSX.Element | null;
 export interface CatalogUrlLinkModel<LayoutSchemaModel, WhenPredicate> {
     open: LinkOpenTarget;
     children: LayoutSchemaModel[];

package/dist/modules/add-to-cart/src/components/escape-hatch/factory.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export declare function tryMakeEscapeHatch(schema: LayoutSchemaModel, testId?: string): JSX.Element | undefined;

package/dist/modules/add-to-cart/src/components/insurance-rich-text/insurance-rich-text.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, InLineTextStyle, LayoutStyle, LinkOpenTarget, RichTextStyle, RichTextTransitions, SpacingStylingProperties, TextStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
 interface ListStyle {
     container?: null | ContainerStylingProperties;
@@ -83,5 +84,5 @@ export declare const sanitiseOptions: {
 };
 export declare const insaneExceptionCharacters: Map<string, string>;
 export declare const breaklinePattern: RegExp;
-export declare function InsuranceRichText(props: InsuranceRichTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function InsuranceRichText(props: InsuranceRichTextProps): React.JSX.Element | null;
 export {};

package/dist/modules/add-to-cart/src/components/mapped-icons/mapped-icon.d.ts

@@ -1,4 +1,5 @@
 import { IconSetName } from './icon-registry';
+import type { JSX } from 'react';
 export interface MappedIconModel {
     /** Icon key (resolved by data mapper if placeholder). */
     value?: string;

package/dist/modules/add-to-cart/src/components/read-more-text/read-more-text.d.ts

@@ -26,4 +26,4 @@ export interface ReadMoreTextProps {
     };
     testId?: string;
 }
-export declare function ReadMoreText(props: ReadMoreTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ReadMoreText(props: ReadMoreTextProps): import("react").JSX.Element | null;

package/dist/modules/add-to-cart/src/components/read-more-text-container/read-more-text-container.d.ts

@@ -31,4 +31,4 @@ export interface ReadMoreTextContainerProps {
     };
     testId?: string;
 }
-export declare function ReadMoreTextContainer(props: ReadMoreTextContainerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ReadMoreTextContainer(props: ReadMoreTextContainerProps): import("react").JSX.Element | null;

package/dist/modules/add-to-cart/src/components/scroll-to-target/scroll-to-target.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LayoutStyle, BasicStateStylingBlock, BasicTextStyle } from '@rokt/dcui-layout-schema';
 export interface ScrollToTargetElements {
     own: BasicStateStylingBlock<BasicTextStyle>[];
@@ -53,4 +54,4 @@ export interface ScrollToTargetProps {
  * The component supports separate styling for regular text and highlighted text portions.
  * Target elements are identified by a configurable attribute key-value pair.
  */
-export declare function ScrollToTarget({ schema, testId }: ScrollToTargetProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollToTarget({ schema, testId }: ScrollToTargetProps): React.JSX.Element;

package/dist/modules/add-to-cart/src/components/tooltip/tooltip.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LayoutStyle, BasicStateStylingBlock, LayoutSchemaModel, DimensionStylingProperties, SpacingStylingProperties, BackgroundStylingProperties, BorderStylingProperties, ContainerStylingProperties } from '@rokt/dcui-layout-schema';
 export interface TooltipStyle {
     container?: null | ContainerStylingProperties;
@@ -39,4 +40,4 @@ export interface TooltipProps {
  * The Tooltip is a specialized component that displays informational content above a trigger element.
  * It supports both hover and click interactions for showing/hiding the tooltip content.
  */
-export declare function Tooltip({ schema, testId }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ schema, testId }: TooltipProps): React.JSX.Element;

package/dist/modules/add-to-cart/src/components/when-catalog-quantity/when-catalog-quantity.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LayoutSchemaModel, EqualityWhenCondition, OrderableWhenCondition } from '@rokt/dcui-layout-schema';
 export type QuantityCondition = EqualityWhenCondition | OrderableWhenCondition;
 export interface QuantityPredicate {
@@ -19,4 +20,4 @@ export interface WhenCatalogQuantityProps {
  * ALL predicates must pass for the children to be displayed.
  *
  */
-export declare function WhenCatalogQuantity({ schema, testId, }: WhenCatalogQuantityProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function WhenCatalogQuantity({ schema, testId, }: WhenCatalogQuantityProps): React.JSX.Element | null;

package/dist/modules/instant-purchase/src/components/app/view.d.ts

@@ -1 +1,2 @@
-export declare function App(): import("react/jsx-runtime").JSX.Element;
+import type { JSX } from 'react';
+export declare function App(): JSX.Element;

package/dist/modules/instant-purchase/src/components/catalog-combined-collection/catalog-combined-collection.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CatalogCombinedCollectionModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogCombinedCollectionProps<Template extends LayoutSchemaModel> {
     /**
@@ -34,4 +35,4 @@ export interface CatalogCombinedCollectionProps<Template extends LayoutSchemaMod
  * items, and a drop down menu to select one catalog item from the list.
  * *Where can we use this: __inner layout__*
  * */
-export declare function CatalogCombinedCollection<Template extends LayoutSchemaModel>(props: CatalogCombinedCollectionProps<Template>): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogCombinedCollection<Template extends LayoutSchemaModel>(props: CatalogCombinedCollectionProps<Template>): React.JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-combined-collection/factory.d.ts

@@ -1,2 +1,3 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+import type { JSX } from 'react';
 export declare function tryMakeCatalogCombinedCollection(schema: LayoutSchemaModel, testId?: string): JSX.Element | void;

package/dist/modules/instant-purchase/src/components/catalog-device-pay-button/catalog-device-pay-button.d.ts

@@ -13,6 +13,7 @@
  * }
  * ```
  */
+import React from 'react';
 import { LayoutVariantNonInteractableChildren, WhenPredicate, CatalogDevicePayButtonModel } from '@rokt/dcui-layout-schema';
 export interface CatalogDevicePayButtonProps {
     /**
@@ -75,5 +76,5 @@ export declare function getCatalogDevicePayButtonStyles(styles: CatalogDevicePay
  * for initiating a device payment transaction using the associated payment provider.
  * *Where can we use this: __layout variant__*
  */
-export declare function CatalogDevicePayButton(props: CatalogDevicePayButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogDevicePayButton(props: CatalogDevicePayButtonProps): React.JSX.Element | null;
 export {};