@coinbase/cds-mobile 0.0.0 → 8.13.2

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

@@ -0,0 +1,516 @@
+import {
+  type StyleProp,
+  type TextStyle,
+  type View,
+  type ViewProps,
+  type ViewStyle,
+} from 'react-native';
+import {
+  type AnimatedStyle,
+  type WithSpringConfig,
+  type WithTimingConfig,
+} from 'react-native-reanimated';
+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 HStackProps } from '../../layout/HStack';
+import { Text, type TextBaseProps, type TextProps } from '../../typography/Text';
+export declare const digits: number[];
+/**
+ * Defines transition overrides for RollingNumber animations.
+ */
+export type RollingNumberTransitionConfig = {
+  /**
+   * Transition override for the vertical translation animation.
+   */
+  y?:
+    | ({
+        type: 'timing';
+      } & WithTimingConfig)
+    | ({
+        type: 'spring';
+      } & WithSpringConfig);
+  /**
+   * Transition override for the color interpolation animation.
+   */
+  color?:
+    | ({
+        type: 'timing';
+      } & WithTimingConfig)
+    | ({
+        type: 'spring';
+      } & WithSpringConfig);
+};
+export declare const defaultTransitionConfig: {
+  readonly y: {
+    readonly type: 'timing';
+    readonly duration: 300;
+    readonly easing: {
+      factory: () => (x: number) => number;
+    };
+  };
+  readonly color: {
+    readonly type: 'timing';
+    readonly duration: 1000;
+    readonly easing: {
+      factory: () => (x: number) => number;
+    };
+  };
+};
+export type RollingNumberMaskProps = HStackProps & {
+  /**
+   * Content rendered inside the mask container.
+   */
+  children?: React.ReactNode;
+  /**
+   * Ref forwarded to the mask view element.
+   */
+  ref?: React.Ref<View>;
+};
+export type RollingNumberAffixSectionProps = HStackProps & {
+  /**
+   * Content rendered inside the affix section.
+   */
+  children?: React.ReactNode;
+  /**
+   * Text props forwarded to the Text components rendered inside the section.
+   */
+  textProps?: TextProps;
+  styles?: {
+    /**
+     * Style override applied to the affix section container.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Style override applied to Text within the affix section.
+     */
+    text?:
+      | AnimatedStyle<TextStyle>
+      | StyleProp<TextStyle>
+      | (AnimatedStyle<TextStyle> | StyleProp<TextStyle>)[];
+  };
+  /**
+   * Ref forwarded to the affix section view element.
+   */
+  ref?: React.Ref<View>;
+};
+export type RollingNumberValueSectionProps = HStackProps & {
+  /**
+   * Parts from Intl.NumberFormat used to render digits and symbols.
+   */
+  intlNumberParts: KeyedNumberPart[];
+  /**
+   * Height of a single digit row used to size the animated mask.
+   */
+  digitHeight?: number;
+  /**
+   * Component used to render digit columns.
+   */
+  RollingNumberDigitComponent?: RollingNumberDigitComponent;
+  /**
+   * Component used to render symbols and literals.
+   */
+  RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+  /**
+   * Component used to mask the value section.
+   */
+  RollingNumberMaskComponent?: RollingNumberMaskComponent;
+  /**
+   * Preformatted value rendered instead of intlNumberParts when provided.
+   */
+  formattedValue?: string;
+  /**
+   * Transition overrides applied to digit and symbol animations.
+   */
+  transitionConfig?: RollingNumberTransitionConfig;
+  /**
+   * Text props forwarded to Text children within the section.
+   */
+  textProps?: TextProps;
+  styles?: {
+    /**
+     * Style override applied to the value section container.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Style override applied to Text within the value section.
+     */
+    text?:
+      | AnimatedStyle<TextStyle>
+      | StyleProp<TextStyle>
+      | (AnimatedStyle<TextStyle> | StyleProp<TextStyle>)[];
+  };
+  /**
+   * Ref forwarded to the value section view element.
+   */
+  ref?: React.Ref<View>;
+};
+export type RollingNumberDigitProps = ViewProps & {
+  /**
+   * Digit currently displayed in the rotating 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;
+  /**
+   * Height of the digit column used to compute translations.
+   */
+  digitHeight: number;
+  /**
+   * Text props forwarded to the Text elements rendering digits.
+   */
+  textProps?: TextProps;
+  styles?: {
+    /**
+     * Style overrides applied to the digit container view.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Style overrides applied to Text rendered within the digit column.
+     */
+    text?:
+      | AnimatedStyle<TextStyle>
+      | StyleProp<TextStyle>
+      | (AnimatedStyle<TextStyle> | StyleProp<TextStyle>)[];
+  };
+  /**
+   * Ref forwarded to the digit container view element.
+   */
+  ref?: React.Ref<View>;
+};
+export type RollingNumberSymbolProps = HStackProps & {
+  /**
+   * Literal symbol rendered within the formatted value.
+   */
+  value: string;
+  /**
+   * Text props forwarded to the Text components rendering the symbol.
+   */
+  textProps?: TextProps;
+  styles?: {
+    /**
+     * Style override applied to the symbol container.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Style override applied to Text within the symbol component.
+     */
+    text?:
+      | AnimatedStyle<TextStyle>
+      | StyleProp<TextStyle>
+      | (AnimatedStyle<TextStyle> | StyleProp<TextStyle>)[];
+  };
+  /**
+   * Ref forwarded to the symbol container view element.
+   */
+  ref?: React.Ref<View>;
+};
+export type RollingNumberMaskComponent = React.FC<RollingNumberMaskProps>;
+export type RollingNumberAffixSectionComponent = React.FC<RollingNumberAffixSectionProps>;
+export type RollingNumberValueSectionComponent = React.FC<RollingNumberValueSectionProps>;
+export type RollingNumberDigitComponent = React.FC<RollingNumberDigitProps>;
+export type RollingNumberSymbolComponent = React.FC<RollingNumberSymbolProps>;
+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.
+     */
+    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;
+    /**
+     * Reanimated 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;
+    /**
+     * accessibilityLiveRegion value used for screen readers on Android. Defaults to {@code 'polite'}.
+     */
+    accessibilityLiveRegion?: React.ComponentProps<typeof Text>['accessibilityLiveRegion'];
+    /**
+     * Enables tabular figures on the underlying {@link Text}. All digits render with equal width. Defaults to {@code true}.
+     */
+    tabularNumbers?: boolean;
+  };
+export type RollingNumberProps = TextProps &
+  RollingNumberBaseProps & {
+    /**
+     * Style overrides applied to RollingNumber slots.
+     */
+    styles?: {
+      /**
+       * Style override applied to the outer container view.
+       */
+      root?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the visible animated content wrapper.
+       */
+      visibleContent?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the Intl formatted section wrapper.
+       */
+      formattedValueSection?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the prefix section rendered from props.
+       */
+      prefix?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the suffix section rendered from props.
+       */
+      suffix?: StyleProp<ViewStyle>;
+      /**
+       * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+       */
+      i18nPrefix?: StyleProp<ViewStyle>;
+      /**
+       * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+       */
+      i18nSuffix?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the integer portion of the formatted value.
+       */
+      integer?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to the fractional portion of the formatted value.
+       */
+      fraction?: StyleProp<ViewStyle>;
+      /**
+       * Style override applied to Text rendered within the component.
+       */
+      text?: StyleProp<TextStyle>;
+    };
+  };
+export declare const RollingNumber: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    import('../../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
+      style?: import('react-native').Animated.WithAnimatedValue<StyleProp<TextStyle>>;
+      animated?: boolean;
+      align?: 'start' | 'end' | 'center' | 'justify';
+      font?: ThemeVars.FontFamily | 'inherit';
+      disabled?: boolean;
+      mono?: boolean;
+      underline?: boolean;
+      tabularNumbers?: boolean;
+      numberOfLines?: number;
+      ellipsize?: import('react-native').TextProps['ellipsizeMode'];
+      noWrap?: boolean;
+      dangerouslySetColor?: TextStyle['color'];
+      dangerouslySetBackground?: TextStyle['backgroundColor'];
+      renderEmptyNode?: boolean;
+      testID?: string;
+    } & Omit<import('react-native').TextProps, 'style'> &
+      SharedProps & {
+        /**
+         * 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.
+         */
+        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;
+        /**
+         * Reanimated 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;
+        /**
+         * accessibilityLiveRegion value used for screen readers on Android. Defaults to {@code 'polite'}.
+         */
+        accessibilityLiveRegion?: React.ComponentProps<typeof Text>['accessibilityLiveRegion'];
+        /**
+         * Enables tabular figures on the underlying {@link Text}. All digits render with equal width. Defaults to {@code true}.
+         */
+        tabularNumbers?: boolean;
+      } & {
+        /**
+         * Style overrides applied to RollingNumber slots.
+         */
+        styles?: {
+          /**
+           * Style override applied to the outer container view.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the visible animated content wrapper.
+           */
+          visibleContent?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the Intl formatted section wrapper.
+           */
+          formattedValueSection?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the prefix section rendered from props.
+           */
+          prefix?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the suffix section rendered from props.
+           */
+          suffix?: StyleProp<ViewStyle>;
+          /**
+           * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+           */
+          i18nPrefix?: StyleProp<ViewStyle>;
+          /**
+           * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+           */
+          i18nSuffix?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the integer portion of the formatted value.
+           */
+          integer?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to the fractional portion of the formatted value.
+           */
+          fraction?: StyleProp<ViewStyle>;
+          /**
+           * Style override applied to Text rendered within the component.
+           */
+          text?: StyleProp<TextStyle>;
+        };
+      } & import('react').RefAttributes<View>
+  >
+>;
+//# 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,23 @@
+import type { TextStyle } from 'react-native';
+import { type AnimatedStyle } from 'react-native-reanimated';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { RollingNumberTransitionConfig } from './RollingNumber';
+export type AnimatedTextStyle = AnimatedStyle<TextStyle>;
+export declare function useColorPulse({
+  value,
+  formatted,
+  defaultColor,
+  colorPulseOnUpdate,
+  positivePulseColor,
+  negativePulseColor,
+  transitionConfig,
+}: {
+  value: number;
+  formatted: string;
+  defaultColor: ThemeVars.Color;
+  colorPulseOnUpdate: boolean;
+  positivePulseColor: ThemeVars.Color;
+  negativePulseColor: ThemeVars.Color;
+  transitionConfig?: RollingNumberTransitionConfig;
+}): AnimatedTextStyle;
+//# 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,cAAc,CAAC;AAC9C,OAAO,EACL,KAAK,aAAa,EAMnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,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;IACpC,gBAAgB,CAAC,EAAE,6BAA6B,CAAC;CAClD,GAAG,iBAAiB,CAqDpB"}

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/numpad/Numpad.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { View } from 'react-native';
+import { type SharedProps } from '@coinbase/cds-common';
+import { type VStackProps } from '../layout';
+import { type HapticFeedbackType } from '../system/Pressable';
+export declare const SEPARATOR = 'SEPARATOR';
+export declare const DELETE = 'DELETE';
+export type SeparatorType = typeof SEPARATOR;
+export type DeleteType = typeof DELETE;
+export type NumpadValue = number | SeparatorType | DeleteType;
+export type NumpadButtonProps = {
+  value: NumpadValue;
+  onPress: (value: NumpadValue) => void;
+  onLongPress?: (value: NumpadValue) => void;
+  separator?: string;
+  disabled?: boolean;
+  separatorAccessibilityLabel?: string;
+  deleteAccessibilityLabel?: string;
+  feedback?: HapticFeedbackType;
+};
+export type NumpadProps = {
+  onPress: (value: NumpadValue) => void;
+  onLongPress?: (value: NumpadValue) => void;
+  separator?: string;
+  disabled?: boolean;
+  accessory?: React.ReactNode;
+  action?: React.ReactNode;
+  separatorAccessibilityLabel?: string;
+  deleteAccessibilityLabel?: string;
+  /**
+   * Haptic feedback to trigger when being pressed.
+   * @default none
+   */
+  feedback?: HapticFeedbackType;
+} & SharedProps &
+  VStackProps;
+export declare const Numpad: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      onPress: (value: NumpadValue) => void;
+      onLongPress?: (value: NumpadValue) => void;
+      separator?: string;
+      disabled?: boolean;
+      accessory?: React.ReactNode;
+      action?: React.ReactNode;
+      separatorAccessibilityLabel?: string;
+      deleteAccessibilityLabel?: string;
+      /**
+       * Haptic feedback to trigger when being pressed.
+       * @default none
+       */
+      feedback?: HapticFeedbackType;
+    } & SharedProps &
+      import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<
+          import('react-native').StyleProp<import('react-native').ViewStyle>
+        >;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & Omit<import('react-native').ViewProps, 'style'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Numpad.d.ts.map

package/dts/numpad/Numpad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["../../src/numpad/Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,KAAK,kBAAkB,EAAa,MAAM,qBAAqB,CAAC;AAGzE,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,GAAG,WAAW,GACb,WAAW,CAAC;AAuBd,eAAO,MAAM,MAAM;aArCR,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;kBACvB,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;gBAC9B,MAAM;eACP,OAAO;gBACN,KAAK,CAAC,SAAS;aAClB,KAAK,CAAC,SAAS;kCACM,MAAM;+BACT,MAAM;IACjC;;;OAGG;eACQ,kBAAkB;;;;;;;;;;;;;;;;;iFAqG9B,CAAC"}

package/dts/numpad/__figma__/Numpad.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Numpad.figma.d.ts.map

package/dts/numpad/__figma__/Numpad.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Numpad.figma.d.ts","sourceRoot":"","sources":["../../../src/numpad/__figma__/Numpad.figma.tsx"],"names":[],"mappings":""}