@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/visualizations/ProgressBar.d.ts

@@ -0,0 +1,103 @@
+import React from 'react';
+import { type StyleProp, type View, type ViewStyle } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { SharedAccessibilityProps, SharedProps, Weight } from '@coinbase/cds-common/types';
+import type { HintMotionBaseProps } from '../motion/types';
+export type ProgressBaseProps = SharedProps &
+  Pick<HintMotionBaseProps, 'disableAnimateOnMount'> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+    /** Number between 0-1 representing the progress percentage */
+    progress: number;
+    /** Toggle used to change thickness of progress visualization
+     * @default normal
+     * */
+    weight?: Weight;
+    /**
+     * Toggle used to show a disabled progress visualization
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom progress color.
+     * @default primary
+     */
+    color?: ThemeVars.Color;
+    /**
+     * Callback fired when the progress animation ends.
+     */
+    onAnimationEnd?: () => void;
+    /**
+     * Callback fired when the progress animation starts.
+     */
+    onAnimationStart?: () => void;
+  };
+export type ProgressBarProps = ProgressBaseProps & {
+  /**
+   * Custom styles for the progress bar root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar.
+   */
+  styles?: {
+    /**
+     * Custom styles for the progress bar root.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the progress bar.
+     */
+    progress?: StyleProp<ViewStyle>;
+  };
+};
+export declare const ProgressBar: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<HintMotionBaseProps, 'disableAnimateOnMount'> &
+      Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+        /** Number between 0-1 representing the progress percentage */
+        progress: number;
+        /** Toggle used to change thickness of progress visualization
+         * @default normal
+         * */
+        weight?: Weight;
+        /**
+         * Toggle used to show a disabled progress visualization
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * Custom progress color.
+         * @default primary
+         */
+        color?: ThemeVars.Color;
+        /**
+         * Callback fired when the progress animation ends.
+         */
+        onAnimationEnd?: () => void;
+        /**
+         * Callback fired when the progress animation starts.
+         */
+        onAnimationStart?: () => void;
+      } & {
+        /**
+         * Custom styles for the progress bar root.
+         */
+        style?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for the progress bar.
+         */
+        styles?: {
+          /**
+           * Custom styles for the progress bar root.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress bar.
+           */
+          progress?: StyleProp<ViewStyle>;
+        };
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dts/visualizations/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAMhG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,GAClD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW;IA9CpB,8DAA8D;cACpD,MAAM;IAChB;;SAEK;aACI,MAAM;IACf;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;YACK,SAAS,CAAC,KAAK;IACvB;;OAEG;qBACc,MAAM,IAAI;IAC3B;;OAEG;uBACgB,MAAM,IAAI;;IAI/B;;OAEG;YACK,SAAS,CAAC,SAAS,CAAC;IAC5B;;OAEG;aACM;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC;+BAwHF,CAAC"}

package/dts/visualizations/ProgressBarWithFixedLabels.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { PaddingProps, Placement } from '@coinbase/cds-common/types';
+import { type ProgressBarLabel } from './getProgressBarLabelParts';
+import { type ProgressBaseProps } from './ProgressBar';
+export type ProgressBarWithFixedLabelsProps = Pick<ProgressBaseProps, 'disabled' | 'testID'> & {
+  /** Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. */
+  startLabel?: ProgressBarLabel;
+  /** Label that is pinned to the end of the container. If a number is used then it will format it as a percentage. */
+  endLabel?: ProgressBarLabel;
+  /**
+   * Position of label relative to the bar
+   * @default beside
+   * */
+  labelPlacement?: Extract<Placement, 'above' | 'below' | 'beside'>;
+  /**
+   * Custom styles for the progress bar with fixed labels root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar with fixed labels.
+   */
+  styles?: {
+    /**
+     * Custom styles for the progress bar with fixed labels root.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label container.
+     */
+    labelContainer?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the start label.
+     */
+    startLabel?: StyleProp<TextStyle>;
+    /**
+     * Custom styles for the end label.
+     */
+    endLabel?: StyleProp<TextStyle>;
+  };
+};
+export type ProgressBarFixedLabelBesideProps = {
+  label: ProgressBarLabel;
+  visuallyDisabled: boolean;
+  style?: StyleProp<ViewStyle>;
+};
+export type ProgressBarFixedLabelContainerProps = Omit<
+  ProgressBarWithFixedLabelsProps,
+  'labelPlacement' | 'progress' | 'disabled' | 'style'
+> &
+  Pick<PaddingProps, 'paddingBottom' | 'paddingTop'> & {
+    visuallyDisabled: boolean;
+  };
+export type ProgressBarFixedLabelProps = {
+  position: 'start' | 'end';
+  label: ProgressBarLabel;
+  visuallyDisabled: boolean;
+  style?: StyleProp<ViewStyle>;
+};
+export declare const ProgressBarWithFixedLabels: React.FC<
+  React.PropsWithChildren<ProgressBarWithFixedLabelsProps>
+>;
+//# sourceMappingURL=ProgressBarWithFixedLabels.d.ts.map

package/dts/visualizations/ProgressBarWithFixedLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarWithFixedLabels.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFixedLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAe,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACjG,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAI1E,OAAO,EAA4B,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IAC7F,sHAAsH;IACtH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oHAAoH;IACpH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;SAGK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;IAClE;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC;;WAEG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC;;WAEG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,+BAA+B,EAC/B,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACrD,GACC,IAAI,CAAC,YAAY,EAAE,eAAe,GAAG,YAAY,CAAC,GAAG;IACnD,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AA8FF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,CAmEzD,CAAC"}

package/dts/visualizations/ProgressBarWithFloatLabel.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { Placement } from '@coinbase/cds-common/types';
+import { type ProgressBarLabel } from './getProgressBarLabelParts';
+import { type ProgressBaseProps } from './ProgressBar';
+export type ProgressBarFloatLabelProps = Pick<
+  ProgressBarWithFloatLabelProps,
+  'label' | 'progress' | 'disabled' | 'labelPlacement' | 'styles'
+>;
+export type ProgressBarWithFloatLabelProps = Pick<
+  ProgressBaseProps,
+  'progress' | 'disabled' | 'testID'
+> & {
+  /** Label that is floated at the end of the filled in bar. If a number is used then it will format it as a percentage. */
+  label: ProgressBarLabel;
+  /**
+   * Position of label relative to the bar
+   * @default above
+   * */
+  labelPlacement?: Extract<Placement, 'above' | 'below'>;
+  /**
+   * Custom styles for the progress bar with float label root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar with float label.
+   */
+  styles?: {
+    /**
+     * Custom styles for the progress bar with float label root.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label container.
+     */
+    labelContainer?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label.
+     */
+    label?: StyleProp<TextStyle>;
+  };
+};
+export declare const ProgressBarWithFloatLabel: React.FC<
+  React.PropsWithChildren<ProgressBarWithFloatLabelProps>
+>;
+//# sourceMappingURL=ProgressBarWithFloatLabel.d.ts.map

package/dts/visualizations/ProgressBarWithFloatLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarWithFloatLabel.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFloatLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAM5D,OAAO,EAA4B,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,8BAA8B,EAC9B,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,CAChE,CAAC;AAsFF,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACjB,UAAU,GAAG,UAAU,GAAG,QAAQ,CACnC,GAAG;IACF,yHAAyH;IACzH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;SAGK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC;;WAEG;QACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAuBxD,CAAC"}

package/dts/visualizations/ProgressCircle.d.ts

@@ -0,0 +1,141 @@
+import React from 'react';
+import { type StyleProp, type View, type ViewStyle } from 'react-native';
+import type { CircleProps } from 'react-native-svg';
+import type { SharedProps, ThemeVars } from '@coinbase/cds-common';
+import { type BoxProps } from '../layout';
+import type { ProgressBaseProps } from './ProgressBar';
+export type ProgressCircleBaseProps = ProgressBaseProps & {
+  /**
+   * Toggle used to hide the content node rendered inside the circle.
+   */
+  hideContent?: boolean;
+  /**
+   * @deprecated Use hideContent instead
+   * Toggle used to hide the text rendered inside the circle.
+   */
+  hideText?: boolean;
+  /**
+   * Optional size in px for the visualization.
+   * This is useful if the visualization is used in an HStack.
+   * If this is omitted the visualization will fill the parent width or height.
+   * Since it's a circular visualization it will fill the smaller of the parent width or height
+   */
+  size?: number;
+  /**
+   * Optional component to override the default content rendered inside the circle.
+   */
+  contentNode?: React.ReactNode;
+};
+export type ProgressCircleProps = ProgressCircleBaseProps & {
+  /**
+   * Custom styles for the progress circle root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress circle.
+   */
+  styles?: {
+    /**
+     * Custom styles for the progress circle root.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the progress circle svg container.
+     */
+    svgContainer?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the progress circle svg.
+     */
+    svg?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the text container.
+     */
+    textContainer?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the progress circle inner.
+     */
+    progress?: Partial<CircleProps>;
+    /**
+     * Custom styles for the progress circle inner.
+     */
+    circle?: Partial<CircleProps>;
+  };
+};
+export type ProgressCircleContentProps = Pick<ProgressCircleBaseProps, 'progress' | 'disabled'> &
+  BoxProps & {
+    /**
+     * Custom text color.
+     * @default fgMuted
+     */
+    color?: ThemeVars.Color;
+  };
+export declare const ProgressCircle: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<import('../motion/types').HintMotionBaseProps, 'disableAnimateOnMount'> &
+      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
+        progress: number;
+        weight?: import('@coinbase/cds-common').Weight;
+        disabled?: boolean;
+        color?: ThemeVars.Color;
+        onAnimationEnd?: () => void;
+        onAnimationStart?: () => void;
+      } & {
+        /**
+         * Toggle used to hide the content node rendered inside the circle.
+         */
+        hideContent?: boolean;
+        /**
+         * @deprecated Use hideContent instead
+         * Toggle used to hide the text rendered inside the circle.
+         */
+        hideText?: boolean;
+        /**
+         * Optional size in px for the visualization.
+         * This is useful if the visualization is used in an HStack.
+         * If this is omitted the visualization will fill the parent width or height.
+         * Since it's a circular visualization it will fill the smaller of the parent width or height
+         */
+        size?: number;
+        /**
+         * Optional component to override the default content rendered inside the circle.
+         */
+        contentNode?: React.ReactNode;
+      } & {
+        /**
+         * Custom styles for the progress circle root.
+         */
+        style?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for the progress circle.
+         */
+        styles?: {
+          /**
+           * Custom styles for the progress circle root.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle svg container.
+           */
+          svgContainer?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle svg.
+           */
+          svg?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the text container.
+           */
+          textContainer?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle inner.
+           */
+          progress?: Partial<CircleProps>;
+          /**
+           * Custom styles for the progress circle inner.
+           */
+          circle?: Partial<CircleProps>;
+        };
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dts/visualizations/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AASvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC;;WAEG;QACH,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC;;WAEG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,UAAU,CAAC,GAC7F,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAgEJ,eAAO,MAAM,cAAc;;;;;;;;IAjIzB;;OAEG;kBACW,OAAO;IACrB;;;OAGG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;;IAI7B;;OAEG;YACK,SAAS,CAAC,SAAS,CAAC;IAC5B;;OAEG;aACM;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC;;WAEG;QACH,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC;;WAEG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;+BA4LF,CAAC"}

package/dts/visualizations/ProgressContainerWithButtons.d.ts

@@ -0,0 +1,6 @@
+import type { ProgressContainerWithButtonsProps } from '@coinbase/cds-common/types/ProgressContainerWithButtonsProps';
+export declare const ProgressContainerWithButtons: ({
+  children,
+  hideIncrease,
+}: ProgressContainerWithButtonsProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=ProgressContainerWithButtons.d.ts.map

package/dts/visualizations/ProgressContainerWithButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressContainerWithButtons.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressContainerWithButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,8DAA8D,CAAC;AAKtH,eAAO,MAAM,4BAA4B,GAAI,6BAG1C,iCAAiC,4CAqCnC,CAAC"}

package/dts/visualizations/ProgressIndicator.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Animated } from 'react-native';
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import type { BoxProps } from '../layout/Box';
+export declare const PROGRESS_INDICATOR_WIDTH = 24;
+export type ProgressIndicatorProps = {
+  /** An Animated.Value or interpolated Animated.Value between 0 and 1 */
+  progress?: Animated.Value | Animated.AnimatedInterpolation<number>;
+  /**
+   * @danger This is a migration escape hatch. It is not intended to be used normally.
+   */
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+} & BoxProps &
+  SharedProps;
+export declare const ProgressIndicator: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** An Animated.Value or interpolated Animated.Value between 0 and 1 */
+      progress?: Animated.Value | Animated.AnimatedInterpolation<number>;
+      /**
+       * @danger This is a migration escape hatch. It is not intended to be used normally.
+       */
+      style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+    } & import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: Animated.WithAnimatedValue<StyleProp<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'> &
+      SharedProps &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=ProgressIndicator.d.ts.map

