@atlaskit/primitives 1.0.2 → 1.0.3

package/tmp/api-report-tmp.d.ts

@@ -1,755 +0,0 @@
-## API Report File for "@atlaskit/primitives"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { ComponentPropsWithoutRef } from 'react';
-import type * as CSS_2 from 'csstype';
-import type { CSSProperties } from 'react';
-import type { CSSPropertiesWithMultiValues } from '@emotion/serialize';
-import { ElementType } from 'react';
-import { FC } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { JSXElementConstructor } from 'react';
-import { MemoExoticComponent } from 'react';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import type { SerializedStyles } from '@emotion/serialize';
-import { SerializedStyles as SerializedStyles_2 } from '@emotion/react';
-
-// @public (undocumented)
-type AlignBlock = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
-
-// @public (undocumented)
-type AlignBlock_2 = 'center' | 'end' | 'start';
-
-// @public (undocumented)
-type AlignInline = 'center' | 'end' | 'start';
-
-// @public (undocumented)
-type AlignInline_2 = 'center' | 'end' | 'start';
-
-// @public (undocumented)
-type AlignItems = keyof typeof alignItemsMap;
-
-// @public (undocumented)
-type AlignItems_2 = keyof typeof alignItemsMap_2;
-
-// @public (undocumented)
-const alignItemsMap: {
-    readonly start: SerializedStyles_2;
-    readonly center: SerializedStyles_2;
-    readonly baseline: SerializedStyles_2;
-    readonly end: SerializedStyles_2;
-    readonly stretch: SerializedStyles_2;
-};
-
-// @public (undocumented)
-const alignItemsMap_2: {
-    readonly start: SerializedStyles_2;
-    readonly center: SerializedStyles_2;
-    readonly baseline: SerializedStyles_2;
-    readonly end: SerializedStyles_2;
-};
-
-// @public (undocumented)
-type AllowedBoxStyles = keyof SafeCSSObject;
-
-// @public (undocumented)
-type As = 'article' | 'aside' | 'button' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';
-
-// @public (undocumented)
-type AutoComplete<T extends string> = Omit<string, T> | T;
-
-// @public (undocumented)
-type AutoFlow = keyof typeof gridAutoFlowMap;
-
-// @public (undocumented)
-export type BackgroundColor = keyof typeof backgroundColorMap;
-
-// @public (undocumented)
-const backgroundColorMap: {
-    readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
-    readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
-    readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
-    readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
-    readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
-    readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
-    readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
-    readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)";
-    readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
-    readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
-    readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
-    readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
-    readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
-    readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
-    readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
-    readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
-    readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
-    readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)";
-    readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)";
-    readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)";
-    readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
-    readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
-    readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
-    readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
-    readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
-    readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
-    readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
-    readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
-    readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
-    readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
-    readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
-    readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
-    readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
-    readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
-    readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
-    readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
-    readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
-    readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
-    readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
-    readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
-    readonly 'color.background.disabled': "var(--ds-background-disabled)";
-    readonly 'color.background.input': "var(--ds-background-input)";
-    readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)";
-    readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)";
-    readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)";
-    readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
-    readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
-    readonly 'color.background.neutral': "var(--ds-background-neutral)";
-    readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)";
-    readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)";
-    readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)";
-    readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
-    readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
-    readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)";
-    readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
-    readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
-    readonly 'color.background.selected': "var(--ds-background-selected)";
-    readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)";
-    readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)";
-    readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)";
-    readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
-    readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
-    readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)";
-    readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
-    readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
-    readonly 'color.background.danger': "var(--ds-background-danger)";
-    readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)";
-    readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)";
-    readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)";
-    readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
-    readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
-    readonly 'color.background.warning': "var(--ds-background-warning)";
-    readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)";
-    readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)";
-    readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)";
-    readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
-    readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
-    readonly 'color.background.success': "var(--ds-background-success)";
-    readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)";
-    readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)";
-    readonly 'color.background.success.bold': "var(--ds-background-success-bold)";
-    readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)";
-    readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)";
-    readonly 'color.background.discovery': "var(--ds-background-discovery)";
-    readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)";
-    readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)";
-    readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)";
-    readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
-    readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
-    readonly 'color.background.information': "var(--ds-background-information)";
-    readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)";
-    readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)";
-    readonly 'color.background.information.bold': "var(--ds-background-information-bold)";
-    readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)";
-    readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)";
-    readonly 'color.blanket': "var(--ds-blanket)";
-    readonly 'color.blanket.selected': "var(--ds-blanket-selected)";
-    readonly 'color.blanket.danger': "var(--ds-blanket-danger)";
-    readonly 'elevation.surface': "var(--ds-surface)";
-    readonly 'elevation.surface.hovered': "var(--ds-surface-hovered)";
-    readonly 'elevation.surface.pressed': "var(--ds-surface-pressed)";
-    readonly 'elevation.surface.overlay': "var(--ds-surface-overlay)";
-    readonly 'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered)";
-    readonly 'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed)";
-    readonly 'elevation.surface.raised': "var(--ds-surface-raised)";
-    readonly 'elevation.surface.raised.hovered': "var(--ds-surface-raised-hovered)";
-    readonly 'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed)";
-    readonly 'elevation.surface.sunken': "var(--ds-surface-sunken)";
-};
-
-// @public (undocumented)
-type BaseBoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;
-
-// @public (undocumented)
-type BaseBoxPropsFoundation<T extends ElementType = 'div'> = {
-    as?: As;
-    className?: string;
-    children?: ReactNode;
-    backgroundColor?: BackgroundColor;
-    padding?: Space;
-    paddingBlock?: Space;
-    paddingBlockStart?: Space;
-    paddingBlockEnd?: Space;
-    paddingInline?: Space;
-    paddingInlineStart?: Space;
-    paddingInlineEnd?: Space;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-};
-
-// @public (undocumented)
-type BasePrimitiveProps = {
-    testId?: string;
-    style?: CSSProperties;
-    xcss?: BoxXCSS | BoxXCSS[];
-};
-
-// @public (undocumented)
-export type BorderColor = keyof typeof borderColorMap;
-
-// @public
-const borderColorMap: {
-    readonly 'color.border': "var(--ds-border)";
-    readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
-    readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
-    readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
-    readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
-    readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
-    readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
-    readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
-    readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
-    readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
-    readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
-    readonly 'color.border.disabled': "var(--ds-border-disabled)";
-    readonly 'color.border.focused': "var(--ds-border-focused)";
-    readonly 'color.border.input': "var(--ds-border-input)";
-    readonly 'color.border.inverse': "var(--ds-border-inverse)";
-    readonly 'color.border.selected': "var(--ds-border-selected)";
-    readonly 'color.border.brand': "var(--ds-border-brand)";
-    readonly 'color.border.danger': "var(--ds-border-danger)";
-    readonly 'color.border.warning': "var(--ds-border-warning)";
-    readonly 'color.border.success': "var(--ds-border-success)";
-    readonly 'color.border.discovery': "var(--ds-border-discovery)";
-    readonly 'color.border.information': "var(--ds-border-information)";
-    readonly 'color.border.bold': "var(--ds-border-bold)";
-};
-
-// @public (undocumented)
-export type BorderRadius = keyof typeof borderRadiusMap;
-
-// @public (undocumented)
-const borderRadiusMap: {
-    readonly 'border.radius.050': "var(--ds-border-radius-050)";
-    readonly 'border.radius': "var(--ds-border-radius)";
-    readonly 'border.radius.100': "var(--ds-border-radius-100)";
-    readonly 'border.radius.200': "var(--ds-border-radius-200)";
-    readonly 'border.radius.300': "var(--ds-border-radius-300)";
-    readonly 'border.radius.400': "var(--ds-border-radius-400)";
-    readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
-};
-
-// @public (undocumented)
-export type BorderWidth = keyof typeof borderWidthMap;
-
-// @public
-const borderWidthMap: {
-    readonly 'border.width': "var(--ds-border-width)";
-    readonly 'border.width.0': "var(--ds-border-width-0)";
-    readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
-    readonly 'border.width.outline': "var(--ds-border-width-outline)";
-};
-
-// @public
-export const Box: BoxComponent;
-
-// @public (undocumented)
-type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
-
-// @public (undocumented)
-export type BoxProps<T extends ElementType = 'div'> = Omit<BaseBoxProps<T>, 'className'>;
-
-// @public (undocumented)
-type BoxStyles = SerializedStyles & {
-    [boxTag]: true;
-};
-
-// @public (undocumented)
-const boxTag: unique symbol;
-
-// @public (undocumented)
-type BoxXCSS = false | undefined | {
-    readonly [uniqueSymbol]: BoxStyles;
-};
-
-// @public
-export type Breakpoint = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxs';
-
-// @public (undocumented)
-type CSSMediaQueries = {
-    [MQ in MediaQuery]?: Omit<SafeCSSObject, MediaQuery>;
-};
-
-// @public (undocumented)
-type CSSPseudos = {
-    [Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, CSS_2.Pseudos | MediaQuery>;
-};
-
-// @public (undocumented)
-export type Dimension = keyof typeof dimensionMap;
-
-// @public
-const dimensionMap: {
-    readonly '100%': "100%";
-    readonly 'size.100': "1rem";
-    readonly 'size.200': "1.5rem";
-    readonly 'size.300': "2rem";
-    readonly 'size.400': "2.5rem";
-    readonly 'size.500': "3rem";
-    readonly 'size.600': "6rem";
-    readonly 'size.1000': "12rem";
-};
-
-// @public (undocumented)
-type Direction = keyof typeof flexDirectionMap;
-
-// @public
-export const Flex: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
-as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
-justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
-alignItems?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
-columnGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-gap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-rowGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-direction?: "column" | "row" | undefined;
-wrap?: "nowrap" | "wrap" | undefined;
-children: ReactNode;
-ref?: any;
-} & BasePrimitiveProps, "alignItems" | "as" | "children" | "columnGap" | "direction" | "gap" | "justifyContent" | "rowGap" | "wrap" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
-
-// @public (undocumented)
-const flexDirectionMap: {
-    readonly column: SerializedStyles_2;
-    readonly row: SerializedStyles_2;
-};
-
-// @public (undocumented)
-export type FlexProps<T extends ElementType = 'div'> = {
-    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
-    justifyContent?: JustifyContent;
-    alignItems?: AlignItems;
-    columnGap?: Space;
-    gap?: Space;
-    rowGap?: Space;
-    direction?: Direction;
-    wrap?: Wrap;
-    children: ReactNode;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-
-// @public (undocumented)
-const flexWrapMap: {
-    readonly wrap: SerializedStyles_2;
-    readonly nowrap: SerializedStyles_2;
-};
-
-// @public
-export const Grid: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
-as?: "div" | "ol" | "span" | "ul" | undefined;
-justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
-alignItems?: "baseline" | "center" | "end" | "start" | undefined;
-columnGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-gap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-rowGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-autoFlow?: "column dense" | "column" | "dense" | "row dense" | "row" | undefined;
-templateRows?: string | undefined;
-templateColumns?: string | undefined;
-templateAreas?: string[] | undefined;
-children: ReactNode;
-ref?: any;
-} & BasePrimitiveProps, "alignItems" | "as" | "autoFlow" | "children" | "columnGap" | "gap" | "justifyContent" | "rowGap" | "templateAreas" | "templateColumns" | "templateRows" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
-
-// @public (undocumented)
-const gridAutoFlowMap: {
-    readonly row: SerializedStyles_2;
-    readonly column: SerializedStyles_2;
-    readonly dense: SerializedStyles_2;
-    readonly 'row dense': SerializedStyles_2;
-    readonly 'column dense': SerializedStyles_2;
-};
-
-// @public (undocumented)
-export type GridProps<T extends ElementType = 'div'> = {
-    as?: 'div' | 'ol' | 'span' | 'ul';
-    justifyContent?: JustifyContent_2;
-    alignItems?: AlignItems_2;
-    columnGap?: Space;
-    gap?: Space;
-    rowGap?: Space;
-    autoFlow?: AutoFlow;
-    templateRows?: string;
-    templateColumns?: string;
-    templateAreas?: string[];
-    children: ReactNode;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-
-// @public (undocumented)
-type Grow = 'fill' | 'hug';
-
-// @public (undocumented)
-type Grow_2 = 'fill' | 'hug';
-
-// @public
-export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
-as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
-alignBlock?: AlignBlock | undefined;
-alignInline?: AlignInline | undefined;
-shouldWrap?: boolean | undefined;
-spread?: "space-between" | undefined;
-grow?: Grow | undefined;
-space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-rowSpace?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-separator?: string | undefined;
-children: ReactNode;
-ref?: any;
-} & BasePrimitiveProps, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
-
-// @public (undocumented)
-export type InlineProps<T extends ElementType = 'div'> = {
-    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
-    alignBlock?: AlignBlock;
-    alignInline?: AlignInline;
-    shouldWrap?: boolean;
-    spread?: Spread;
-    grow?: Grow;
-    space?: Space;
-    rowSpace?: Space;
-    separator?: string;
-    children: ReactNode;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-
-// @public (undocumented)
-type JustifyContent = keyof typeof justifyContentMap;
-
-// @public (undocumented)
-type JustifyContent_2 = keyof typeof justifyContentMap_2;
-
-// @public (undocumented)
-const justifyContentMap: {
-    readonly start: SerializedStyles_2;
-    readonly center: SerializedStyles_2;
-    readonly end: SerializedStyles_2;
-    readonly 'space-between': SerializedStyles_2;
-    readonly 'space-around': SerializedStyles_2;
-    readonly 'space-evenly': SerializedStyles_2;
-    readonly stretch: SerializedStyles_2;
-};
-
-// @public (undocumented)
-const justifyContentMap_2: {
-    readonly start: SerializedStyles_2;
-    readonly center: SerializedStyles_2;
-    readonly end: SerializedStyles_2;
-    readonly 'space-between': SerializedStyles_2;
-    readonly 'space-around': SerializedStyles_2;
-    readonly 'space-evenly': SerializedStyles_2;
-    readonly stretch: SerializedStyles_2;
-};
-
-// @public (undocumented)
-export type Layer = keyof typeof layerMap;
-
-// @public
-const layerMap: {
-    readonly card: 100;
-    readonly navigation: 200;
-    readonly dialog: 300;
-    readonly layer: 400;
-    readonly blanket: 500;
-    readonly modal: 510;
-    readonly flag: 600;
-    readonly spotlight: 700;
-    readonly tooltip: 800;
-};
-
-// @public
-export const media: {
-    readonly 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: 110rem)";
-    };
-};
-
-// @public
-type MediaQuery = (typeof media.above)[Breakpoint];
-
-// @public
-export const Pressable: PressableComponent;
-
-// @public (undocumented)
-type PressableComponent = (props: PressableProps, displayName: string) => ReactElement | null;
-
-// @public (undocumented)
-export type PressableProps = Omit<BaseBoxProps<'button'>, 'as' | 'children' | 'disabled' | 'role' | 'style'> & {
-    children: ReactNode;
-    isDisabled?: boolean;
-};
-
-// @public (undocumented)
-type SafeCSSObject = CSSPseudos & TokenisedProps & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
-
-// @public (undocumented)
-type ScopedSafeCSSObject<T extends keyof SafeCSSObject> = Pick<SafeCSSObject, T>;
-
-// @public (undocumented)
-export type Shadow = keyof typeof shadowMap;
-
-// @public (undocumented)
-const shadowMap: {
-    readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)";
-    readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
-    readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)";
-    readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)";
-    readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)";
-};
-
-// @public (undocumented)
-export type Space = keyof typeof spaceMap;
-
-// @public
-const spaceMap: {
-    'space.0': "var(--ds-space-0)";
-    'space.025': "var(--ds-space-025)";
-    'space.050': "var(--ds-space-050)";
-    'space.075': "var(--ds-space-075)";
-    'space.100': "var(--ds-space-100)";
-    'space.150': "var(--ds-space-150)";
-    'space.200': "var(--ds-space-200)";
-    'space.250': "var(--ds-space-250)";
-    'space.300': "var(--ds-space-300)";
-    'space.400': "var(--ds-space-400)";
-    'space.500': "var(--ds-space-500)";
-    'space.600': "var(--ds-space-600)";
-    'space.800': "var(--ds-space-800)";
-    'space.1000': "var(--ds-space-1000)";
-};
-
-// @public (undocumented)
-type SpaceStyles = SerializedStyles & {
-    [spaceTag]: true;
-};
-
-// @public (undocumented)
-const spaceTag: unique symbol;
-
-// @public (undocumented)
-type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
-
-// @public (undocumented)
-type Spread = 'space-between';
-
-// @public (undocumented)
-type Spread_2 = 'space-between';
-
-// @public
-export const Stack: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
-as?: "div" | "ol" | "span" | "ul" | undefined;
-alignBlock?: AlignBlock_2 | undefined;
-alignInline?: AlignInline_2 | undefined;
-spread?: "space-between" | undefined;
-grow?: Grow_2 | undefined;
-space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
-children: ReactNode;
-ref?: any;
-} & BasePrimitiveProps, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "space" | "spread" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
-
-// @public (undocumented)
-export type StackProps<T extends ElementType = 'div'> = {
-    as?: 'div' | 'ol' | 'span' | 'ul';
-    alignBlock?: AlignBlock_2;
-    alignInline?: AlignInline_2;
-    spread?: Spread_2;
-    grow?: Grow_2;
-    space?: Space;
-    children: ReactNode;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps;
-
-// @public (undocumented)
-type TextColor = keyof typeof textColorMap;
-
-// @public (undocumented)
-const textColorMap: {
-    readonly 'color.text': "var(--ds-text)";
-    readonly 'color.text.accent.lime': "var(--ds-text-accent-lime)";
-    readonly 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
-    readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
-    readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
-    readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";
-    readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
-    readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)";
-    readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
-    readonly 'color.text.accent.green': "var(--ds-text-accent-green)";
-    readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)";
-    readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)";
-    readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
-    readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)";
-    readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
-    readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)";
-    readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
-    readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)";
-    readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
-    readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)";
-    readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
-    readonly 'color.text.disabled': "var(--ds-text-disabled)";
-    readonly 'color.text.inverse': "var(--ds-text-inverse)";
-    readonly 'color.text.selected': "var(--ds-text-selected)";
-    readonly 'color.text.brand': "var(--ds-text-brand)";
-    readonly 'color.text.danger': "var(--ds-text-danger)";
-    readonly 'color.text.warning': "var(--ds-text-warning)";
-    readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)";
-    readonly 'color.text.success': "var(--ds-text-success)";
-    readonly 'color.text.discovery': "var(--ds-text-discovery)";
-    readonly 'color.text.information': "var(--ds-text-information)";
-    readonly 'color.text.subtlest': "var(--ds-text-subtlest)";
-    readonly 'color.text.subtle': "var(--ds-text-subtle)";
-};
-
-// @public (undocumented)
-type TokenisedProps = {
-    backgroundColor?: BackgroundColor;
-    blockSize?: AutoComplete<Dimension>;
-    borderColor?: BorderColor;
-    borderRadius?: BorderRadius;
-    borderWidth?: BorderWidth;
-    bottom?: AutoComplete<Space>;
-    boxShadow?: Shadow;
-    color?: TextColor;
-    columnGap?: Space;
-    gap?: Space;
-    height?: AutoComplete<Dimension>;
-    inlineSize?: AutoComplete<Dimension>;
-    inset?: Space;
-    insetBlock?: Space;
-    insetBlockEnd?: Space;
-    insetBlockStart?: Space;
-    insetInline?: Space;
-    insetInlineEnd?: Space;
-    insetInlineStart?: Space;
-    left?: AutoComplete<Space>;
-    maxBlockSize?: AutoComplete<Dimension>;
-    maxHeight?: AutoComplete<Dimension>;
-    maxInlineSize?: AutoComplete<Dimension>;
-    maxWidth?: AutoComplete<Dimension>;
-    minBlockSize?: AutoComplete<Dimension>;
-    minHeight?: AutoComplete<Dimension>;
-    minInlineSize?: AutoComplete<Dimension>;
-    minWidth?: AutoComplete<Dimension>;
-    outlineColor?: BorderColor;
-    outlineOffset?: Space;
-    outlineWidth?: BorderWidth;
-    padding?: Space;
-    paddingBlock?: Space;
-    paddingBlockEnd?: Space;
-    paddingBlockStart?: Space;
-    paddingInline?: Space;
-    paddingInlineEnd?: Space;
-    paddingInlineStart?: Space;
-    right?: AutoComplete<Space>;
-    rowGap?: Space;
-    top?: AutoComplete<Space>;
-    width?: AutoComplete<Dimension>;
-    zIndex?: Layer;
-};
-
-// @public (undocumented)
-const uniqueSymbol: unique symbol;
-
-// @public
-export const UNSAFE_BREAKPOINTS_CONFIG: {
-    readonly xxs: {
-        readonly gridItemGutter: "var(--ds-space-200)";
-        readonly gridMargin: "var(--ds-space-200)";
-        readonly min: "0rem";
-        readonly max: "29.99rem";
-    };
-    readonly xs: {
-        readonly gridItemGutter: "var(--ds-space-200)";
-        readonly gridMargin: "var(--ds-space-200)";
-        readonly min: "30rem";
-        readonly max: "47.99rem";
-    };
-    readonly sm: {
-        readonly gridItemGutter: "var(--ds-space-200)";
-        readonly gridMargin: "var(--ds-space-300)";
-        readonly min: "48rem";
-        readonly max: "63.99rem";
-    };
-    readonly md: {
-        readonly gridItemGutter: "var(--ds-space-300)";
-        readonly gridMargin: "var(--ds-space-400)";
-        readonly min: "64rem";
-        readonly max: "89.99rem";
-    };
-    readonly lg: {
-        readonly gridItemGutter: "var(--ds-space-400)";
-        readonly gridMargin: "var(--ds-space-400)";
-        readonly min: "90rem";
-        readonly max: "109.99rem";
-    };
-    readonly xl: {
-        readonly gridItemGutter: "var(--ds-space-400)";
-        readonly gridMargin: "var(--ds-space-500)";
-        readonly min: "110rem";
-        readonly max: null;
-    };
-};
-
-// @internal
-export 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: 110rem)";
-    };
-    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: 110rem)";
-    };
-    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: 109.99rem)";
-        readonly xl: "@media (min-width: 110rem)";
-    };
-};
-
-// @public (undocumented)
-type Wrap = keyof typeof flexWrapMap;
-
-// @public
-export function xcss<Primitive extends typeof Box | void = typeof Box>(style: Primitive extends typeof Box ? ScopedSafeCSSObject<AllowedBoxStyles> | ScopedSafeCSSObject<AllowedBoxStyles>[] : Primitive extends void ? ScopedSafeCSSObject<Spacing> | ScopedSafeCSSObject<Spacing>[] : never): {
-    readonly [uniqueSymbol]: Primitive extends (<T extends ElementType<any> = "div">(props: BoxProps<T>) => ReactElement<any, JSXElementConstructor<any>| string> | null) & FC<BoxProps<"div">> ? BoxStyles : Primitive extends void ? SpaceStyles : never;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```