@coinbase/cds-common 8.13.1 → 8.13.5

package/dts/types/ComponentEventHandlerProps.d.ts

@@ -1,6 +1,6 @@
 import type { EventHandlerCustomConfig } from '../system/EventHandlerProvider';
 export type ComponentEventHandlerProps = {
-    eventConfig?: EventHandlerCustomConfig;
-    analyticsId?: string;
+  eventConfig?: EventHandlerCustomConfig;
+  analyticsId?: string;
 };
-//# sourceMappingURL=ComponentEventHandlerProps.d.ts.map
+//# sourceMappingURL=ComponentEventHandlerProps.d.ts.map

package/dts/types/DimensionStyles.d.ts

@@ -3,22 +3,22 @@ export type PercentageValue = string;
 export type DimensionValue = 'auto' | FixedValue | PercentageValue;
 export type ResizeMode = 'cover' | 'contain';
 export type DimensionStyles = {
-    /** Set a fixed height. */
-    height?: DimensionValue;
-    /** Set a maximum height. */
-    maxHeight?: DimensionValue;
-    /** Set a maximum width. */
-    maxWidth?: DimensionValue;
-    /** Set a minimum height. */
-    minHeight?: DimensionValue;
-    /** Set a minimum width. */
-    minWidth?: DimensionValue;
-    /** Set a fixed width. */
-    width?: DimensionValue;
-    /**
-     * The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box
-     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
-     */
-    aspectRatio?: React.CSSProperties['aspectRatio'];
+  /** Set a fixed height. */
+  height?: DimensionValue;
+  /** Set a maximum height. */
+  maxHeight?: DimensionValue;
+  /** Set a maximum width. */
+  maxWidth?: DimensionValue;
+  /** Set a minimum height. */
+  minHeight?: DimensionValue;
+  /** Set a minimum width. */
+  minWidth?: DimensionValue;
+  /** Set a fixed width. */
+  width?: DimensionValue;
+  /**
+   * The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box
+   * @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
+   */
+  aspectRatio?: React.CSSProperties['aspectRatio'];
 };
-//# sourceMappingURL=DimensionStyles.d.ts.map
+//# sourceMappingURL=DimensionStyles.d.ts.map

package/dts/types/Display.d.ts

@@ -1,2 +1,9 @@
-export type Display = 'block' | 'inline-block' | 'flex' | 'inline-flex' | 'none' | 'contents' | 'grid';
-//# sourceMappingURL=Display.d.ts.map
+export type Display =
+  | 'block'
+  | 'inline-block'
+  | 'flex'
+  | 'inline-flex'
+  | 'none'
+  | 'contents'
+  | 'grid';
+//# sourceMappingURL=Display.d.ts.map

package/dts/types/DotBaseProps.d.ts

@@ -2,4 +2,4 @@ import type { IconSize } from './IconSize';
 export type DotVariant = 'positive' | 'negative' | 'primary' | 'foregroundMuted' | 'warning';
 export type DotOverlap = 'circular';
 export type DotSize = IconSize;
-//# sourceMappingURL=DotBaseProps.d.ts.map
+//# sourceMappingURL=DotBaseProps.d.ts.map

package/dts/types/DotCountBaseProps.d.ts

@@ -2,4 +2,4 @@ import type { DotVariant } from './DotBaseProps';
 import type { PinPlacement } from './Placement';
 export type DotCountVariants = Extract<DotVariant, 'negative'>;
 export type DotCountPinPlacement = Extract<PinPlacement, 'top-end'>;
-//# sourceMappingURL=DotCountBaseProps.d.ts.map
+//# sourceMappingURL=DotCountBaseProps.d.ts.map

package/dts/types/ElevationLevels.d.ts

@@ -1,7 +1,7 @@
 import type { ThemeVars } from '../core/theme';
 export type ElevationLevels = ThemeVars.Elevation;
 export type ElevationProps = {
-    /** Determines a component's shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
-    elevation?: ElevationLevels;
+  /** Determines a component's shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+  elevation?: ElevationLevels;
 };
-//# sourceMappingURL=ElevationLevels.d.ts.map
+//# sourceMappingURL=ElevationLevels.d.ts.map

package/dts/types/FallbackBaseProps.d.ts

@@ -1,10 +1,10 @@
 export type FallbackRectWidthProps = {
-    /** Disables randomization of rectangle fallback width. */
-    disableRandomRectWidth?: boolean;
-    /**
-     * Creates a variant that contains rectangle fallbacks of deterministic width.
-     * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
-     */
-    rectWidthVariant?: number;
+  /** Disables randomization of rectangle fallback width. */
+  disableRandomRectWidth?: boolean;
+  /**
+   * Creates a variant that contains rectangle fallbacks of deterministic width.
+   * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
+   */
+  rectWidthVariant?: number;
 };
