@atlaskit/primitives 19.0.1 → 20.0.0

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

@@ -1,85 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
-import { type SVGElements } from '../utils/types';
-import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
-import type { BasePrimitiveProps, StyleProp } 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'> & BasePrimitiveProps & StyleProp & 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?: BackgroundColor;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: Space;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-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)
- */
-export declare const Box: BoxComponent;
-export default Box;

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

@@ -1,105 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * 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?: Space;
-    /**
-     * Represents the space between each child.
-     */
-    gap?: Space;
-    /**
-     * Represents the space between each child.
-     */
-    rowGap?: Space;
-    /**
-     * 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;
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-type AlignItems = keyof typeof alignItemsMap;
-type JustifyContent = keyof typeof justifyContentMap;
-type Direction = keyof typeof flexDirectionMap;
-type Wrap = keyof typeof flexWrapMap;
-declare const justifyContentMap: {
-    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: SerializedStyles;
-    readonly row: SerializedStyles;
-};
-declare const flexWrapMap: {
-    readonly wrap: SerializedStyles;
-    readonly nowrap: SerializedStyles;
-};
-declare const alignItemsMap: {
-    readonly start: SerializedStyles;
-    readonly center: SerializedStyles;
-    readonly baseline: SerializedStyles;
-    readonly end: SerializedStyles;
-    readonly stretch: SerializedStyles;
-};
-/**
- * __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/components/grid.d.ts

@@ -1,137 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * The DOM element to render as the Grid. 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.
-     */
-    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?: Space;
-    /**
-     * Represents the space between each child across both axes.
-     */
-    gap?: Space;
-    /**
-     * Represents the space between each row.
-     */
-    rowGap?: Space;
-    /**
-     * Specifies how auto-placed items get flowed into the grid. CSS `grid-auto-flow`.
-     */
-    autoFlow?: AutoFlow;
-    /**
-     * CSS `grid-template-rows`.
-     */
-    templateRows?: string;
-    /**
-     * CSS `grid-template-columns`.
-     */
-    templateColumns?: string;
-    /**
-     * CSS `grid-template-areas`.
-     *
-     * Each item in the passed array is a grid row.
-     */
-    templateAreas?: string[];
-    /**
-     * 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;
-type JustifyContent = keyof typeof justifyContentMap;
-type JustifyItems = keyof typeof justifyItemsMap;
-type AlignItems = keyof typeof alignItemsMap;
-type AlignContent = keyof typeof alignContentMap;
-declare const justifyContentMap: {
-    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: SerializedStyles;
-    readonly center: SerializedStyles;
-    readonly end: SerializedStyles;
-    readonly stretch: SerializedStyles;
-};
-declare const alignContentMap: {
-    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: SerializedStyles;
-    readonly center: SerializedStyles;
-    readonly baseline: SerializedStyles;
-    readonly end: SerializedStyles;
-};
-type AutoFlow = keyof typeof gridAutoFlowMap;
-declare const gridAutoFlowMap: {
-    readonly row: SerializedStyles;
-    readonly column: SerializedStyles;
-    readonly dense: SerializedStyles;
-    readonly 'row dense': SerializedStyles;
-    readonly 'column dense': SerializedStyles;
-};
-/**
- * __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
- * // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
- * 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/components/inline.d.ts

@@ -1,74 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type ElementType, type ReactNode } from 'react';
-import { type Space } from '../xcss/style-maps.partial';
-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?: Space;
-    /**
-     * Represents the space between rows when content wraps.
-     * Used to override the `space` value in between rows.
-     */
-    rowSpace?: Space;
-    /**
-     * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
-     */
-    separator?: React.ReactNode;
-    /**
-     * Elements to be rendered inside the Inline.
-     */
-    children: ReactNode;
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-/**
- * __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: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, 'ref'> & React.RefAttributes<any>>>;
-export default Inline;

package/dist/types-ts4.5/components/metric-text.d.ts

@@ -1,16 +0,0 @@
-/**
- * IMPORTANT: This is a temporary mapping to avoid breaking changes.
- * We will remove this once we have migrated all the components to @atlaskit/primitives/compiled.
- */
-/**
- * __Metric text comp__
- *
- * A metric text comp {description}.
- *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
- */
-import MetricText, { type MetricTextProps } from '../compiled/components/metric-text';
-export type { MetricTextProps };
-export default MetricText;

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

