@atlaskit/spotlight 0.3.0 → 0.3.2

package/dist/esm/ui/card/index.compiled.css

@@ -5,6 +5,7 @@
 ._16qs9g9j{box-shadow:var(--ds-shadow-overflow,0 0 8px #091e4228,0 0 1px #091e421e)}
 ._1bsbaq3k{width:295px}
 ._1e0212x7{inset-inline-start:var(--ds-space-075,6px)}
+._1e021qz4{inset-inline-start:-140px}
 ._1e02c7mi{inset-inline-start:var(--ds-space-negative-250,-20px)}
 ._1e0c1txw{display:flex}
 ._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}

package/dist/esm/ui/card/index.js

@@ -13,10 +13,12 @@ var styles = {
 };
 var placementStyles = {
   'top-start': "_u7co12x7 _rjxpc7mi",
+  'top-center': "_u7co12x7 _1e021qz4",
   'top-end': "_u7co12x7 _1e02c7mi",
   'right-start': "_1e0212x7 _u7comgjw",
   'right-end': "_1e0212x7 _152tmgjw",
   'bottom-start': "_152t12x7 _rjxpc7mi",
+  'bottom-center': "_152t12x7 _1e021qz4",
   'bottom-end': "_152t12x7 _1e02c7mi",
   'left-start': "_rjxp12x7 _u7comgjw",
   'left-end': "_rjxp12x7 _152tmgjw"

package/dist/esm/ui/dismiss-control/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import CrossIcon from '@atlaskit/icon/core/cross';
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {

package/dist/esm/ui/footer/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Flex } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_bozgpxbi _y4tiutpp _1bsb1osq"

package/dist/esm/ui/header/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Flex } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_bozgpxbi _y4tiutpp"

package/dist/esm/ui/headline/index.js

@@ -1,4 +1,7 @@
-import React, { forwardRef } from 'react';
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
 import Heading from '@atlaskit/heading';
 /**
  * __SpotlightHeadline__

package/dist/esm/ui/media/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_1bsbaq3k _4t3ihcro"

package/dist/esm/ui/popover-content/index.js

@@ -30,8 +30,10 @@ var offset = [0, 2];
  */
 var popperPlacementMap = {
   'top-start': 'top',
+  'top-center': 'top',
   'top-end': 'top',
   'bottom-start': 'bottom',
+  'bottom-center': 'bottom',
   'bottom-end': 'bottom',
   'right-start': 'right',
   'right-end': 'right',

package/dist/esm/ui/popover-provider/index.js

@@ -1,4 +1,6 @@
-import React from 'react';
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Manager } from '@atlaskit/popper';
 import { SpotlightContextProvider } from '../../controllers/context';
 

package/dist/esm/ui/primary-action/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Pressable, Text } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_2rko12b0 _1dqonqa1 _189ee4h9 _1h6dz9xs _syaz15cr _bfhkcdhy _irr31bsc _1di61b6k"

package/dist/esm/ui/secondary-action/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Pressable, Text } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_2rko12b0 _syaz15cr _bfhkcdhy _irr31bsc _1di61b6k"

