@atlaskit/spotlight 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/spotlight
 
+## 0.3.1
+
+### Patch Changes
+
+- [`89687a02d7e6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89687a02d7e6b) -
+  Internal changes to support @compiled/react.
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/cjs/controllers/context.js

@@ -1,3 +1,4 @@
+/* context.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,8 +7,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SpotlightContextProvider = exports.SpotlightContext = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -26,7 +29,7 @@ var SpotlightContextProvider = exports.SpotlightContextProvider = function Spotl
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     placement = _useState2[0],
     setPlacement = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(SpotlightContext.Provider, {
+  return /*#__PURE__*/React.createElement(SpotlightContext.Provider, {
     value: {
       placement: placement,
       setPlacement: setPlacement

package/dist/cjs/ui/actions/index.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightActions = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -23,7 +24,7 @@ var styles = {
 var SpotlightActions = exports.SpotlightActions = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Flex, {
     ref: ref,
     testId: testId,
     xcss: styles.root,

package/dist/cjs/ui/body/index.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightBody = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -23,7 +24,7 @@ var styles = {
 var SpotlightBody = exports.SpotlightBody = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
     ref: ref,
     xcss: styles.root,
     testId: testId

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

@@ -8,8 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightDismissControl = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -25,12 +26,12 @@ var styles = {
 var SpotlightDismissControl = exports.SpotlightDismissControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     xcss: styles.root,
     onClick: onClick,
     ref: ref,
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_cross.default, {
+  }, /*#__PURE__*/React.createElement(_cross.default, {
     label: "Close"
   }));
 });

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightFooter = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -23,7 +24,7 @@ var styles = {
 var SpotlightFooter = exports.SpotlightFooter = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Flex, {
     ref: ref,
     testId: testId,
     xcss: styles.root,

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightHeader = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -24,7 +25,7 @@ var styles = {
 var SpotlightHeader = exports.SpotlightHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Flex, {
     ref: ref,
     testId: testId,
     xcss: styles.root,

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightHeadline = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
@@ -18,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var SpotlightHeadline = exports.SpotlightHeadline = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_heading.default, {
+  return /*#__PURE__*/React.createElement(_heading.default, {
     ref: ref,
     testId: testId,
     size: "xsmall"

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightMedia = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -23,7 +24,7 @@ var styles = {
 var SpotlightMedia = exports.SpotlightMedia = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
     ref: ref,
     xcss: styles.root,
     testId: testId

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

@@ -1,13 +1,16 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PopoverProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _popper = require("@atlaskit/popper");
 var _context = require("../../controllers/context");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * __Popover provider__
  *
@@ -16,5 +19,5 @@ var _context = require("../../controllers/context");
  */
 var PopoverProvider = exports.PopoverProvider = function PopoverProvider(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_context.SpotlightContextProvider, null, /*#__PURE__*/_react.default.createElement(_popper.Manager, null, children));
+  return /*#__PURE__*/React.createElement(_context.SpotlightContextProvider, null, /*#__PURE__*/React.createElement(_popper.Manager, null, children));
 };

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightPrimaryAction = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -25,12 +26,12 @@ var SpotlightPrimaryAction = exports.SpotlightPrimaryAction = /*#__PURE__*/(0, _
   var onClick = _ref.onClick,
     children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     ref: ref,
     testId: testId,
     xcss: styles.root,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "span"
   }, children));
 });

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightSecondaryAction = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -25,12 +26,12 @@ var SpotlightSecondaryAction = exports.SpotlightSecondaryAction = /*#__PURE__*/(
   var onClick = _ref.onClick,
     children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     ref: ref,
     testId: testId,
     xcss: styles.root,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "span"
   }, children));
 });

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

@@ -8,8 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightShowMoreControl = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -25,12 +26,12 @@ var styles = {
 var SpotlightShowMoreControl = exports.SpotlightShowMoreControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     xcss: styles.root,
     onClick: onClick,
     ref: ref,
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_showMoreHorizontal.default, {
+  }, /*#__PURE__*/React.createElement(_showMoreHorizontal.default, {
     label: "Show more"
   }));
 });

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpotlightStepCount = void 0;
 require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -23,9 +24,9 @@ var styles = {
 var SpotlightStepCount = exports.SpotlightStepCount = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.root
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
     ref: ref,
     testId: testId
   }, children));

package/dist/es2019/controllers/context.js

@@ -1,4 +1,7 @@
-import React, { createContext, useState } from 'react';
+/* context.tsx generated by @compiled/babel-plugin v0.36.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { createContext, useState } from 'react';
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 

package/dist/es2019/ui/actions/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';
 const styles = {
   root: "_1bsb1osq"

package/dist/es2019/ui/body/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';
 const styles = {
   root: "_18zrpxbi _syaz15cr _1q51u2gc"

package/dist/es2019/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';
 const styles = {

package/dist/es2019/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';
 const styles = {
   root: "_bozgpxbi _y4tiutpp _1bsb1osq"

package/dist/es2019/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';
 const styles = {
   root: "_bozgpxbi _y4tiutpp"

package/dist/es2019/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/es2019/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';
 const styles = {
   root: "_1bsbaq3k _4t3ihcro"

package/dist/es2019/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/es2019/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';
 const styles = {
   root: "_2rko12b0 _1dqonqa1 _189ee4h9 _1h6dz9xs _syaz15cr _bfhkcdhy _irr31bsc _1di61b6k"

package/dist/es2019/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';
 const styles = {
   root: "_2rko12b0 _syaz15cr _bfhkcdhy _irr31bsc _1di61b6k"

package/dist/es2019/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';
 const styles = {

package/dist/es2019/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';
 const styles = {
   root: "_1ul91ris"

package/dist/esm/controllers/context.js

@@ -1,5 +1,8 @@
+/* context.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useState } from 'react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { createContext, useState } from 'react';
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 

package/dist/esm/ui/actions/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: "_1bsb1osq"

package/dist/esm/ui/body/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: "_18zrpxbi _syaz15cr _1q51u2gc"

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/spotlight",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"description": "A spotlight introduces users to various points of interest across Atlassian through focused messages or multi-step tours.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.14.0",