@@ -1,92 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
-import type { BasePrimitiveProps, StyleProp } from './types';
-type BasePressableProps = {
-    /**
-     * Elements to be rendered inside the Pressable.
-     */
-    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<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Whether the button is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * 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 'Pressable'.
-     */
-    componentName?: string;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * Token representing background color with a built-in fallback value.
-     * @deprecated Please pass via `props.xcss`, eg. `xcss({ backgroundColor: '…' })` instead and include states such as hover values as well.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: Space;
-    /**
-     * Forwarded ref.
-     */
-    ref?: Ref<HTMLButtonElement>;
-};
-export type PressableProps = Omit<ComponentPropsWithoutRef<'button'>, 'disabled' | 'onClick' | 'style' | 'className'> & BasePrimitiveProps & StyleProp & BasePressableProps;
-/**
- * __Pressable__
- *
- * A primitive for building custom buttons.
- *
- * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
- * - [Code](https://atlassian.design/components/primitives/pressable/code)
- * - [Usage](https://atlassian.design/components/primitives/pressable/usage)
- */
-declare const Pressable: React.ForwardRefExoticComponent<React.PropsWithoutRef<PressableProps> & React.RefAttributes<HTMLButtonElement>>;
-export default Pressable;

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

@@ -1,61 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-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'> = {
-    /**
-     * The DOM element to render as the Stack. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'dl';
-    /**
-     * Used to align children along the block axis (typically vertical).
-     */
-    alignBlock?: Exclude<AlignBlock, 'baseline'>;
-    /**
-     * Used to align children along the inline axis (typically horizontal).
-     */
-    alignInline?: AlignInline;
-    /**
-     * 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?: Space;
-    /**
-     * Elements to be rendered inside the Stack.
-     */
-    children: ReactNode;
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-/**
- * __Stack__
- *
- * Stack is a primitive component based on flexbox that manages the block layout of direct children.
- *
- * @example
- * ```tsx
- *  <Stack>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *  </Stack>
- * ```
- *
- */
-declare const Stack: MemoExoticComponent<ForwardRefExoticComponent<Omit<StackProps<ElementType>, 'ref'> & RefAttributes<any>>>;
-export default Stack;

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

@@ -1,75 +0,0 @@
-/**
- * @jsxRuntime classic
- * @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"
-];
-type AsElement = (typeof asAllowlist)[number];
-type TextPropsBase<T extends ElementType = 'span'> = {
-    /**
-     * HTML tag to be rendered. Defaults to `span`.
-     */
-    as?: AsElement;
-    /**
-     * Elements rendered within the Text element.
-     */
-    children: ReactNode;
-    /**
-     * Token representing text color with a built-in fallback value.
-     * Will apply inverse text color automatically if placed within a Box with bold background color.
-     * Defaults to `color.text` if not nested in other Text components.
-     */
-    color?: TextColor | 'inherit';
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * The number of lines to limit the provided text to. Text will be truncated with an ellipsis.
-     *
-     * When `maxLines={1}`, `wordBreak` defaults to `break-all` to match the behaviour of `text-overflow: ellipsis`.
-     */
-    maxLines?: number;
-    /**
-     * Text alignment.
-     */
-    align?: TextAlign;
-    /**
-     * Text size.
-     */
-    size?: TextSize;
-    /**
-     * Font weight.
-     */
-    weight?: TextWeight;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export type TextProps<T extends ElementType = 'span'> = TextPropsBase<T> & Omit<BasePrimitiveProps, 'xcss'>;
-type TextAlign = keyof typeof textAlignMap;
-declare const textAlignMap: {
-    center: SerializedStyles;
-    end: SerializedStyles;
-    start: SerializedStyles;
-};
-/**
- * __Text__
- *
- * Text is a primitive component that has the Atlassian Design System's design guidelines baked in.
- * This includes considerations for text attributes such as color, font size, font weight, and line height.
- * It renders a `span` by default.
- *
- * @internal
- */
-declare const Text: React.ForwardRefExoticComponent<React.PropsWithoutRef<TextProps<ElementType>> & React.RefAttributes<any>>;
-export default Text;

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

@@ -1,33 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
-import type { XCSS } from '../xcss/xcss';
-export type BasePrimitiveProps = {
-    /**
-     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * `data-testid` is strictly controlled through the `testId` prop.
-     * This lets consumers know that this data attribute will not be applied.
-     */
-    'data-testid'?: never;
-    /**
-     * Apply a subset of permitted styles powered by Atlassian Design System design tokens.
-     */
-    xcss?: XCSS | Array<XCSS | false | undefined> | StrictXCSSProp<XCSSAllProperties, XCSSAllPseudos>;
-    /**
-     * Accessible role.
-     */
-    role?: string;
-};
-export type StyleProp = {
-    /**
-     * Inline styles to be applied to the primitive. Only apply as a last resort, or where
-     * styles cannot otherwise be calculated outside of the runtime of the component they're applied.
-     */
-    style?: CSSProperties;
-};
-export type AlignInline = 'start' | 'center' | 'end' | 'stretch';
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-export type Spread = 'space-between';
-export type Grow = 'hug' | 'fill';