-//# sourceMappingURL=FallbackBaseProps.d.ts.map
+//# sourceMappingURL=FallbackBaseProps.d.ts.map

package/dts/types/Grid.d.ts

@@ -1,2 +1,2 @@
 export type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-//# sourceMappingURL=Grid.d.ts.map
+//# sourceMappingURL=Grid.d.ts.map

package/dts/types/Helpers.d.ts

@@ -1,4 +1,8 @@
 export type RecursiveKeyOf<T> = {
-    [K in keyof T & (string | number)]: T[K] extends object[] ? `${K}` : T[K] extends object ? `${K}.${RecursiveKeyOf<T[K]>}` : `${K}`;
+  [K in keyof T & (string | number)]: T[K] extends object[]
+    ? `${K}`
+    : T[K] extends object
+      ? `${K}.${RecursiveKeyOf<T[K]>}`
+      : `${K}`;
 }[keyof T & (string | number)];
-//# sourceMappingURL=Helpers.d.ts.map
+//# sourceMappingURL=Helpers.d.ts.map

package/dts/types/IconButtonBaseProps.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonVariant } from './ButtonBaseProps';
 export type IconButtonVariant = ButtonVariant;
-//# sourceMappingURL=IconButtonBaseProps.d.ts.map
+//# sourceMappingURL=IconButtonBaseProps.d.ts.map

package/dts/types/IconName.d.ts

@@ -1,3 +1,3 @@
 import type { IconName } from '@coinbase/cds-icons';
 export type { IconName };
-//# sourceMappingURL=IconName.d.ts.map
+//# sourceMappingURL=IconName.d.ts.map

package/dts/types/IconSize.d.ts

@@ -1,3 +1,3 @@
 export type IconSize = 'xs' | 's' | 'm' | 'l';
 export type IconSourcePixelSize = 12 | 16 | 24;
-//# sourceMappingURL=IconSize.d.ts.map
+//# sourceMappingURL=IconSize.d.ts.map

package/dts/types/IllustrationNames.d.ts

@@ -1,8 +1,19 @@
-import type { HeroSquareName, PictogramName, SpotIconName, SpotRectangleName, SpotSquareName } from '@coinbase/cds-illustrations';
-export type IllustrationVariant = 'spotSquare' | 'spotRectangle' | 'heroSquare' | 'pictogram' | 'spotIcon';
+import type {
+  HeroSquareName,
+  PictogramName,
+  SpotIconName,
+  SpotRectangleName,
+  SpotSquareName,
+} from '@coinbase/cds-illustrations';
+export type IllustrationVariant =
+  | 'spotSquare'
+  | 'spotRectangle'
+  | 'heroSquare'
+  | 'pictogram'
+  | 'spotIcon';
 export type IllustrationHeroSquareNames = HeroSquareName;
 export type IllustrationPictogramNames = PictogramName;
 export type IllustrationSpotRectangleNames = SpotRectangleName;
 export type IllustrationSpotSquareNames = SpotSquareName;
 export type IllustrationSpotIconNames = SpotIconName;
-//# sourceMappingURL=IllustrationNames.d.ts.map
+//# sourceMappingURL=IllustrationNames.d.ts.map

package/dts/types/IllustrationProps.d.ts

@@ -1,15 +1,27 @@
 import type { illustrationDimensions } from '../tokens/illustrations';
-import type { IllustrationHeroSquareNames, IllustrationPictogramNames, IllustrationSpotIconNames, IllustrationSpotRectangleNames, IllustrationSpotSquareNames, IllustrationVariant } from './IllustrationNames';
+import type {
+  IllustrationHeroSquareNames,
+  IllustrationPictogramNames,
+  IllustrationSpotIconNames,
+  IllustrationSpotRectangleNames,
+  IllustrationSpotSquareNames,
+  IllustrationVariant,
+} from './IllustrationNames';
 export type HeroSquareDimension = (typeof illustrationDimensions.heroSquare)[number];
 export type SpotSquareDimension = (typeof illustrationDimensions.spotSquare)[number];
 export type SpotRectangleDimension = (typeof illustrationDimensions.spotRectangle)[number];
 export type PictogramDimension = (typeof illustrationDimensions.pictogram)[number];
 export type SpotIconDimension = (typeof illustrationDimensions.spotIcon)[number];