package/dist/esm/ui/show-more-control/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {

package/dist/esm/ui/step-count/index.js

@@ -1,7 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { Flex, Text } from '@atlaskit/primitives/compiled';
 var styles = {
   root: "_1ul91ris"

package/dist/types/controllers/context.d.ts

@@ -1,11 +1,15 @@
-import React, { type Dispatch, type ReactNode, type SetStateAction } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Dispatch, type ReactNode, type SetStateAction } from 'react';
 import type { Placement } from '../types';
 interface SpotlightContextType {
     placement: Placement;
     setPlacement: Dispatch<SetStateAction<Placement>>;
 }
-export declare const SpotlightContext: React.Context<SpotlightContextType>;
+export declare const SpotlightContext: import("react").Context<SpotlightContextType>;
 export declare const SpotlightContextProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export {};

package/dist/types/index.d.ts

@@ -14,3 +14,4 @@ export { SpotlightMedia, type SpotlightMediaProps } from './ui/media';
 export { PopoverProvider } from './ui/popover-provider';
 export { PopoverContent } from './ui/popover-content';
 export { PopoverTarget } from './ui/popover-target';
+export { type Placement } from './types';

package/dist/types/types.d.ts

@@ -1 +1 @@
-export type Placement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export type Placement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';

package/dist/types/ui/actions/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightActionsProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightActionsProps {
  * `SpotlightActions` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightActions: React.ForwardRefExoticComponent<SpotlightActionsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightActions: import("react").ForwardRefExoticComponent<SpotlightActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/body/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightBodyProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightBodyProps {
  * `SpotlightBody` is required in a `Spotlight`. The content should be brief and direct to elaborate on the intent.
  *
  */
-export declare const SpotlightBody: React.ForwardRefExoticComponent<SpotlightBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightBody: import("react").ForwardRefExoticComponent<SpotlightBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/card/caret/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 export interface CaretProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique

package/dist/types/ui/dismiss-control/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightDismissControlProps {
     /**
@@ -18,4 +17,4 @@ export interface SpotlightDismissControlProps {
  * SpotlightDismissControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightDismissControl: React.ForwardRefExoticComponent<SpotlightDismissControlProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightDismissControl: import("react").ForwardRefExoticComponent<SpotlightDismissControlProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/footer/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightFooterProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightFooterProps {
  * `SpotlightFooter` is intended to display the `SpotlightActions` and `SpotLightStepCount` components.
  *
  */
-export declare const SpotlightFooter: React.ForwardRefExoticComponent<SpotlightFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightFooter: import("react").ForwardRefExoticComponent<SpotlightFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/header/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightHeaderProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightHeaderProps {
  * intended to show the `SpotlightHeadline` component, as well as `SpotLightControls`.
  *
  */
-export declare const SpotlightHeader: React.ForwardRefExoticComponent<SpotlightHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightHeader: import("react").ForwardRefExoticComponent<SpotlightHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/headline/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightHeadlineProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightHeadlineProps {
  * `SpotlightHeadline` is required in a `Spotlight`. The content should be brief and direct to quickly hook the user on the intent.
  *
  */
-export declare const SpotlightHeadline: React.ForwardRefExoticComponent<SpotlightHeadlineProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const SpotlightHeadline: import("react").ForwardRefExoticComponent<SpotlightHeadlineProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/ui/media/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightMediaProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightMediaProps {
  * `SpotlightMedia` is optional in a `Spotlight`.
  *
  */
-export declare const SpotlightMedia: React.ForwardRefExoticComponent<SpotlightMediaProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightMedia: import("react").ForwardRefExoticComponent<SpotlightMediaProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/popover-provider/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 /**
  * __Popover provider__
  *
@@ -7,4 +11,4 @@ import React, { type ReactNode } from 'react';
  */
 export declare const PopoverProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;

package/dist/types/ui/primary-action/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightPrimaryActionProps {
     /**
@@ -23,4 +27,4 @@ export interface SpotlightPrimaryActionProps {
  * for single step spotlights, or to show the next step on multi step spotlight tours.
  *
  */
-export declare const SpotlightPrimaryAction: React.ForwardRefExoticComponent<SpotlightPrimaryActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightPrimaryAction: import("react").ForwardRefExoticComponent<SpotlightPrimaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/secondary-action/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightSecondaryActionProps {
     /**
@@ -23,4 +27,4 @@ export interface SpotlightSecondaryActionProps {
  * It is intended to be used to go back to the previous step in multi step spotlight tours, or other similar actions.
  *
  */
-export declare const SpotlightSecondaryAction: React.ForwardRefExoticComponent<SpotlightSecondaryActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightSecondaryAction: import("react").ForwardRefExoticComponent<SpotlightSecondaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/show-more-control/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightShowMoreControlProps {
     /**
@@ -18,4 +17,4 @@ export interface SpotlightShowMoreControlProps {
  * SpotlightShowMoreControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightShowMoreControl: React.ForwardRefExoticComponent<SpotlightShowMoreControlProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightShowMoreControl: import("react").ForwardRefExoticComponent<SpotlightShowMoreControlProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/step-count/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightStepCountProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightStepCountProps {
  * `SpotlightStepCount` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightStepCount: React.ForwardRefExoticComponent<SpotlightStepCountProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SpotlightStepCount: import("react").ForwardRefExoticComponent<SpotlightStepCountProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types-ts4.5/controllers/context.d.ts

@@ -1,11 +1,15 @@
-import React, { type Dispatch, type ReactNode, type SetStateAction } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Dispatch, type ReactNode, type SetStateAction } from 'react';
 import type { Placement } from '../types';
 interface SpotlightContextType {
     placement: Placement;
     setPlacement: Dispatch<SetStateAction<Placement>>;
 }
-export declare const SpotlightContext: React.Context<SpotlightContextType>;
+export declare const SpotlightContext: import("react").Context<SpotlightContextType>;
 export declare const SpotlightContextProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export {};

package/dist/types-ts4.5/index.d.ts

@@ -14,3 +14,4 @@ export { SpotlightMedia, type SpotlightMediaProps } from './ui/media';
 export { PopoverProvider } from './ui/popover-provider';
 export { PopoverContent } from './ui/popover-content';
 export { PopoverTarget } from './ui/popover-target';
+export { type Placement } from './types';

package/dist/types-ts4.5/types.d.ts

@@ -1 +1 @@
-export type Placement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export type Placement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';

package/dist/types-ts4.5/ui/actions/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightActionsProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightActionsProps {
  * `SpotlightActions` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightActions: React.ForwardRefExoticComponent<SpotlightActionsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightActions: import("react").ForwardRefExoticComponent<SpotlightActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/body/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightBodyProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightBodyProps {
  * `SpotlightBody` is required in a `Spotlight`. The content should be brief and direct to elaborate on the intent.
  *
  */
-export declare const SpotlightBody: React.ForwardRefExoticComponent<SpotlightBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightBody: import("react").ForwardRefExoticComponent<SpotlightBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/card/caret/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 export interface CaretProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique

package/dist/types-ts4.5/ui/dismiss-control/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightDismissControlProps {
     /**
@@ -18,4 +17,4 @@ export interface SpotlightDismissControlProps {
  * SpotlightDismissControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightDismissControl: React.ForwardRefExoticComponent<SpotlightDismissControlProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightDismissControl: import("react").ForwardRefExoticComponent<SpotlightDismissControlProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/footer/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightFooterProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightFooterProps {
  * `SpotlightFooter` is intended to display the `SpotlightActions` and `SpotLightStepCount` components.
  *
  */
-export declare const SpotlightFooter: React.ForwardRefExoticComponent<SpotlightFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightFooter: import("react").ForwardRefExoticComponent<SpotlightFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/header/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightHeaderProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightHeaderProps {
  * intended to show the `SpotlightHeadline` component, as well as `SpotLightControls`.
  *
  */
-export declare const SpotlightHeader: React.ForwardRefExoticComponent<SpotlightHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightHeader: import("react").ForwardRefExoticComponent<SpotlightHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/headline/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightHeadlineProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightHeadlineProps {
  * `SpotlightHeadline` is required in a `Spotlight`. The content should be brief and direct to quickly hook the user on the intent.
  *
  */
-export declare const SpotlightHeadline: React.ForwardRefExoticComponent<SpotlightHeadlineProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const SpotlightHeadline: import("react").ForwardRefExoticComponent<SpotlightHeadlineProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types-ts4.5/ui/media/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightMediaProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -18,4 +22,4 @@ export interface SpotlightMediaProps {
  * `SpotlightMedia` is optional in a `Spotlight`.
  *
  */
-export declare const SpotlightMedia: React.ForwardRefExoticComponent<SpotlightMediaProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpotlightMedia: import("react").ForwardRefExoticComponent<SpotlightMediaProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/popover-provider/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 /**
  * __Popover provider__
  *
@@ -7,4 +11,4 @@ import React, { type ReactNode } from 'react';
  */
 export declare const PopoverProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;

package/dist/types-ts4.5/ui/primary-action/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightPrimaryActionProps {
     /**
@@ -23,4 +27,4 @@ export interface SpotlightPrimaryActionProps {
  * for single step spotlights, or to show the next step on multi step spotlight tours.
  *
  */
-export declare const SpotlightPrimaryAction: React.ForwardRefExoticComponent<SpotlightPrimaryActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightPrimaryAction: import("react").ForwardRefExoticComponent<SpotlightPrimaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/secondary-action/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightSecondaryActionProps {
     /**
@@ -23,4 +27,4 @@ export interface SpotlightSecondaryActionProps {
  * It is intended to be used to go back to the previous step in multi step spotlight tours, or other similar actions.
  *
  */
-export declare const SpotlightSecondaryAction: React.ForwardRefExoticComponent<SpotlightSecondaryActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightSecondaryAction: import("react").ForwardRefExoticComponent<SpotlightSecondaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/show-more-control/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type PressableProps } from '@atlaskit/primitives/compiled';
 export interface SpotlightShowMoreControlProps {
     /**
@@ -18,4 +17,4 @@ export interface SpotlightShowMoreControlProps {
  * SpotlightShowMoreControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightShowMoreControl: React.ForwardRefExoticComponent<SpotlightShowMoreControlProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightShowMoreControl: import("react").ForwardRefExoticComponent<SpotlightShowMoreControlProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/step-count/index.d.ts

@@ -1,4 +1,8 @@
-import React, { type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
 export interface SpotlightStepCountProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -17,4 +21,4 @@ export interface SpotlightStepCountProps {
  * `SpotlightStepCount` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightStepCount: React.ForwardRefExoticComponent<SpotlightStepCountProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SpotlightStepCount: import("react").ForwardRefExoticComponent<SpotlightStepCountProps & import("react").RefAttributes<HTMLSpanElement>>;