@atlaskit/primitives 19.0.1 → 20.0.0

package/responsive/build-media-query-css/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-build-media-query-css.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-build-media-query-css.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-build-media-query-css.d.ts"
 }

package/responsive/constants/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-constants.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-constants.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-constants.d.ts"
 }

package/responsive/hide/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-hide.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-hide.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-hide.d.ts"
 }

package/responsive/media-helper/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-media-helper.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-media-helper.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-media-helper.d.ts"
 }

package/responsive/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/responsive/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/responsive/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/responsive/index.d.ts"
 }

package/responsive/show/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-show.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-show.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-show.d.ts"
 }

package/responsive/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-types.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-types.d.ts"
 }

package/responsive/use-media-query/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/responsive-use-media-query.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/responsive-use-media-query.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/responsive-use-media-query.d.ts"
 }

package/scripts/color-codegen-template.tsx

@@ -29,7 +29,8 @@ const tokenStyles = {
 			t.token.startsWith('elevation.surface') ||
 			t.token.startsWith('utility.elevation.surface') ||
 			t.token.startsWith('color.blanket') ||
-			t.token.startsWith('color.skeleton'),
+			t.token.startsWith('color.skeleton') ||
+			t.token.startsWith('color.rovo.background.'),
 	},
 	border: {
 		objectName: 'borderColor',

package/stack/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/stack.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/stack.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/stack.d.ts"
 }

package/surface-provider/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/surface-provider.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/surface-provider.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/surface-provider.d.ts"
 }

package/text/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/text.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/text.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/text.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/xcss/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/xcss.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/xcss.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/xcss.d.ts"
 }

package/dist/types-ts4.5/compiled/components/anchor.d.ts

@@ -1,63 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type RouterLinkComponentProps } from '@atlaskit/app-provider';
-import type { BasePrimitiveProps, StyleProp } from './types';
-type BaseAnchorProps = {
-    /**
-     * Elements to be rendered inside the Anchor.
-     */
-    children?: ReactNode;
-    /**
-     * Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
-     */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-    /**
-     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Anchor'.
-     */
-    componentName?: string;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events that come from anchor.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * Override the default text to signify that a link opens in a new window.
-     * This is appended to the `aria-label` attribute when the `target` prop is set to `_blank`.
-     */
-    newWindowLabel?: string;
-    /**
-     * Forwarded ref.
-     */
-    ref?: Ref<HTMLAnchorElement>;
-};
-export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> = RouterLinkComponentProps<RouterLinkConfig> & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'onClick' | 'style' | 'className'> & BasePrimitiveProps & StyleProp & BaseAnchorProps;
-/**
- * __Anchor__
- *
- * A primitive for building custom anchor links.
- *
- * - [Examples](https://atlassian.design/components/primitives/anchor/examples)
- * - [Code](https://atlassian.design/components/primitives/anchor/code)
- * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
- */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, newWindowLabel, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => JSX.Element;
-/**
- * __Anchor__
- *
- * Anchor is a primitive for building custom anchor links. It's a wrapper around the HTML `<a>` element that provides a consistent API for handling client-side routing and Atlassian Design System styling.
- *
- * - [Examples](https://atlassian.design/components/primitives/anchor/examples)
- * - [Code](https://atlassian.design/components/primitives/anchor/code)
- * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
- */
-declare const Anchor: <RouterLinkConfig extends Record<string, any> = never>(props: AnchorProps<RouterLinkConfig> & {
-    ref?: Ref<HTMLAnchorElement>;
-}) => ReturnType<typeof AnchorNoRef>;
-export default Anchor;

package/dist/types-ts4.5/compiled/components/bleed.d.ts

@@ -1,34 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type ReactNode } from 'react';
-import type { BasePrimitiveProps, BleedSpaceToken } from './types';
-export type BleedProps = {
-    /**
-     * Elements to be rendered inside the Flex.
-     */
-    children: ReactNode;
-    /**
-     * Bleed along both axis.
-     */
-    all?: BleedSpaceToken;
-    /**
-     * Bleed along the inline axis.
-     */
-    inline?: BleedSpaceToken;
-    /**
-     * Bleed along the block axis
-     */
-    block?: BleedSpaceToken;
-} & BasePrimitiveProps;
-/**
- * __Bleed__
- *
- * `Bleed` is a primitive layout component that controls negative whitespace.
- *
- * - [Examples](https://atlassian.design/components/primitives/bleed/examples)
- * - [Code](https://atlassian.design/components/primitives/bleed/code)
- */
-declare const Bleed: React.MemoExoticComponent<({ children, testId, inline, block, all, xcss }: BleedProps) => JSX.Element>;
-export default Bleed;