-export type IllustrationDimension = HeroSquareDimension | SpotSquareDimension | SpotRectangleDimension | PictogramDimension | SpotIconDimension;
+export type IllustrationDimension =
+  | HeroSquareDimension
+  | SpotSquareDimension
+  | SpotRectangleDimension
+  | PictogramDimension
+  | SpotIconDimension;
 export type HeroSquareName = IllustrationHeroSquareNames;
 export type PictogramName = IllustrationPictogramNames;
 export type SpotRectangleName = IllustrationSpotRectangleNames;
 export type SpotSquareName = IllustrationSpotSquareNames;
 export type SpotIconName = IllustrationSpotIconNames;
 export type IllustrationType = IllustrationVariant;
-//# sourceMappingURL=IllustrationProps.d.ts.map
+//# sourceMappingURL=IllustrationProps.d.ts.map

package/dts/types/InputBaseProps.d.ts

@@ -1,19 +1,25 @@
-export type InputVariant = 'positive' | 'negative' | 'foreground' | 'primary' | 'foregroundMuted' | 'secondary';
+export type InputVariant =
+  | 'positive'
+  | 'negative'
+  | 'foreground'
+  | 'primary'
+  | 'foregroundMuted'
+  | 'secondary';
 export type SharedInputProps = {
-    /**
-     * Enables compact variation
-     * @default false
-     */
-    compact?: boolean;
-    /** Short messageArea indicating purpose of input */
-    label?: string;
-    /** Placeholder text displayed inside of the input. Will be replaced if there is a value. */
-    placeholder?: string;
-    /**
-     * For cases where label is not enough information
-     * to describe what the text input is for. Can also be used for
-     * showing positive/negative messages
-     */
-    helperText?: string | React.ReactNode;
+  /**
+   * Enables compact variation
+   * @default false
+   */
+  compact?: boolean;
+  /** Short messageArea indicating purpose of input */
+  label?: string;
+  /** Placeholder text displayed inside of the input. Will be replaced if there is a value. */
+  placeholder?: string;
+  /**
+   * For cases where label is not enough information
+   * to describe what the text input is for. Can also be used for
+   * showing positive/negative messages
+   */
+  helperText?: string | React.ReactNode;
 };
-//# sourceMappingURL=InputBaseProps.d.ts.map
+//# sourceMappingURL=InputBaseProps.d.ts.map

package/dts/types/LottiePlayer.d.ts

@@ -1,9 +1,12 @@
 import type { LottieMarkersAsMap, LottieSource } from './LottieSource';
 export type LottiePlayer<Source extends LottieSource> = {
-    play: (startFrame?: number, endFrame?: number) => void;
-    playMarkers: (startFrame: keyof LottieMarkersAsMap<Source>, endFrame: keyof LottieMarkersAsMap<Source>) => void;
-    pause: () => void;
-    resume: () => void;
-    reset: () => void;
+  play: (startFrame?: number, endFrame?: number) => void;
+  playMarkers: (
+    startFrame: keyof LottieMarkersAsMap<Source>,
+    endFrame: keyof LottieMarkersAsMap<Source>,
+  ) => void;
+  pause: () => void;
+  resume: () => void;
+  reset: () => void;
 };
-//# sourceMappingURL=LottiePlayer.d.ts.map
+//# sourceMappingURL=LottiePlayer.d.ts.map

package/dts/types/LottieSource.d.ts

@@ -3,28 +3,28 @@
  * Generated from scripts/codegen/main.ts
  */
 export type LottieMarker<T extends string> = {
-    tm: number;
-    cm: T;
-    dr: number;
+  tm: number;
+  cm: T;
+  dr: number;
 };
 export type LottieSource<Marker extends string = string> = {
-    meta: Record<string, unknown>;
-    v: string;
-    fr: number;
-    ip: number;
-    op: number;
-    w: number;
-    h: number;
+  meta: Record<string, unknown>;
+  v: string;
+  fr: number;
+  ip: number;
+  op: number;
+  w: number;
+  h: number;
+  nm: string;
+  ddd: number;
+  assets: unknown[];
+  layers: ({
     nm: string;
-    ddd: number;
-    assets: unknown[];
-    layers: ({
-        nm: string;
-        cl?: string;
-    } & Record<string, unknown>)[];
-    markers: LottieMarker<Marker>[];
+    cl?: string;
+  } & Record<string, unknown>)[];
+  markers: LottieMarker<Marker>[];
 };
 export type LottieMarkersAsMap<T extends LottieSource> = {
-    [key in T['markers'][number]['cm']]: number;
+  [key in T['markers'][number]['cm']]: number;
 };