package/dts/visualizations/ProgressIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,GAAG,QAAQ,GACV,WAAW,CAAC;AAEd,eAAO,MAAM,iBAAiB;IAT5B,uEAAuE;eAC5D,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAClE;;OAEG;YACK,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;;+FAgDzD,CAAC"}

package/dts/visualizations/ProgressTextLabel.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type StyleProp, type TextStyle } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { ProgressBaseProps } from './ProgressBar';
+export type ProgressTextLabelProps = Pick<ProgressBaseProps, 'disabled'> & {
+  value: number;
+  renderLabel?: (num: number, disabled?: boolean) => React.ReactNode;
+  color?: ThemeVars.Color;
+  /**
+   * Custom style for the text label.
+   */
+  style?: StyleProp<TextStyle>;
+};
+export declare const ProgressTextLabel: React.MemoExoticComponent<
+  ({
+    value,
+    renderLabel,
+    disabled,
+    color,
+    style,
+  }: ProgressTextLabelProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=ProgressTextLabel.d.ts.map

package/dts/visualizations/ProgressTextLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTextLabel.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressTextLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6EACqB,sBAAsB,6CAyCxE,CAAC"}

package/dts/visualizations/VisualizationContainer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { DimensionValue } from '@coinbase/cds-common/types';
+export type VisualizationContainerDimension = {
+  width: number;
+  height: number;
+  circleSize: number;
+};
+export type VisualizationContainerBaseProps = {
+  width: DimensionValue;
+  height: DimensionValue;
+  minHeight?: DimensionValue;
+  children: (dimensions: VisualizationContainerDimension) => React.ReactNode;
+};
+export type VisualizationContainerProps = VisualizationContainerBaseProps;
+export declare const VisualizationContainer: React.FC<VisualizationContainerProps>;
+//# sourceMappingURL=VisualizationContainer.d.ts.map

package/dts/visualizations/VisualizationContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualizationContainer.d.ts","sourceRoot":"","sources":["../../src/visualizations/VisualizationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAMjE,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAK1E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBxE,CAAC"}

package/dts/visualizations/__figma__/ProgressBar.figma.d.ts

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

package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map

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

package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts

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

package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map

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

package/dts/visualizations/getProgressBarLabelParts.d.ts

@@ -0,0 +1,16 @@
+export type ProgressBarLabel =
+  | number
+  | {
+      value: number;
+      render: (num: number, disabled?: boolean) => React.ReactNode;
+    };
+export declare const getProgressBarLabelParts: (label: ProgressBarLabel) =>
+  | {
+      value: number;
+      render?: undefined;
+    }
+  | {
+      value: number;
+      render: (num: number, disabled?: boolean) => React.ReactNode;
+    };
+//# sourceMappingURL=getProgressBarLabelParts.d.ts.map

package/dts/visualizations/getProgressBarLabelParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProgressBarLabelParts.d.ts","sourceRoot":"","sources":["../../src/visualizations/getProgressBarLabelParts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN;IACE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAEN,eAAO,MAAM,wBAAwB,GAAI,OAAO,gBAAgB;;;;;kBAH5C,MAAM,aAAa,OAAO,KAAK,KAAK,CAAC,SAAS;CAcjE,CAAC"}

package/dts/visualizations/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DefaultProgressCircleContent';
+export * from './getProgressBarLabelParts';
+export * from './ProgressBar';
+export * from './ProgressBarWithFixedLabels';
+export * from './ProgressBarWithFloatLabel';
+export * from './ProgressCircle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/visualizations/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC"}

package/esm/accordion/Accordion.js

@@ -0,0 +1,30 @@
+import React, { Children, memo } from 'react';
+import { AccordionProvider } from '@coinbase/cds-common/accordion/AccordionProvider';
+import { join } from '@coinbase/cds-common/utils/join';
+import { Divider, VStack } from '../layout';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Accordion = /*#__PURE__*/memo(_ref => {
+  let {
+    activeKey,
+    children,
+    defaultActiveKey,
+    onChange,
+    setActiveKey,
+    testID,
+    style
+  } = _ref;
+  return /*#__PURE__*/_jsx(AccordionProvider, {
+    activeKey: activeKey,
+    defaultActiveKey: defaultActiveKey,
+    onChange: onChange,
+    setActiveKey: setActiveKey,
+    children: /*#__PURE__*/_jsx(VStack, {
+      style: style,
+      testID: testID,
+      width: "100%",
+      children: join(Children.toArray(children), /*#__PURE__*/_jsx(Divider, {
+        color: "bgLineHeavy"
+      }))
+    })
+  });
+});