@atlaskit/primitives 18.0.0 → 18.0.1

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;

package/dist/types/components/grid.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 GridProps<T extends ElementType = 'div'> = {
@@ -74,42 +75,42 @@ type JustifyItems = keyof typeof justifyItemsMap;
 type AlignItems = keyof typeof alignItemsMap;
 type AlignContent = keyof typeof alignContentMap;
 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 justifyItemsMap: {
-    readonly start: import("@emotion/react").SerializedStyles;
-    readonly center: import("@emotion/react").SerializedStyles;
-    readonly end: import("@emotion/react").SerializedStyles;
-    readonly stretch: import("@emotion/react").SerializedStyles;
+    readonly start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly end: SerializedStyles;
+    readonly stretch: SerializedStyles;
 };
 declare const alignContentMap: {
-    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 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 start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly baseline: SerializedStyles;
+    readonly end: SerializedStyles;
 };
 type AutoFlow = keyof typeof gridAutoFlowMap;
 declare const gridAutoFlowMap: {
-    readonly row: import("@emotion/react").SerializedStyles;
-    readonly column: import("@emotion/react").SerializedStyles;
-    readonly dense: import("@emotion/react").SerializedStyles;
-    readonly 'row dense': import("@emotion/react").SerializedStyles;
-    readonly 'column dense': import("@emotion/react").SerializedStyles;
+    readonly row: SerializedStyles;
+    readonly column: SerializedStyles;
+    readonly dense: SerializedStyles;
+    readonly 'row dense': SerializedStyles;
+    readonly 'column dense': SerializedStyles;
 };
 /**
  * __Grid__
@@ -132,5 +133,5 @@ declare const gridAutoFlowMap: {
  * )
  * ```
  */
-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/components/inline.d.ts

@@ -70,5 +70,5 @@ export type InlineProps<T extends ElementType = 'div'> = {
  * ```
  *
  */
-declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, "ref"> & React.RefAttributes<any>>>;
+declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, 'ref'> & React.RefAttributes<any>>>;
 export default Inline;

package/dist/types/components/stack.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 Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {
@@ -57,5 +57,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/components/text.d.ts

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
+import { type SerializedStyles } from '@emotion/react';
 import { type TextColor, type TextSize, type TextWeight } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 declare const asAllowlist: readonly ["span", "p", "strong", "em"];
@@ -52,9 +53,9 @@ type TextPropsBase<T extends ElementType = 'span'> = {
 export type TextProps<T extends ElementType = 'span'> = TextPropsBase<T> & Omit<BasePrimitiveProps, 'xcss'>;
 type TextAlign = keyof typeof textAlignMap;
 declare const textAlignMap: {
-    center: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
+    center: SerializedStyles;
+    end: SerializedStyles;
+    start: SerializedStyles;
 };
 /**
  * __Text__

package/dist/types/responsive/build-media-query-css.d.ts

@@ -1,4 +1,4 @@
-import { type CSSObject } from '@emotion/react';
+import { type CSSObject, type SerializedStyles } from '@emotion/react';
 import type { Breakpoint } from './types';
 /**
  * Build a map of breakpoints to css with media queries and nested styles.
@@ -30,7 +30,7 @@ export declare const UNSAFE_buildAboveMediaQueryCSS: (
  * The desired CSS to place inside of the media query.
  * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
  */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
+input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;
 /**
  * Build a map of breakpoints to css with media queries and nested styles.
  *
@@ -60,4 +60,4 @@ export declare const UNSAFE_buildBelowMediaQueryCSS: (
  * The desired CSS to place inside of the media query.
  * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
  */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
+input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;

package/dist/types/responsive/media-helper.d.ts

@@ -38,26 +38,26 @@ export declare const media: {
  */
 export declare const UNSAFE_media: {
     above: {
-        readonly xxs: "@media all";
-        readonly xs: "@media (min-width: 30rem)";
-        readonly sm: "@media (min-width: 48rem)";
-        readonly md: "@media (min-width: 64rem)";
-        readonly lg: "@media (min-width: 90rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
+        readonly xxs: '@media all';
+        readonly xs: '@media (min-width: 30rem)';
+        readonly sm: '@media (min-width: 48rem)';
+        readonly md: '@media (min-width: 64rem)';
+        readonly lg: '@media (min-width: 90rem)';
+        readonly xl: '@media (min-width: 110.5rem)';
     };
     only: {
-        readonly xxs: "@media (min-width: 0rem) and (max-width: 29.99rem)";
-        readonly xs: "@media (min-width: 30rem) and (max-width: 47.99rem)";
-        readonly sm: "@media (min-width: 48rem) and (max-width: 63.99rem)";
-        readonly md: "@media (min-width: 64rem) and (max-width: 89.99rem)";
-        readonly lg: "@media (min-width: 90rem) and (max-width: 110.49rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
+        readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
+        readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
+        readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
+        readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
+        readonly lg: '@media (min-width: 90rem) and (max-width: 110.49rem)';
+        readonly xl: '@media (min-width: 110.5rem)';
     };
     below: {
-        readonly xs: "@media not all and (min-width: 30rem)";
-        readonly sm: "@media not all and (min-width: 48rem)";
-        readonly md: "@media not all and (min-width: 64rem)";
-        readonly lg: "@media not all and (min-width: 90rem)";
-        readonly xl: "@media not all and (min-width: 110.5rem)";
+        readonly xs: '@media not all and (min-width: 30rem)';
+        readonly sm: '@media not all and (min-width: 48rem)';
+        readonly md: '@media not all and (min-width: 64rem)';
+        readonly lg: '@media not all and (min-width: 90rem)';
+        readonly xl: '@media not all and (min-width: 110.5rem)';
     };
 };

package/dist/types/utils/has-text-ancestor-context.d.ts

@@ -1,3 +1,4 @@
+import { type Provider } from 'react';
 /**
  * @internal
  */
@@ -5,4 +6,4 @@ export declare const useHasTextAncestor: () => boolean;
 /**
  * @internal
  */
-export declare const HasTextAncestorProvider: import("react").Provider<boolean>;
+export declare const HasTextAncestorProvider: Provider<boolean>;

package/dist/types/utils/surface-provider.d.ts

@@ -1,10 +1,11 @@
+import { type Context } from 'react';
 import type { BackgroundColorToken } from './types';
 /**
  * __Surface context__
  *
  * A surface context provides context information on the current background (if set).
  */
-export declare const SurfaceContext: import("react").Context<BackgroundColorToken>;
+export declare const SurfaceContext: Context<BackgroundColorToken>;
 /**
  * __useSurface__
  *

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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;

package/dist/types-ts4.5/components/grid.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 GridProps<T extends ElementType = 'div'> = {
@@ -74,42 +75,42 @@ type JustifyItems = keyof typeof justifyItemsMap;
 type AlignItems = keyof typeof alignItemsMap;
 type AlignContent = keyof typeof alignContentMap;
 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 justifyItemsMap: {
-    readonly start: import("@emotion/react").SerializedStyles;
-    readonly center: import("@emotion/react").SerializedStyles;
-    readonly end: import("@emotion/react").SerializedStyles;
-    readonly stretch: import("@emotion/react").SerializedStyles;
+    readonly start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly end: SerializedStyles;
+    readonly stretch: SerializedStyles;
 };
 declare const alignContentMap: {
-    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 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 start: SerializedStyles;
+    readonly center: SerializedStyles;
+    readonly baseline: SerializedStyles;
+    readonly end: SerializedStyles;
 };
 type AutoFlow = keyof typeof gridAutoFlowMap;
 declare const gridAutoFlowMap: {
-    readonly row: import("@emotion/react").SerializedStyles;
-    readonly column: import("@emotion/react").SerializedStyles;
-    readonly dense: import("@emotion/react").SerializedStyles;
-    readonly 'row dense': import("@emotion/react").SerializedStyles;
-    readonly 'column dense': import("@emotion/react").SerializedStyles;
+    readonly row: SerializedStyles;
+    readonly column: SerializedStyles;
+    readonly dense: SerializedStyles;
+    readonly 'row dense': SerializedStyles;
+    readonly 'column dense': SerializedStyles;
 };
 /**
  * __Grid__
@@ -132,5 +133,5 @@ declare const gridAutoFlowMap: {
  * )
  * ```
  */
-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-ts4.5/components/inline.d.ts

@@ -70,5 +70,5 @@ export type InlineProps<T extends ElementType = 'div'> = {
  * ```
  *
  */
-declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, "ref"> & React.RefAttributes<any>>>;
+declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, 'ref'> & React.RefAttributes<any>>>;
 export default Inline;

package/dist/types-ts4.5/components/stack.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 Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {
@@ -57,5 +57,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-ts4.5/components/text.d.ts

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
+import { type SerializedStyles } from '@emotion/react';
 import { type TextColor, type TextSize, type TextWeight } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 declare const asAllowlist: readonly [
@@ -57,9 +58,9 @@ type TextPropsBase<T extends ElementType = 'span'> = {
 export type TextProps<T extends ElementType = 'span'> = TextPropsBase<T> & Omit<BasePrimitiveProps, 'xcss'>;
 type TextAlign = keyof typeof textAlignMap;
 declare const textAlignMap: {
-    center: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
+    center: SerializedStyles;
+    end: SerializedStyles;
+    start: SerializedStyles;
 };
 /**
  * __Text__