-//# sourceMappingURL=LottieSource.d.ts.map
+//# sourceMappingURL=LottieSource.d.ts.map

package/dts/types/LottieStatusAnimationProps.d.ts

@@ -1,24 +1,30 @@
 import type { DimensionValue } from './DimensionStyles';
 import type { SharedProps } from './SharedProps';
-export type LottieStatusAnimationType = 'loading' | 'success' | 'cardSuccess' | 'failure' | 'pending';
+export type LottieStatusAnimationType =
+  | 'loading'
+  | 'success'
+  | 'cardSuccess'
+  | 'failure'
+  | 'pending';
 type BaseStatusAnimationProps = {
-    status?: LottieStatusAnimationType;
-    onFinish?: () => void;
+  status?: LottieStatusAnimationType;
+  onFinish?: () => void;
 };
 type StatusAnimationWithWidth = {
-    /**
-     * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
-     * Only width or height is allowed, but not both.
-     */
-    width: DimensionValue;
+  /**
+   * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
+   * Only width or height is allowed, but not both.
+   */
+  width: DimensionValue;
 } & BaseStatusAnimationProps;
 type StatusAnimationWithHeight = {
-    /**
-     * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
-     * Only width or height is allowed, but not both.
-     */
-    height: DimensionValue;
+  /**
+   * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
+   * Only width or height is allowed, but not both.
+   */
+  height: DimensionValue;
 } & BaseStatusAnimationProps;
-export type LottieStatusAnimationProps = (StatusAnimationWithWidth | StatusAnimationWithHeight) & SharedProps;
+export type LottieStatusAnimationProps = (StatusAnimationWithWidth | StatusAnimationWithHeight) &
+  SharedProps;
 export {};
-//# sourceMappingURL=LottieStatusAnimationProps.d.ts.map
+//# sourceMappingURL=LottieStatusAnimationProps.d.ts.map

package/dts/types/Motion.d.ts

@@ -1,34 +1,71 @@
 import type { curves, durations } from '../motion/tokens';
 export type MotionCurve = keyof typeof curves;
 export type MotionDuration = keyof typeof durations;
-export type MotionEffect = 'fadeIn' | 'fadeIn10' | 'fadeIn20' | 'fadeIn30' | 'fadeOut' | 'fadeOut10' | 'fadeOut20' | 'fadeOut30' | 'slideUp' | 'slideUp8' | 'slideUp16' | 'slideUp24' | 'slideUp40' | 'slideDown' | 'slideDown8' | 'slideDown16' | 'slideDown24' | 'slideDown40' | 'slideRight' | 'slideRight8' | 'slideRight16' | 'slideRight24' | 'slideRight40' | 'slideLeft' | 'slideLeft8' | 'slideLeft16' | 'slideLeft24' | 'slideLeft40' | 'scaleUpXXS' | 'scaleUpXS' | 'scaleUpS' | 'scaleDownXXS' | 'scaleDownXS' | 'scaleDownS';
+export type MotionEffect =
+  | 'fadeIn'
+  | 'fadeIn10'
+  | 'fadeIn20'
+  | 'fadeIn30'
+  | 'fadeOut'
+  | 'fadeOut10'
+  | 'fadeOut20'
+  | 'fadeOut30'
+  | 'slideUp'
+  | 'slideUp8'
+  | 'slideUp16'
+  | 'slideUp24'
+  | 'slideUp40'
+  | 'slideDown'
+  | 'slideDown8'
+  | 'slideDown16'
+  | 'slideDown24'
+  | 'slideDown40'
+  | 'slideRight'
+  | 'slideRight8'
+  | 'slideRight16'
+  | 'slideRight24'
+  | 'slideRight40'
+  | 'slideLeft'
+  | 'slideLeft8'
+  | 'slideLeft16'
+  | 'slideLeft24'
+  | 'slideLeft40'
+  | 'scaleUpXXS'
+  | 'scaleUpXS'
+  | 'scaleUpS'
+  | 'scaleDownXXS'
+  | 'scaleDownXS'
+  | 'scaleDownS';
 export type MotionProperty = 'opacity' | 'rotate' | 'scale' | 'y' | 'x';
 export type MotionValue = number | string;