package/dist/types-ts4.5/compiled/components/box.d.ts

@@ -1,109 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
-import { type StrictXCSSProp, type XCSSAllProperties, type XCSSAllPseudos } from '@atlaskit/css';
-import type { BackgroundColorToken, SVGElements } from '../../utils/types';
-import type { BasePrimitiveProps, PaddingToken, StyleProp, SurfaceColorToken } from './types';
-type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements | 'button' | 'a'>;
-type CustomElementType<P = any> = {
-    [K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
-}[AllowedElements];
-export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & Omit<BasePrimitiveProps, 'xcss' | 'style'> & BaseBoxProps<T>;
-type BaseBoxProps<T extends CustomElementType> = {
-    /**
-     * The DOM element to render as the Box.
-     * - This cannot be any SVG-related element such as `'svg'`, `'animate', `'circle'`, and many more
-     * - This cannot be a `'a'` (use the `Anchor` primitive instead)
-     * - This cannot be a `'button'` (use the `Anchor` primitive instead)
-     * @default 'div'
-     */
-    as?: T;
-    /**
-     * Elements to be rendered inside the Box.
-     */
-    children?: ReactNode;
-    /**
-     * Token representing background color with a built-in fallback value.
-     */
-    backgroundColor?: SurfaceColorToken | BackgroundColorToken;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    padding?: PaddingToken;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    paddingBlock?: PaddingToken;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    paddingBlockStart?: PaddingToken;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    paddingBlockEnd?: PaddingToken;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: PaddingToken;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    paddingInlineStart?: PaddingToken;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     * @private
-     * @deprecated – Do not use shorthand props, use `props.xcss` instead as these will be deprecated in the future.
-     */
-    paddingInlineEnd?: PaddingToken;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-    /**
-     * Inline styles to be applied to the Box. Only apply as a last resort, or where
-     * styles cannot otherwise be calculated outside of the runtime of the component they're applied.
-     */
-    style?: Omit<StyleProp['style'], 'background' | 'backgroundColor'>;
-    /**
-     * Apply a subset of permitted styles powered by Atlassian Design System design tokens.
-     * It's preferred you do not use `background` in `xcss` or `cssMap()` and instead use `props.backgroundColor` for surface awareness.
-     */
-    xcss?: StrictXCSSProp<Exclude<XCSSAllProperties, 'background'>, XCSSAllPseudos>;
-};
-type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
-/**
- * __Box__
- *
- * A Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * - [Examples](https://atlassian.design/components/primitives/box/examples)
- * - [Code](https://atlassian.design/components/primitives/box/code)
- * - [Usage](https://atlassian.design/components/primitives/box/usage)
- */
-declare const Box: BoxComponent;
-export default Box;

package/dist/types-ts4.5/compiled/components/flex.d.ts

@@ -1,71 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * The DOM element to render as the Flex. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
-    /**
-     * Used to align children along the main axis.
-     */
-    justifyContent?: JustifyContent;
-    /**
-     * Used to align children along the cross axis.
-     */
-    alignItems?: AlignItems;
-    /**
-     * Represents the space between each child.
-     */
-    columnGap?: GapToken;
-    /**
-     * Represents the space between each child.
-     */
-    gap?: GapToken;
-    /**
-     * Represents the space between each child.
-     */
-    rowGap?: GapToken;
-    /**
-     * Represents the flex direction property of CSS flexbox.
-     */
-    direction?: Direction;
-    /**
-     * Represents the flex wrap property of CSS flexbox.
-     */
-    wrap?: Wrap;
-    /**
-     * Elements to be rendered inside the Flex.
-     */
-    children: ReactNode;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps & AriaAttributes;
-/**
- * __Flex__
- *
- * `Flex` is a primitive component that implements the CSS Flexbox API.
- *
- * - [Examples](https://atlassian.design/components/primitives/flex/examples)
- * - [Code](https://atlassian.design/components/primitives/flex/code)
- *
- * @example
- * ```tsx
- * // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
- * import { Flex, Box } from '@atlaskit/primitives'
- *
- * const Component = () => (
- *   <Flex direction="column">
- *     <Box padding="space.100" backgroundColor="neutral"></Box>
- *     <Box padding="space.100" backgroundColor="neutral"></Box>
- *   </Flex>
- * )
- * ```
- */
-declare const Flex: MemoExoticComponent<ForwardRefExoticComponent<Omit<FlexProps<ElementType>, 'ref'> & RefAttributes<any>>>;
-export default Flex;

package/dist/types-ts4.5/compiled/components/focusable.d.ts

@@ -1,36 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
-import type { BasePrimitiveProps, StyleProp } from '../components/types';
-type AllowedElements = Exclude<keyof JSX.IntrinsicElements, 'button' | 'a'>;
-type CustomElement<P = any> = {
-    [K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
-}[AllowedElements];
-export type FocusableProps<T extends CustomElement> = Omit<ComponentPropsWithoutRef<T>, keyof BaseFocusableProps<T> | 'className' | 'style'> & BasePrimitiveProps & StyleProp & BaseFocusableProps<T>;
-type BaseFocusableProps<T extends CustomElement> = {
-    /**
-     * The DOM element to render as the Focusable element.
-     * @default 'button'
-     */
-    as?: T;
-    children?: ReactNode;
-    /**
-     * Controls whether the focus ring should be applied around or within the composed element.
-     */
-    isInset?: boolean;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-type FocusableComponent = <T extends CustomElement>(props: FocusableProps<T>) => ReactElement;
-/**
- * __Focus ring__
- *
- * A focus ring visually indicates the currently focused item.
- *
- */
-declare const Focusable: FocusableComponent;
-export default Focusable;

package/dist/types-ts4.5/compiled/components/grid.d.ts

@@ -1,80 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * The DOM element to render as the Flex. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'ul' | 'ol';
-    /**
-     * Used to align children along the inline axis.
-     */
-    justifyContent?: JustifyContent;
-    /**
-     * Used to align the grid along the inline axis.
-     *
-     * @deprecated This prop is not hooked up and doesn't nothing!
-     */
-    justifyItems?: JustifyItems;
-    /**
-     * Used to align children along the block axis.
-     */
-    alignItems?: AlignItems;
-    /**
-     * Used to align the grid along the block axis.
-     */
-    alignContent?: AlignContent;
-    /**
-     * Represents the space between each column.
-     */
-    columnGap?: GapToken;
-    /**
-     * Represents the space between each child across both axes.
-     */
-    gap?: GapToken;
-    /**
-     * Represents the space between each row.
-     */
-    rowGap?: GapToken;
-    /**
-     * Specifies how auto-placed items get flowed into the grid. CSS `grid-auto-flow`.
-     */
-    autoFlow?: AutoFlow;
-    /**
-     * Elements to be rendered inside the grid. Required as a grid without children should not be a grid.
-     */
-    children: ReactNode;
-    /**
-     * HTML id attrubute.
-     */
-    id?: string;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-/**
- * __Grid__
- *
- * `Grid` is a primitive component that implements the CSS Grid API.
- *
- * - [Examples](https://atlassian.design/components/primitives/grid/examples)
- * - [Code](https://atlassian.design/components/primitives/grid/code)
- *
- * @example
- * ```tsx
- * import { Grid, Box } from '@atlaskit/primitives'
- *
- * const Component = () => (
- *   <Grid gap="space.100" gridColumns="1fr 1fr">
- *     <Box padding="space.100" backgroundColor="neutral"></Box>
- *     <Box padding="space.100" backgroundColor="neutral"></Box>
- *   </Grid>
- * )
- * ```
- */
-declare const Grid: MemoExoticComponent<ForwardRefExoticComponent<Omit<GridProps<ElementType>, 'ref'> & RefAttributes<any>>>;
-export default Grid;

package/dist/types-ts4.5/compiled/components/inline.d.ts

@@ -1,70 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * The DOM element to render as the Inline. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
-    /**
-     * Used to align children along the block axis (typically vertical).
-     */
-    alignBlock?: AlignBlock;
-    /**
-     * Used to align children along the inline axis (typically horizontal).
-     */
-    alignInline?: AlignInline;
-    /**
-     * Used to set whether children are forced onto one line or will wrap onto multiple lines.
-     */
-    shouldWrap?: boolean;
-    /**
-     * Used to distribute the children along the main axis.
-     */
-    spread?: Spread;
-    /**
-     * Used to set whether the container should grow to fill the available space.
-     */
-    grow?: Grow;
-    /**
-     * Represents the space between each child.
-     */
-    space?: FlexProps['gap'];
-    /**
-     * Represents the space between rows when content wraps.
-     * Used to override the `space` value in between rows.
-     */
-    rowSpace?: FlexProps['rowGap'];
-    /**
-     * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
-     */
-    separator?: ReactNode;
-    /**
-     * Elements to be rendered inside the Inline.
-     */
-    children: ReactNode;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps & AriaAttributes;
-/**
- * __Inline__
- *
- * Inline is a primitive component based on CSS Flexbox that manages the horizontal layout of direct children.
- *
- * @example
- * ```tsx
- *  <Inline>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *  </Inline>
- * ```
- *
- */
-declare const Inline: MemoExoticComponent<ForwardRefExoticComponent<Omit<InlineProps<ElementType>, 'ref'> & RefAttributes<any>>>;
-export default Inline;