@atlaskit/primitives 18.0.0 → 18.0.2

package/dist/es2019/compiled/components/focusable.js

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./focusable.compiled.css";
 import * as React from 'react';
@@ -30,9 +30,7 @@ const Focusable = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
+    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss]),
     style: style,
     "data-testid": testId
   }), children);

package/dist/es2019/compiled/components/grid.js

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* grid.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/inline.js

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* inline.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./inline.compiled.css";
 import * as React from 'react';

package/dist/es2019/compiled/components/metric-text.js

@@ -1,4 +1,4 @@
-/* metric-text.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* metric-text.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./metric-text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/pressable.js

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./pressable.compiled.css";
 import * as React from 'react';
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -67,9 +67,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     // Adding a tabIndex of 0 to the button will allow it to be focused on click.
     // This is a known issue in Safari that is meant to be "intended", see https://bugs.webkit.org/show_bug.cgi?id=22261
     ,
-    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : isSafari() && !isDisabled ? 0 : undefined
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : isSafari() && !isDisabled ? 0 : undefined,
     style: style
   }, safeHtmlAttributes, {
     type: type,

package/dist/es2019/compiled/components/stack.js

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* stack.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./stack.compiled.css";
 import * as React from 'react';

package/dist/es2019/compiled/components/text.js

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* text.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* hide.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* show.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/anchor.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { forwardRef, useCallback, useContext } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -121,9 +121,7 @@ const AnchorNoRef = ({
   const hrefObjectUsedWithoutRouterLink = RouterLink === undefined && typeof href === 'object';
   invariant(!hrefObjectUsedWithoutRouterLink, `@atlaskit/primitives: Anchor primitive cannot pass an object to 'href' unless a router link is configured in the AppProvider`);
   const Component = isRouterLink ? RouterLink : 'a';
-  return jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  return jsx(Component, _extends({
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/components/bleed.js

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 const baseStyles = css({

package/dist/es2019/components/box.js

@@ -51,9 +51,7 @@ export const Box = /*#__PURE__*/forwardRef(({
   const resolvedStyles = parseXcss(xcss);
   const node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  jsx(Component, _extends({
     style: style
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

package/dist/es2019/components/pressable.js

@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -99,7 +99,6 @@ const Pressable = /*#__PURE__*/forwardRef(({
   } = htmlAttributes;
   const resolvedStyles = parseXcss(xcss);
   return jsx("button", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/responsive/hide.js

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

package/dist/esm/compiled/components/anchor.js

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -89,9 +89,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   // @ts-expect-error we don't allow `a` on Focusable for makers as they should use Anchor instead
   , _extends({
     as: Component,
-    className: xcss
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    className: xcss,
     style: style,
     ref: ref
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/esm/compiled/components/bleed.js

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./bleed.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/compiled/components/box.js

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* box.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
@@ -328,9 +328,7 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   // @ts-ignore -- not using expect since it causes issues with help-center local consumption - className doesn't exist in the prop definition but we want to ensure it cannot be applied even if types are bypassed
   var _spreadClass = htmlAttributes.className,
     safeHtmlAttributes = _objectWithoutProperties(htmlAttributes, _excluded2);
-  var node = /*#__PURE__*/React.createElement(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  var node = /*#__PURE__*/React.createElement(Component, _extends({
     style: style
     // @ts-ignore -- Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

package/dist/esm/compiled/components/flex.js

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flex.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "role", "alignItems", "justifyContent", "gap", "columnGap", "rowGap", "children", "testId", "direction", "wrap", "xcss"];

package/dist/esm/compiled/components/focusable.js

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "children", "isInset", "testId", "style", "xcss"],
@@ -31,9 +31,7 @@ var Focusable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
+    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss]),
     style: style,
     "data-testid": testId
   }), children);

package/dist/esm/compiled/components/grid.js

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* grid.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/inline.js

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* inline.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "alignInline", "alignBlock", "shouldWrap", "spread", "grow", "space", "rowSpace", "separator", "xcss", "testId", "role", "children"];

package/dist/esm/compiled/components/metric-text.js

@@ -1,4 +1,4 @@
-/* metric-text.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* metric-text.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./metric-text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/pressable.js

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "isDisabled", "type", "onClick", "interactionName", "componentName", "analyticsContext", "style", "testId", "xcss", "tabIndex"],
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -69,9 +69,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // Adding a tabIndex of 0 to the button will allow it to be focused on click.
     // This is a known issue in Safari that is meant to be "intended", see https://bugs.webkit.org/show_bug.cgi?id=22261
     ,
-    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : isSafari() && !isDisabled ? 0 : undefined
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : isSafari() && !isDisabled ? 0 : undefined,
     style: style
   }, safeHtmlAttributes, {
     type: type,

package/dist/esm/compiled/components/stack.js

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* stack.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "alignInline", "alignBlock", "spread", "grow", "space", "children", "testId", "xcss", "role"];

package/dist/esm/compiled/components/text.js

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* text.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* hide.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* show.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/anchor.js

@@ -10,7 +10,7 @@ var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "paddi
  */
 import { forwardRef, useCallback, useContext } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -99,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -124,9 +124,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   var hrefObjectUsedWithoutRouterLink = RouterLink === undefined && _typeof(href) === 'object';
   invariant(!hrefObjectUsedWithoutRouterLink, "@atlaskit/primitives: Anchor primitive cannot pass an object to 'href' unless a router link is configured in the AppProvider");
   var Component = isRouterLink ? RouterLink : 'a';
-  return jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  return jsx(Component, _extends({
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/components/bleed.js

@@ -5,7 +5,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 var baseStyles = css({

package/dist/esm/components/box.js

@@ -52,9 +52,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var resolvedStyles = parseXcss(xcss);
   var node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  jsx(Component, _extends({
     style: style
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

package/dist/esm/components/pressable.js

@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -102,7 +102,6 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     safeHtmlAttributes = _objectWithoutProperties(htmlAttributes, _excluded2);
   var resolvedStyles = parseXcss(xcss);
   return jsx("button", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/responsive/hide.js

@@ -4,7 +4,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

package/dist/types/compiled/components/flex.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type AriaAttributes, type ElementType, type ReactNode } from 'react';
+import { type AriaAttributes, type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
 import type { AlignItems, BasePrimitiveProps, Direction, GapToken, JustifyContent, Wrap } from './types';
 export type FlexProps<T extends ElementType = 'div'> = {
     /**
@@ -67,5 +67,5 @@ export type FlexProps<T extends ElementType = 'div'> = {
  * )
  * ```
  */
-declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Flex: MemoExoticComponent<ForwardRefExoticComponent<Omit<FlexProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Flex;

package/dist/types/compiled/components/grid.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ElementType, type ReactNode } from 'react';
+import { type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
 import type { AlignContent, AlignItems, AutoFlow, BasePrimitiveProps, GapToken, JustifyContent, JustifyItems } from './types';
 export type GridProps<T extends ElementType = 'div'> = {
     /**
@@ -76,5 +76,5 @@ export type GridProps<T extends ElementType = 'div'> = {
  * )
  * ```
  */
-declare const Grid: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<GridProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Grid: MemoExoticComponent<ForwardRefExoticComponent<Omit<GridProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Grid;

package/dist/types/compiled/components/inline.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type AriaAttributes, type ElementType, type ReactNode } from 'react';
+import { type AriaAttributes, type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
 import { type FlexProps } from './flex';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type InlineProps<T extends ElementType = 'div'> = {
@@ -66,5 +66,5 @@ export type InlineProps<T extends ElementType = 'div'> = {
  * ```
  *
  */
-declare const Inline: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<InlineProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Inline: MemoExoticComponent<ForwardRefExoticComponent<Omit<InlineProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Inline;

package/dist/types/compiled/components/stack.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type AriaAttributes, type ElementType, type ReactNode } from 'react';
+import { type AriaAttributes, type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
 import { type FlexProps } from './flex';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {
@@ -53,5 +53,5 @@ export type StackProps<T extends ElementType = 'div'> = {
  * ```
  *
  */
-declare const Stack: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<StackProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Stack: MemoExoticComponent<ForwardRefExoticComponent<Omit<StackProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Stack;

package/dist/types/compiled/index.d.ts

@@ -11,6 +11,6 @@ export { default as Anchor, type AnchorProps } from './components/anchor';
 export { media, type Breakpoint, type MediaQuery, UNSAFE_useMediaQuery, Show, Hide, } from './responsive';
 export { default as Focusable } from './components/focusable';
 export type { FocusableProps } from './components/focusable';
-export { useSurface as UNSAFE_useSurface, SurfaceContext as UNSAFE_SurfaceContext } from '../utils/surface-provider';
+export { useSurface as UNSAFE_useSurface, SurfaceContext as UNSAFE_SurfaceContext, } from '../utils/surface-provider';
 export type { BackgroundColorToken as BackgroundColor } from '../utils/types';
 export type { PositiveSpaceToken as Space, TextColor } from './components/types';

package/dist/types/components/flex.d.ts

@@ -2,7 +2,8 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ElementType, type ReactNode } from 'react';
+import { type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
+import { type SerializedStyles } from '@emotion/react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 export type FlexProps<T extends ElementType = 'div'> = {
@@ -56,28 +57,28 @@ type JustifyContent = keyof typeof justifyContentMap;
 type Direction = keyof typeof flexDirectionMap;
 type Wrap = keyof typeof flexWrapMap;
 declare const justifyContentMap: {
-    readonly start: import("@emotion/react").SerializedStyles;
-    readonly center: import("@emotion/react").SerializedStyles;
-    readonly end: import("@emotion/react").SerializedStyles;
-    readonly 'space-between': import("@emotion/react").SerializedStyles;
-    readonly 'space-around': import("@emotion/react").SerializedStyles;
-    readonly 'space-evenly': import("@emotion/react").SerializedStyles;
-    readonly stretch: import("@emotion/react").SerializedStyles;
+    readonly start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly end: SerializedStyles;
+    readonly 'space-between': SerializedStyles;
+    readonly 'space-around': SerializedStyles;
+    readonly 'space-evenly': SerializedStyles;
+    readonly stretch: SerializedStyles;
 };
 declare const flexDirectionMap: {
-    readonly column: import("@emotion/react").SerializedStyles;
-    readonly row: import("@emotion/react").SerializedStyles;
+    readonly column: SerializedStyles;
+    readonly row: SerializedStyles;
 };
 declare const flexWrapMap: {
-    readonly wrap: import("@emotion/react").SerializedStyles;
-    readonly nowrap: import("@emotion/react").SerializedStyles;
+    readonly wrap: SerializedStyles;
+    readonly nowrap: SerializedStyles;
 };
 declare const alignItemsMap: {
-    readonly start: import("@emotion/react").SerializedStyles;
-    readonly center: import("@emotion/react").SerializedStyles;
-    readonly baseline: import("@emotion/react").SerializedStyles;
-    readonly end: import("@emotion/react").SerializedStyles;
-    readonly stretch: import("@emotion/react").SerializedStyles;
+    readonly start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly baseline: SerializedStyles;
+    readonly end: SerializedStyles;
+    readonly stretch: SerializedStyles;
 };
 /**
  * __Flex__
@@ -100,5 +101,5 @@ declare const alignItemsMap: {
  * )
  * ```
  */
-declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Flex: MemoExoticComponent<ForwardRefExoticComponent<Omit<FlexProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Flex;