-export type MotionAnimation = Record<MotionEffect, {
+export type MotionAnimation = Record<
+  MotionEffect,
+  {
     property: MotionProperty;
     fromValue?: MotionValue;
     toValue: MotionValue;
     easing: MotionCurve;
-}>;
+  }
+>;
 export type MotionTransition = {
-    /**
-     * CDS motion easing token
-     */
-    easing: MotionCurve;
-    /**
-     * CDS motion duration token
-     */
-    duration?: MotionDuration;
-    /**
-     * One-off duration in ms
-     */
-    oneOffDuration?: number;
+  /**
+   * CDS motion easing token
+   */
+  easing: MotionCurve;
+  /**
+   * CDS motion duration token
+   */
+  duration?: MotionDuration;
+  /**
+   * One-off duration in ms
+   */
+  oneOffDuration?: number;
 };
 export type MotionBaseSpec = {
-    property: string;
-    toValue: MotionValue;
-    fromValue?: MotionValue;
-    delay?: number;
-    useNativeDriver?: boolean;
+  property: string;
+  toValue: MotionValue;
+  fromValue?: MotionValue;
+  delay?: number;
+  useNativeDriver?: boolean;
 } & MotionTransition;
-//# sourceMappingURL=Motion.d.ts.map
+//# sourceMappingURL=Motion.d.ts.map

package/dts/types/OverlayLifecycleProps.d.ts

@@ -1,19 +1,19 @@
 export type OverlayLifecycleProps = {
-    /**
-     * Callback fired before the component shows.
-     */
-    onWillShow?: () => void;
-    /**
-     * Callback fired after the component is visible.
-     */
-    onDidShow?: () => void;
-    /**
-     * Callback fired before the component hides.
-     */
-    onWillHide?: () => void;
-    /**
-     * Callback fired after the component is hidden.
-     */
-    onDidHide?: () => void;
+  /**
+   * Callback fired before the component shows.
+   */
+  onWillShow?: () => void;
+  /**
+   * Callback fired after the component is visible.
+   */
+  onDidShow?: () => void;
+  /**
+   * Callback fired before the component hides.
+   */
+  onWillHide?: () => void;
+  /**
+   * Callback fired after the component is hidden.
+   */
+  onDidHide?: () => void;
 };
-//# sourceMappingURL=OverlayLifecycleProps.d.ts.map
+//# sourceMappingURL=OverlayLifecycleProps.d.ts.map

package/dts/types/Palette.d.ts

@@ -2,4 +2,4 @@ import type { ThemeVars } from '../core/theme';
 export type PaletteValue = ThemeVars.SpectrumColor | [ThemeVars.SpectrumColor, number];
 export type PaletteValueTuple = [ThemeVars.SpectrumColor, number];
 export type UsePaletteFn = () => Record<ThemeVars.Color, string>;
-//# sourceMappingURL=Palette.d.ts.map
+//# sourceMappingURL=Palette.d.ts.map

package/dts/types/Placement.d.ts

@@ -1,3 +1,3 @@
 export type Placement = 'above' | 'below' | 'beside' | 'start' | 'end';
 export type PinPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
-//# sourceMappingURL=Placement.d.ts.map
+//# sourceMappingURL=Placement.d.ts.map

package/dts/types/Position.d.ts

@@ -1,2 +1,2 @@
 export type Position = 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky';
-//# sourceMappingURL=Position.d.ts.map
+//# sourceMappingURL=Position.d.ts.map

package/dts/types/ProgressContainerWithButtonsProps.d.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
 export type ProgressContainerWithButtonsProps = {
-    hideIncrease?: boolean;
-    children: (props: {
-        calculateProgress: (perc: number) => number;
-    }) => React.ReactNode | React.ReactNode[];
+  hideIncrease?: boolean;
+  children: (props: {
+    calculateProgress: (perc: number) => number;
+  }) => React.ReactNode | React.ReactNode[];
 };
-//# sourceMappingURL=ProgressContainerWithButtonsProps.d.ts.map
+//# sourceMappingURL=ProgressContainerWithButtonsProps.d.ts.map

package/dts/types/PulseBaseProps.d.ts

@@ -1,2 +1,2 @@
 export type PulseVariant = 'moderate' | 'subtle' | 'heavy';
-//# sourceMappingURL=PulseBaseProps.d.ts.map
+//# sourceMappingURL=PulseBaseProps.d.ts.map

package/dts/types/React.d.ts

@@ -1,3 +1,3 @@
 export type OptionalElement<T> = false | null | undefined | React.ReactElement<T>;
 export type ElementChildren<T> = OptionalElement<T> | OptionalElement<T>[];
