@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/numbers/RollingNumber/RollingNumber.d.ts

@@ -0,0 +1,415 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type KeyedNumberPart } from '@coinbase/cds-common/numbers/IntlNumberFormat';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import { type Transition } from 'framer-motion';
+import type { Polymorphic } from '../../core/polymorphism';
+import { type TextBaseProps, type TextDefaultElement, type TextProps } from '../../typography/Text';
+/**
+ * Defines transition overrides for RollingNumber animations.
+ */
+type RollingNumberTransitionConfig = {
+  /**
+   * Transition override applied to the vertical translation animation.
+   */
+  y?: Transition;
+  /**
+   * Transition override applied to the color interpolation animation.
+   */
+  color?: Transition;
+};
+export declare const defaultTransitionConfig: {
+  readonly y: {
+    readonly duration: number;
+    readonly ease: import('@coinbase/cds-common/motion/tokens').EasingArray;
+  };
+  readonly color: {
+    readonly duration: number;
+    readonly ease: import('@coinbase/cds-common/motion/tokens').EasingArray;
+  };
+};
+export type RollingNumberMaskProps = TextProps<TextDefaultElement> & {
+  /**
+   * Content rendered inside the mask container.
+   */
+  children?: React.ReactNode;
+  /**
+   * Ref forwarded to the mask element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberAffixSectionProps = TextProps<TextDefaultElement> & {
+  /**
+   * Content rendered inside the affix section.
+   */
+  children?: React.ReactNode;
+  /**
+   * Ref forwarded to the affix section wrapper element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+  /**
+   * Inline style overrides applied to the affix section.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the affix section container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to the text within the section.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the affix section.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the affix section container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to the text within the section.
+     */
+    text?: string;
+  };
+};
+export type RollingNumberValueSectionProps = TextProps<TextDefaultElement> & {
+  /**
+   * Parts provided by Intl.NumberFormat used to render the formatted value.
+   */
+  intlNumberParts: KeyedNumberPart[];
+  /**
+   * Component used to render numeric digits within the section.
+   */
+  RollingNumberDigitComponent?: RollingNumberDigitComponent;
+  /**
+   * Component used to render non-digit symbols within the section.
+   */
+  RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+  /**
+   * Component used to mask and animate digit transitions.
+   */
+  RollingNumberMaskComponent?: RollingNumberMaskComponent;
+  /**
+   * Preformatted string rendered instead of intlNumberParts when provided.
+   */
+  formattedValue?: string;
+  /**
+   * Transition overrides applied to digit and symbol animations.
+   */
+  transitionConfig?: RollingNumberTransitionConfig;
+  /**
+   * Inline style overrides applied to the value section.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the section container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to text within the section.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the value section.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the section container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to text within the section.
+     */
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the section container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberDigitProps = TextProps<TextDefaultElement> & {
+  /**
+   * Digit currently displayed in the animated column.
+   */
+  value: number;
+  /**
+   * Digit displayed during the initial render.
+   */
+  initialValue?: number;
+  /**
+   * Transition overrides applied to the digit animation.
+   */
+  transitionConfig?: RollingNumberTransitionConfig;
+  /**
+   * Component used to mask the digit column.
+   */
+  RollingNumberMaskComponent?: RollingNumberMaskComponent;
+  /**
+   * Inline style overrides applied to the digit component.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the digit container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to the digit text.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the digit component.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the digit container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to the digit text.
+     */
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the digit container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberSymbolProps = TextProps<TextDefaultElement> & {
+  /**
+   * Literal symbol rendered within the number stream.
+   */
+  value: string;
+  /**
+   * Inline style overrides applied to the symbol component.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the symbol container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to the symbol text.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the symbol component.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the symbol container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to the symbol text.
+     */
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the symbol container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberMaskComponent = React.FC<RollingNumberMaskProps>;
+export type RollingNumberAffixSectionComponent = React.FC<RollingNumberAffixSectionProps>;
+export type RollingNumberDigitComponent = React.FC<RollingNumberDigitProps>;
+export type RollingNumberSymbolComponent = React.FC<RollingNumberSymbolProps>;
+export type RollingNumberValueSectionComponent = React.FC<RollingNumberValueSectionProps>;
+export type RollingNumberBaseProps = SharedProps &
+  TextBaseProps & {
+    /**
+     * Number to display.
+     */
+    value: number;
+    /**
+     * Intl.NumberFormat options applied when formatting the value. Scientific and engineering notation are not supported.
+     */
+    format?: Omit<Intl.NumberFormatOptions, 'notation'> & {
+      notation?: Extract<Intl.NumberFormatOptions['notation'], 'standard' | 'compact'>;
+    };
+    /**
+     * Preformatted value rendered instead of formatting {@link value}. {@link value} is still used to determine numeric deltas.
+     */
+    formattedValue?: string;
+    /**
+     * Content rendered before the formatted value.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Content rendered after the formatted value.
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Component used to render the mask container.
+     */
+    RollingNumberMaskComponent?: RollingNumberMaskComponent;
+    /**
+     * Component used to render prefix and suffix sections.
+     */
+    RollingNumberAffixSectionComponent?: RollingNumberAffixSectionComponent;
+    /**
+     * Component used to render the numeric sections.
+     */
+    RollingNumberValueSectionComponent?: RollingNumberValueSectionComponent;
+    /**
+     * Component used to render individual digits.
+     */
+    RollingNumberDigitComponent?: RollingNumberDigitComponent;
+    /**
+     * Component used to render separators and other symbols.
+     */
+    RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+    /**
+     * Locale used for formatting. Defaults to the locale from {@link LocaleProvider}.
+     */
+    locale?: Intl.LocalesArgument;
+    /**
+     * Base text color token. When {@link colorPulseOnUpdate} is true, the color briefly pulses to a positive or negative mid color before returning to this base color. Defaults to {@code 'fg'}.
+     */
+    color?: ThemeVars.Color;
+    /**
+     * Enables color pulsing on positive or negative changes. Defaults to {@code false}.
+     */
+    colorPulseOnUpdate?: boolean;
+    /**
+     * Color token used for positive numeric changes. Defaults to {@code 'fgPositive'}.
+     */
+    positivePulseColor?: ThemeVars.Color;
+    /**
+     * Color token used for negative numeric changes. Defaults to {@code 'fgNegative'}.
+     */
+    negativePulseColor?: ThemeVars.Color;
+    /**
+     * Enables subscript notation for leading zeros in the fractional part (for example, {@code 0.00009 => 0.0₄9}).
+     */
+    enableSubscriptNotation?: boolean;
+    /**
+     * Framer Motion transition overrides. Supports per-property overrides for {@code y} and {@code color} only.
+     */
+    transition?: RollingNumberTransitionConfig;
+    /**
+     * Accessibility label prefix announced before the value.
+     */
+    accessibilityLabelPrefix?: string;
+    /**
+     * Accessibility label suffix announced after the value.
+     */
+    accessibilityLabelSuffix?: string;
+    /**
+     * aria-live politeness level. Defaults to {@code 'polite'}.
+     */
+    ariaLive?: React.AriaAttributes['aria-live'];
+    /**
+     * Enables tabular figures on the underlying {@link Text}. Defaults to {@code true}.
+     */
+    tabularNumbers?: boolean;
+  };
+export type RollingNumberProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  RollingNumberBaseProps & {
+    /**
+     * Class name overrides applied to RollingNumber slots.
+     */
+    classNames?: {
+      /**
+       * Class override applied to the outer container element.
+       */
+      root?: string;
+      /**
+       * Class override applied to the animated content wrapper that is visually rendered.
+       */
+      visibleContent?: string;
+      /**
+       * Class override applied to the wrapper for the formatted numeric value.
+       */
+      formattedValueSection?: string;
+      /**
+       * Class override applied to the prefix section rendered from props.
+       */
+      prefix?: string;
+      /**
+       * Class override applied to the suffix section rendered from props.
+       */
+      suffix?: string;
+      /**
+       * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+       */
+      i18nPrefix?: string;
+      /**
+       * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+       */
+      i18nSuffix?: string;
+      /**
+       * Class override applied to the integer portion of the formatted value.
+       */
+      integer?: string;
+      /**
+       * Class override applied to the fractional portion of the formatted value.
+       */
+      fraction?: string;
+      /**
+       * Class override applied to the Text component rendering digits and symbols.
+       */
+      text?: string;
+    };
+    /**
+     * Inline style overrides applied to RollingNumber slots.
+     */
+    styles?: {
+      /**
+       * Inline style override applied to the outer container element.
+       */
+      root?: React.CSSProperties;
+      /**
+       * Inline style override applied to the animated content wrapper that is visually rendered.
+       */
+      visibleContent?: React.CSSProperties;
+      /**
+       * Inline style override applied to the wrapper for the formatted numeric value.
+       */
+      formattedValueSection?: React.CSSProperties;
+      /**
+       * Inline style override applied to the prefix section rendered from props.
+       */
+      prefix?: React.CSSProperties;
+      /**
+       * Inline style override applied to the suffix section rendered from props.
+       */
+      suffix?: React.CSSProperties;
+      /**
+       * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+       */
+      i18nPrefix?: React.CSSProperties;
+      /**
+       * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+       */
+      i18nSuffix?: React.CSSProperties;
+      /**
+       * Inline styles applied to the integer portion of the formatted value.
+       */
+      integer?: React.CSSProperties;
+      /**
+       * Inline styles applied to the fractional portion of the formatted value.
+       */
+      fraction?: React.CSSProperties;
+      /**
+       * Inline styles applied to the Text component rendering digits and symbols.
+       */
+      text?: React.CSSProperties;
+    };
+  }
+>;
+export declare const rollingNumberDefaultElement = 'span';
+export type RollingNumberDefaultElement = typeof rollingNumberDefaultElement;
+type RollingNumberComponent = (<
+  AsComponent extends React.ElementType = RollingNumberDefaultElement,
+>(
+  props: RollingNumberProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const RollingNumber: RollingNumberComponent;
+export {};
+//# sourceMappingURL=RollingNumber.d.ts.map

package/dts/numbers/RollingNumber/RollingNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RollingNumber.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/RollingNumber.tsx"],"names":[],"mappings":"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"}

package/dts/numbers/RollingNumber/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DefaultRollingNumberAffixSection';
+export * from './DefaultRollingNumberDigit';
+export * from './DefaultRollingNumberMask';
+export * from './DefaultRollingNumberSymbol';
+export * from './DefaultRollingNumberValueSection';
+export * from './RollingNumber';
+//# sourceMappingURL=index.d.ts.map

package/dts/numbers/RollingNumber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC"}

package/dts/numbers/RollingNumber/useColorPulse.d.ts

@@ -0,0 +1,17 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+export declare function useColorPulse({
+  value,
+  formatted,
+  defaultColor,
+  colorPulseOnUpdate,
+  positivePulseColor,
+  negativePulseColor,
+}: {
+  value: number;
+  formatted: string;
+  defaultColor: ThemeVars.Color;
+  colorPulseOnUpdate: boolean;
+  positivePulseColor: ThemeVars.Color;
+  negativePulseColor: ThemeVars.Color;
+}): import('framer-motion').AnimationControls;
+//# sourceMappingURL=useColorPulse.d.ts.map

package/dts/numbers/RollingNumber/useColorPulse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorPulse.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/useColorPulse.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;IACpC,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;CACrC,6CAwCA"}

package/dts/numbers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RollingNumber';
+//# sourceMappingURL=index.d.ts.map

package/dts/numbers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/numbers/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dts/overlays/Alert.d.ts

@@ -0,0 +1,122 @@
+import type {
+  ButtonVariant,
+  IllustrationPictogramNames,
+  PositionStyles,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type ModalBaseProps, type ModalRefBaseProps } from './modal/Modal';
+export type AlertBaseProps = SharedProps &
+  Pick<PositionStyles, 'zIndex'> &
+  Pick<
+    ModalBaseProps,
+    | 'onRequestClose'
+    | 'visible'
+    | 'onDidClose'
+    | 'disablePortal'
+    | 'accessibilityLabel'
+    | 'accessibilityLabelledBy'
+  > & {
+    /**
+     * Indicating if Alert is stacked on top of Modal
+     */
+    stacked?: boolean;
+    /**
+     * Alert title
+     */
+    title: string;
+    /**
+     * Alert body/description
+     */
+    body: string;
+    /**
+     * Illustration pictogram name for alert
+     */
+    pictogram?: IllustrationPictogramNames;
+    /**
+     * Label of the preferred action
+     */
+    preferredActionLabel: string;
+    /**
+     * Callback function fired when the preferred action is pressed
+     */
+    onPreferredActionPress?: () => void;
+    /**
+     * Button variant of the preferred action
+     * @default primary
+     */
+    preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+    /**
+     * Label of the dismiss action
+     */
+    dismissActionLabel?: string;
+    /**
+     * Callback function fired when the dismiss action is pressed
+     */
+    onDismissActionPress?: () => void;
+    /**
+     * Layout of the actions
+     * @default horizontal
+     */
+    actionLayout?: 'horizontal' | 'vertical';
+  };
+export type AlertProps = AlertBaseProps;
+export declare const alertModalWidth = 318;
+export declare const Alert: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    SharedProps &
+      Pick<PositionStyles, 'zIndex'> &
+      Pick<
+        ModalBaseProps,
+        | 'visible'
+        | 'accessibilityLabel'
+        | 'accessibilityLabelledBy'
+        | 'disablePortal'
+        | 'onDidClose'
+        | 'onRequestClose'
+      > & {
+        /**
+         * Indicating if Alert is stacked on top of Modal
+         */
+        stacked?: boolean;
+        /**
+         * Alert title
+         */
+        title: string;
+        /**
+         * Alert body/description
+         */
+        body: string;
+        /**
+         * Illustration pictogram name for alert
+         */
+        pictogram?: IllustrationPictogramNames;
+        /**
+         * Label of the preferred action
+         */
+        preferredActionLabel: string;
+        /**
+         * Callback function fired when the preferred action is pressed
+         */
+        onPreferredActionPress?: () => void;
+        /**
+         * Button variant of the preferred action
+         * @default primary
+         */
+        preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+        /**
+         * Label of the dismiss action
+         */
+        dismissActionLabel?: string;
+        /**
+         * Callback function fired when the dismiss action is pressed
+         */
+        onDismissActionPress?: () => void;
+        /**
+         * Layout of the actions
+         * @default horizontal
+         */
+        actionLayout?: 'horizontal' | 'vertical';
+      } & import('react').RefAttributes<ModalRefBaseProps>
+  >
+>;
+//# sourceMappingURL=Alert.d.ts.map

package/dts/overlays/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/overlays/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,WAAW,EAEZ,MAAM,4BAA4B,CAAC;AAQpC,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAInF,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAC9B,IAAI,CACF,cAAc,EACZ,gBAAgB,GAChB,SAAS,GACT,YAAY,GACZ,eAAe,GACf,oBAAoB,GACpB,yBAAyB,CAC5B,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;IACxE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC1C,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,KAAK;IAhDd;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,MAAM;IACb;;OAEG;UACG,MAAM;IACZ;;OAEG;gBACS,0BAA0B;IACtC;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;6BACsB,MAAM,IAAI;IACnC;;;OAGG;6BACsB,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE;;OAEG;yBACkB,MAAM;IAC3B;;OAEG;2BACoB,MAAM,IAAI;IACjC;;;OAGG;mBACY,YAAY,GAAG,UAAU;sDA0I3C,CAAC"}

package/dts/overlays/FocusTrap.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+export type FocusTrapProps = {
+  children: ReactElement;
+  onEscPress?: () => void;
+  /**
+   * Use for editable Search Input components to ensure focus is correctly applied
+   */
+  disableTypeFocus?: boolean;
+  /**
+   * Disables the focus trap to allow normal keyboard navigation.
+   */
+  disableFocusTrap?: boolean;
+  /**
+   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * @default false
+   */
+  disableAutoFocus?: boolean;
+  /**
+   * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
+   * @default false
+   */
+  restoreFocusOnUnmount?: boolean;
+  /**
+   * If `true`, the focus trap will respect negative `tabIndex` values, removing them from the list of focusable elements.
+   * @default false
+   */
+  respectNegativeTabIndex?: boolean;
+  /**
+   * If `true`, the focus trap will include all elements with `tabIndex` values in the list of focusable elements.
+   * @default false
+   */
+  focusTabIndexElements?: boolean;
+  /**
+   * The amount of time in milliseconds to wait before auto-focusing the first focusable element.
+   * @default undefined
+   */
+  autoFocusDelay?: number;
+};
+export declare const FocusTrap: React.NamedExoticComponent<FocusTrapProps>;
+//# sourceMappingURL=FocusTrap.d.ts.map

package/dts/overlays/FocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAkCF,eAAO,MAAM,SAAS,4CAwPpB,CAAC"}

package/dts/overlays/FullscreenAlert.d.ts

@@ -0,0 +1,43 @@
+import type { ButtonVariant, IllustrationHeroSquareNames } from '@coinbase/cds-common/types';
+import type { ModalProps } from './modal/Modal';
+import type { ModalHeaderProps } from './modal/ModalHeader';
+import type { AlertProps } from './Alert';
+export type FullscreenAlertProps = Pick<AlertProps, 'title' | 'body'> &
+  Pick<ModalHeaderProps, 'closeAccessibilityLabel'> &
+  Pick<
+    ModalProps,
+    | 'visible'
+    | 'onRequestClose'
+    | 'disablePortal'
+    | 'accessibilityLabel'
+    | 'accessibilityLabelledBy'
+    | 'testID'
+  > & {
+    /**
+     * Name of the illustration that is rendered in the alert
+     */
+    heroSquare?: IllustrationHeroSquareNames;
+    /**
+     * Label of the main call to action button
+     */
+    preferredActionLabel: string;
+    /**
+     * Callback function fired when the main call to action button is pressed
+     */
+    onPreferredActionPress?: () => void;
+    /**
+     * Variant of the main call to action button
+     * @default primary
+     */
+    preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+    /**
+     * Label of the dismiss button
+     */
+    dismissActionLabel?: string;
+    /**
+     * Callback function fired when the dismiss button is pressed
+     */
+    onDismissActionPress?: () => void;
+  };
+export declare const FullscreenAlert: import('react').NamedExoticComponent<FullscreenAlertProps>;
+//# sourceMappingURL=FullscreenAlert.d.ts.map