-//# sourceMappingURL=React.d.ts.map
+//# sourceMappingURL=React.d.ts.map

package/dts/types/Rect.d.ts

@@ -1,8 +1,8 @@
 export type Rect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
 };
 export declare const defaultRect: Rect;
-//# sourceMappingURL=Rect.d.ts.map
+//# sourceMappingURL=Rect.d.ts.map

package/dts/types/Responsive.d.ts

@@ -1,3 +1,10 @@
-export type DeviceBreakpoint = 'extraWide' | 'desktopLarge' | 'desktop' | 'tabletLandscape' | 'tablet' | 'phoneLandscape' | 'phone';
+export type DeviceBreakpoint =
+  | 'extraWide'
+  | 'desktopLarge'
+  | 'desktop'
+  | 'tabletLandscape'
+  | 'tablet'
+  | 'phoneLandscape'
+  | 'phone';
 export type ResponsivePropsDevices = 'desktop' | 'tablet' | 'phone';
-//# sourceMappingURL=Responsive.d.ts.map
+//# sourceMappingURL=Responsive.d.ts.map

package/dts/types/ResponsiveProps.d.ts

@@ -5,20 +5,27 @@ import type { ResponsivePropsDevices } from './Responsive';
 import type { MarginProps, PaddingProps } from './SpacingProps';
 import type { Visibility } from './Visibility';
 type VisibilityProps = {
-    visibility?: Visibility;
+  visibility?: Visibility;
 };
 type DisplayProps = {
-    display?: Display;
+  display?: Display;
 };
 type StackProps = {
-    /** Gap to insert between siblings. */
-    gap?: ThemeVars.Space;
+  /** Gap to insert between siblings. */
+  gap?: ThemeVars.Space;
 };
 /**
  * @internal
  * Do not modify this without leads approval
  */
-export type ResponsiveStyles = DisplayProps & FlexStyles & PaddingProps & MarginProps & StackProps & VisibilityProps & FlexGrow & FlexShrink;
+export type ResponsiveStyles = DisplayProps &
+  FlexStyles &
+  PaddingProps &
+  MarginProps &
+  StackProps &
+  VisibilityProps &
+  FlexGrow &
+  FlexShrink;
 export type ResponsiveProps = Partial<Record<ResponsivePropsDevices, ResponsiveStyles>>;
 export {};
-//# sourceMappingURL=ResponsiveProps.d.ts.map
+//# sourceMappingURL=ResponsiveProps.d.ts.map

package/dts/types/SectionHeaderProps.d.ts

@@ -3,16 +3,18 @@ import type { SharedAccessibilityProps } from './SharedAccessibilityProps';
 import type { SharedProps } from './SharedProps';
 import type { PaddingProps } from './SpacingProps';
 export type SectionHeaderProps = {
-    /** Text or ReactNode to be displayed in Title */
-    title: React.ReactNode;
-    start?: React.ReactNode;
-    icon?: Exclude<React.ReactNode, 'string'> | IconName;
-    /** Whether the icon is active */
-    iconActive?: boolean;
-    /** ReactNode or UiIconName to present balances wherever it is necessary */
-    balance?: React.ReactNode;
-    /** ReactNode to display up to 2 lines of copy that frames the section's purpose and relevance */
-    description?: React.ReactNode;
-    end?: React.ReactNode;
-} & SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & PaddingProps;
-//# sourceMappingURL=SectionHeaderProps.d.ts.map
+  /** Text or ReactNode to be displayed in Title */
+  title: React.ReactNode;
+  start?: React.ReactNode;
+  icon?: Exclude<React.ReactNode, 'string'> | IconName;
+  /** Whether the icon is active */
+  iconActive?: boolean;
+  /** ReactNode or UiIconName to present balances wherever it is necessary */
+  balance?: React.ReactNode;
+  /** ReactNode to display up to 2 lines of copy that frames the section's purpose and relevance */
+  description?: React.ReactNode;
+  end?: React.ReactNode;
+} & SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+  PaddingProps;
+//# sourceMappingURL=SectionHeaderProps.d.ts.map

package/dts/types/Shape.d.ts

@@ -1,3 +1,3 @@
 export type Shape = 'circle' | 'squircle' | 'square' | 'rectangle' | 'hexagon';
 export type AspectRatio = [number, number] | Readonly<[number, number]>;
-//# sourceMappingURL=Shape.d.ts.map
+//# sourceMappingURL=Shape.d.ts.map