@coinbase/cds-mobile 0.0.0 → 8.13.1

package/dts/dots/dotStyles.d.ts

@@ -0,0 +1,11 @@
+export declare const getTransform: (translateX: number, translateY: number) => {
+    position: string;
+    transform: ({
+        translateX: number;
+        translateY?: undefined;
+    } | {
+        translateY: number;
+        translateX?: undefined;
+    })[];
+};
+//# sourceMappingURL=dotStyles.d.ts.map

package/dts/dots/dotStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotStyles.d.ts","sourceRoot":"","sources":["../../src/dots/dotStyles.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,EAAE,YAAY,MAAM;;;;;;;;;CAYlE,CAAC"}

package/dts/dots/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DotCount';
+export * from './DotStatusColor';
+export * from './DotSymbol';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dots/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dts/dots/useDotsLayout.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutRectangle } from 'react-native';
+import type { OnLayout } from '../hooks/useLayout';
+export declare const useDotsLayout: () => [LayoutRectangle | null, OnLayout];
+//# sourceMappingURL=useDotsLayout.d.ts.map

package/dts/dots/useDotsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDotsLayout.d.ts","sourceRoot":"","sources":["../../src/dots/useDotsLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,aAAa,QAAO,CAAC,eAAe,GAAG,IAAI,EAAE,QAAQ,CAQjE,CAAC"}

package/dts/examples/ExampleScreen.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { PaddingProps } from '@coinbase/cds-common/types';
+import type { BoxProps } from '../layout/Box';
+type ExampleRenderChildren = () => NonNullable<JSX.Element>;
+export type ExampleProps = {
+    children: ExampleRenderChildren | React.ReactNode[] | React.ReactNode;
+    inline?: boolean;
+    title?: string;
+    titlePadding?: PaddingProps;
+} & Omit<BoxProps, 'children'>;
+export declare const Example: ({ children, inline, title, titlePadding, ...props }: ExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleScreen: React.FC<React.PropsWithChildren<unknown>>;
+export {};
+//# sourceMappingURL=ExampleScreen.d.ts.map

package/dts/examples/ExampleScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/B,eAAO,MAAM,OAAO,GAAI,qDAAqD,YAAY,4CAiCxF,CAAC;AAmBF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAOpE,CAAC"}

package/dts/gradients/LinearGradient.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+type Coordinate = {
+    x: number;
+    y: number;
+};
+type LinearGradientProps = {
+    /**
+     * [Optional] pointerEvents determines how the view will handle touch events.
+     */
+    pointerEvents?: React.ComponentProps<typeof View>['pointerEvents'];
+    /**
+     * [Optional] The style for the LinearGradiend wrapper.
+     */
+    style?: React.ComponentProps<typeof View>['style'];
+    /**
+     * [Optional] Start position of the gradient. By default start is calculated
+     * based on the angle prop.
+     */
+    start?: Coordinate;
+    /**
+     * [Optional] End position of the gradient. By default end is calculated
+     * based on the angle prop.
+     * */
+    end?: Coordinate;
+    /**
+     * The relative positions of colors. If supplied, it must be of the same length as colors.
+     * @default [0, 1]
+     */
+    stops?: number[];
+    /**
+     * React children
+     */
+    children?: React.ReactNode;
+    /**
+     * Colors to be distributed between start and end.
+     */
+    colors: NonNullable<string>[];
+    /**
+     * @deprecated This prop will be removed in a future version. Please use the elevated prop instead.
+     * Sets layout position between SVG and children. Set it to false when gradient should overlay children content.
+     * @default true
+     */
+    isBelowChildren?: boolean;
+    /**
+     * @default false
+     * Linear gradient will overlay the children content when true
+     */
+    elevated?: boolean;
+    /**
+     * Sets gradient angle.
+     * @default 180
+     */
+    angle?: number;
+} & SharedProps;
+export declare function LinearGradient({ children, start, end, stops, colors, isBelowChildren, elevated, angle, style, pointerEvents, testID, }: LinearGradientProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinearGradient.d.ts.map

package/dts/gradients/LinearGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../src/gradients/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUxD,KAAK,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;SAGK;IACL,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,WAAW,CAAC;AAIhB,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAoB,EACpB,MAAM,EACN,eAAsB,EACtB,QAAQ,EACR,KAAW,EACX,KAAK,EACL,aAAa,EACb,MAAM,GACP,EAAE,mBAAmB,2CAmCrB"}

package/dts/gradients/__stories__/LinearGradient.stories.d.ts

@@ -0,0 +1,3 @@
+declare const LinearGradientScreen: () => import("react/jsx-runtime").JSX.Element;
+export default LinearGradientScreen;
+//# sourceMappingURL=LinearGradient.stories.d.ts.map

package/dts/gradients/__stories__/LinearGradient.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradient.stories.d.ts","sourceRoot":"","sources":["../../../src/gradients/__stories__/LinearGradient.stories.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,oBAAoB,+CA+BzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dts/hooks/__tests__/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const mockStatusBarHeight = 20;
+//# sourceMappingURL=constants.d.ts.map

package/dts/hooks/__tests__/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,KAAK,CAAC"}

package/dts/hooks/__tests__/useA11y.test.d.ts

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

package/dts/hooks/__tests__/useA11y.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useA11y.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useA11y.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useAppState.test.d.ts

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

package/dts/hooks/__tests__/useAppState.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppState.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useAppState.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useCellSpacing.test.d.ts

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

package/dts/hooks/__tests__/useCellSpacing.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellSpacing.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useCellSpacing.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useDimension.test.d.ts

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

package/dts/hooks/__tests__/useDimension.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimension.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useDimension.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useInputBorderStyle.test.d.ts

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

package/dts/hooks/__tests__/useInputBorderStyle.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBorderStyle.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useInputBorderStyle.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/usePressAnimation.test.d.ts

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

package/dts/hooks/__tests__/usePressAnimation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePressAnimation.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/usePressAnimation.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useScreenReaderStatus.test.d.ts

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

package/dts/hooks/__tests__/useScreenReaderStatus.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenReaderStatus.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useScreenReaderStatus.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useScrollOffset.test.d.ts

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

package/dts/hooks/__tests__/useScrollOffset.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollOffset.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useScrollOffset.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useScrollTo.test.d.ts

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

package/dts/hooks/__tests__/useScrollTo.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollTo.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useScrollTo.test.tsx"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useStatusBarHeight.test.d.ts

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

package/dts/hooks/__tests__/useStatusBarHeight.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusBarHeight.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useStatusBarHeight.test.ts"],"names":[],"mappings":""}

package/dts/hooks/__tests__/useWebBrowserOpener.test.d.ts

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

package/dts/hooks/__tests__/useWebBrowserOpener.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebBrowserOpener.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useWebBrowserOpener.test.tsx"],"names":[],"mappings":""}

package/dts/hooks/useA11y.d.ts

@@ -0,0 +1,5 @@
+export declare const useA11y: () => {
+    setA11yFocus: <T>(ref: React.RefObject<T>) => void;
+    announceForA11y: (text: string) => void;
+};
+//# sourceMappingURL=useA11y.d.ts.map

package/dts/hooks/useA11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useA11y.d.ts","sourceRoot":"","sources":["../../src/hooks/useA11y.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO;mBACgB,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;4BAQjB,MAAM;CAalD,CAAC"}

package/dts/hooks/useAnimatedTransition.d.ts

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+import type { MotionBaseSpec } from '@coinbase/cds-common/types';
+/** Animate to a new value from it's previously tracked state */
+export declare const useAnimatedTransition: (nextValue: number, motionSpec: Omit<MotionBaseSpec, "toValue" | "property">) => Animated.Value;
+//# sourceMappingURL=useAnimatedTransition.d.ts.map

package/dts/hooks/useAnimatedTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimatedTransition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,gEAAgE;AAChE,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,YAAY,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,CAAC,mBAkBzD,CAAC"}

package/dts/hooks/useAppState.d.ts

@@ -0,0 +1,2 @@
+export declare const useAppState: () => "background" | "unknown" | "active" | "inactive" | "extension";
+//# sourceMappingURL=useAppState.d.ts.map

package/dts/hooks/useAppState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppState.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppState.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,sEAgBvB,CAAC"}

package/dts/hooks/useCellSpacing.d.ts

@@ -0,0 +1,53 @@
+import type { CellSpacing } from '../cells/Cell';
+export declare const innerDefaults: {
+    readonly paddingX: 2;
+    readonly paddingY: 1;
+    readonly marginX: -2;
+};
+export declare const outerDefaults: {
+    readonly paddingX: 3;
+    readonly paddingY: 1;
+    readonly marginX: 0;
+};
+export type UseCellSpacingParams = {
+    innerSpacing?: CellSpacing;
+    outerSpacing?: CellSpacing;
+};
+/**
+ * Takes the inner and outerSpacing props from the Cell component and merges with their default values.
+ */
+export declare function useCellSpacing({ innerSpacing, outerSpacing, }?: UseCellSpacingParams | undefined): {
+    readonly inner: {
+        readonly padding?: import("@coinbase/cds-common").ThemeVars.Space;
+        paddingX: import("@coinbase/cds-common").ThemeVars.Space;
+        paddingY: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingTop?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingBottom?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingStart?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingEnd?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly margin?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginY?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginTop?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginBottom?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginStart?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginEnd?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+    };
+    readonly outer: {
+        readonly padding?: import("@coinbase/cds-common").ThemeVars.Space;
+        paddingX: import("@coinbase/cds-common").ThemeVars.Space;
+        paddingY: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingTop?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingBottom?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingStart?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly paddingEnd?: import("@coinbase/cds-common").ThemeVars.Space;
+        readonly margin?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginY?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginTop?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginBottom?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginStart?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+        readonly marginEnd?: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+    };
+};
+//# sourceMappingURL=useCellSpacing.d.ts.map

package/dts/hooks/useCellSpacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellSpacing.d.ts","sourceRoot":"","sources":["../../src/hooks/useCellSpacing.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,aAAa;;;;CAAoC,CAAC;AAC/D,eAAO,MAAM,aAAa;;;;CAAoC,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B,CAAC;AACF;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,YAAY,GACb,GAAE,oBAAoB,GAAG,SAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBvC"}

package/dts/hooks/useCheckboxGroupState.d.ts

@@ -0,0 +1,3 @@
+export type { GroupToggleState as CheckboxGroupState } from '@coinbase/cds-common/hooks/useGroupToggler';
+export { useGroupToggler as useCheckboxGroupState } from '@coinbase/cds-common/hooks/useGroupToggler';
+//# sourceMappingURL=useCheckboxGroupState.d.ts.map

package/dts/hooks/useCheckboxGroupState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxGroupState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckboxGroupState.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACzG,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,4CAA4C,CAAC"}

package/dts/hooks/useContentSize.d.ts

@@ -0,0 +1,7 @@
+export type OnContentSizeChange = (width: number, height: number) => void;
+export type ContentSize = {
+    width: number;
+    height: number;
+};
+export declare const useContentSize: () => [ContentSize, OnContentSizeChange];
+//# sourceMappingURL=useContentSize.d.ts.map

package/dts/hooks/useContentSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useContentSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,eAAO,MAAM,cAAc,QAAO,CAAC,WAAW,EAAE,mBAAmB,CAWlE,CAAC"}

package/dts/hooks/useDeviceColorScheme.d.ts

@@ -0,0 +1,4 @@
+import type { ColorScheme } from '@coinbase/cds-common/core/theme';
+/** Update device preference on app state change for Android. React Native's useColorScheme does not seem to fire on Android on App State change - this fixes that. */
+export declare const useDeviceColorScheme: () => ColorScheme;
+//# sourceMappingURL=useDeviceColorScheme.d.ts.map

package/dts/hooks/useDeviceColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeviceColorScheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAInE,sKAAsK;AACtK,eAAO,MAAM,oBAAoB,QAAO,WAuBvC,CAAC"}

package/dts/hooks/useDeviceFontScale.d.ts

@@ -0,0 +1,3 @@
+/** Update font scale on app change. RN does not offer a hook for tapping into this like useColorScheme so we have to manually handle based on app state. */
+export declare const useDeviceFontScale: () => number;
+//# sourceMappingURL=useDeviceFontScale.d.ts.map

package/dts/hooks/useDeviceFontScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceFontScale.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeviceFontScale.ts"],"names":[],"mappings":"AAKA,4JAA4J;AAC5J,eAAO,MAAM,kBAAkB,cAgB9B,CAAC"}

package/dts/hooks/useDimensions.d.ts

@@ -0,0 +1,7 @@
+export declare const IOS_BOTTOM_NAV_BAR_HEIGHT = 50;
+export declare function useDimensions(): {
+    screenHeight: number;
+    screenWidth: number;
+    statusBarHeight: number | undefined;
+};
+//# sourceMappingURL=useDimensions.d.ts.map

package/dts/hooks/useDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions.d.ts","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAG5C,wBAAgB,aAAa;;;;EAQ5B"}

package/dts/hooks/useDotPinStyles.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutRectangle } from 'react-native';
+import type { DotOverlap } from '@coinbase/cds-common';
+export type DotPinStylesKey = 'end' | 'start' | 'bottom' | 'top';
+export declare const useDotPinStyles: (childrenSize?: LayoutRectangle | null, dotSize?: LayoutRectangle | number | null, overlap?: DotOverlap) => {
+    end: number;
+    start: number;
+    bottom: number;
+    top: number;
+} | null;
+//# sourceMappingURL=useDotPinStyles.d.ts.map

package/dts/hooks/useDotPinStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDotPinStyles.d.ts","sourceRoot":"","sources":["../../src/hooks/useDotPinStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,eAAc,eAAe,GAAG,IAAW,EAC3C,UAAS,eAAe,GAAG,MAAM,GAAG,IAAW,EAC/C,UAAU,UAAU;;;;;QA2BrB,CAAC"}

package/dts/hooks/useEventHandler.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Avoid having to deal with transitive version issues.
+ * CDS common is dep of cds-mobile.
+ * This allows consumers to pull directly from cds-mobile.
+ */
+export { useEventHandler } from '@coinbase/cds-common/hooks/useEventHandler';
+//# sourceMappingURL=useEventHandler.d.ts.map

package/dts/hooks/useEventHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventHandler.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventHandler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC"}

package/dts/hooks/useHasNotch.d.ts

@@ -0,0 +1,2 @@
+export declare const useHasNotch: () => boolean;
+//# sourceMappingURL=useHasNotch.d.ts.map

package/dts/hooks/useHasNotch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasNotch.d.ts","sourceRoot":"","sources":["../../src/hooks/useHasNotch.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,eAKvB,CAAC"}

package/dts/hooks/useHorizontallyScrollingPressables.d.ts

@@ -0,0 +1,16 @@
+import type { LayoutChangeEvent, LayoutRectangle, NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
+type Options = {
+    scrollThrottleWaitTime?: number;
+    setActivePressableLayout?: React.Dispatch<React.SetStateAction<LayoutRectangle>>;
+};
+export declare const useHorizontallyScrollingPressables: (selectedPressableId: string, { scrollThrottleWaitTime, setActivePressableLayout }?: Options) => {
+    scrollRef: import("react").RefObject<ScrollView>;
+    isScrollContentOverflowing: boolean;
+    isScrollContentOffscreenRight: boolean;
+    handleScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    handleScrollContainerLayout: (event: LayoutChangeEvent) => void;
+    handleScrollContentSizeChange: (contentWidth: number) => void;
+    getPressableLayoutHandler: (id: string) => ({ nativeEvent: { layout } }: LayoutChangeEvent) => void;
+};
+export {};
+//# sourceMappingURL=useHorizontallyScrollingPressables.d.ts.map

package/dts/hooks/useHorizontallyScrollingPressables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHorizontallyScrollingPressables.d.ts","sourceRoot":"","sources":["../../src/hooks/useHorizontallyScrollingPressables.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,KAAK,OAAO,GAAG;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;CAClF,CAAC;AAMF,eAAO,MAAM,kCAAkC,GAC7C,qBAAqB,MAAM,EAC3B,uDAA4D,OAAY;;;;0BAmC9D,oBAAoB,CAAC,iBAAiB,CAAC;yCAOvC,iBAAiB;kDAUV,MAAM;oCA4BhB,MAAM,mCAC0D,iBAAiB;CAqCzF,CAAC"}

package/dts/hooks/useInputBorderAnimation.d.ts

@@ -0,0 +1,12 @@
+import { Animated } from 'react-native';
+import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
+type InputBorderAnimationReturnType = {
+    animateInputBorderIn: Animated.CompositeAnimation;
+    animateInputBorderOut: Animated.CompositeAnimation;
+    focusedBorderOpacity: Animated.Value;
+    focusedBorderRgba: string;
+    unFocusedBorderRgba: string;
+};
+export declare const useInputBorderAnimation: (fromVariant: InputVariant, toVariant: InputVariant) => InputBorderAnimationReturnType;
+export {};
+//# sourceMappingURL=useInputBorderAnimation.d.ts.map

package/dts/hooks/useInputBorderAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBorderAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputBorderAnimation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAM9E,KAAK,8BAA8B,GAAG;IACpC,oBAAoB,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAClD,qBAAqB,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACnD,oBAAoB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAgBF,eAAO,MAAM,uBAAuB,GAClC,aAAa,YAAY,EACzB,WAAW,YAAY,KACtB,8BAgBF,CAAC"}

package/dts/hooks/useInputBorderStyle.d.ts

@@ -0,0 +1,20 @@
+import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
+/**
+ *
+ * @param focused
+ * @param initialVariant
+ * @param focusedVariant
+ * @param bordered
+ */
+export declare const useInputBorderStyle: (focused: boolean, initialVariant: InputVariant, focusedVariant: InputVariant, bordered?: boolean) => {
+    borderUnfocusedStyle: {
+        borderColor: string;
+        borderWidth: number;
+    };
+    borderFocusedStyle: {
+        opacity: import("react-native").Animated.Value;
+        borderColor: string;
+        borderWidth: number;
+    };
+};
+//# sourceMappingURL=useInputBorderStyle.d.ts.map

package/dts/hooks/useInputBorderStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBorderStyle.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputBorderStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAI9E;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,OAAO,EAChB,gBAAgB,YAAY,EAC5B,gBAAgB,YAAY,EAC5B,kBAAe;;;;;;;;;;CA+ChB,CAAC"}

package/dts/hooks/useLayout.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutChangeEvent, LayoutRectangle } from 'react-native';
+export type OnLayout = (event: LayoutChangeEvent) => void;
+export declare const useLayout: () => [LayoutRectangle, OnLayout];
+//# sourceMappingURL=useLayout.d.ts.map

package/dts/hooks/useLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAE1D,eAAO,MAAM,SAAS,QAAO,CAAC,eAAe,EAAE,QAAQ,CActD,CAAC"}

package/dts/hooks/usePressAnimation.d.ts

@@ -0,0 +1,8 @@
+import { Animated } from 'react-native';
+import type { GestureResponderEvent } from 'react-native';
+export declare function usePressAnimation(factor?: number): [
+    (event?: GestureResponderEvent) => void,
+    (event?: GestureResponderEvent) => void,
+    Animated.Value
+];
+//# sourceMappingURL=usePressAnimation.d.ts.map

package/dts/hooks/usePressAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePressAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/usePressAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,wBAAgB,iBAAiB,CAC/B,MAAM,SAAO,GACZ;IACD,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI;IACvC,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI;IACvC,QAAQ,CAAC,KAAK;CACf,CAoBA"}

package/dts/hooks/useSafeBottomPadding.d.ts

@@ -0,0 +1,2 @@
+export declare const useSafeBottomPadding: () => number;
+//# sourceMappingURL=useSafeBottomPadding.d.ts.map

package/dts/hooks/useSafeBottomPadding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSafeBottomPadding.d.ts","sourceRoot":"","sources":["../../src/hooks/useSafeBottomPadding.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,QAAO,MAMvC,CAAC"}

package/dts/hooks/useScreenReaderStatus.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook to track screen reader status and update when changed.
+ *
+ * @returns {boolean} isScreenReaderEnabled - Whether screen reader is enabled
+ */
+export declare const useScreenReaderStatus: () => boolean;
+//# sourceMappingURL=useScreenReaderStatus.d.ts.map

package/dts/hooks/useScreenReaderStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenReaderStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenReaderStatus.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AAEH,eAAO,MAAM,qBAAqB,eAmBjC,CAAC"}

package/dts/hooks/useScrollOffset.d.ts

@@ -0,0 +1,8 @@
+import { Animated } from 'react-native';
+export declare function useScrollOffset(): {
+    onScroll: (...args: any[]) => void;
+    xOffset: Animated.Value;
+    yOffset: Animated.Value;
+    currentIndex: number;
+};
+//# sourceMappingURL=useScrollOffset.d.ts.map

package/dts/hooks/useScrollOffset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollOffset.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,wBAAgB,eAAe;;;;;EAqC9B"}

package/dts/hooks/useScrollTo.d.ts

@@ -0,0 +1,20 @@
+import type { ScrollView } from 'react-native';
+type CallbackRef<T> = (node: T) => void;
+type AnyRef<T> = React.Ref<T | null | undefined> | CallbackRef<T | null | undefined> | React.MutableRefObject<T | null | undefined>;
+export type ScrollRef = CallbackRef<ScrollView> | null;
+export type ScrollToParams = {
+    x?: number;
+    y?: number;
+    animated?: boolean;
+};
+export type ScrollToFn = (params: ScrollToParams) => void;
+export type ScrollToEndFn = (params?: {
+    animated?: boolean;
+}) => void;
+export type ScrollToFns = {
+    scrollTo: ScrollToFn;
+    scrollToEnd: ScrollToEndFn;
+};
+export declare const useScrollTo: (ref?: AnyRef<ScrollView>) => [ScrollRef, ScrollToFns];
+export {};
+//# sourceMappingURL=useScrollTo.d.ts.map

package/dts/hooks/useScrollTo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollTo.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollTo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AACxC,KAAK,MAAM,CAAC,CAAC,IACT,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,GAC/B,WAAW,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,GACjC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,KAAK,IAAI,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,CAAC,UAAU,CAAC,KAAG,CAAC,SAAS,EAAE,WAAW,CAY7E,CAAC"}

package/dts/hooks/useSelectionCellBorderStyle.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common';
+export declare const useSelectionCellBorderStyle: ({ pressed, pressedBorderColor, borderColor, pressedBorderWidth, borderWidth, }: {
+    pressed: boolean;
+    pressedBorderColor: ThemeVars.Color;
+    borderColor: ThemeVars.Color;
+    pressedBorderWidth: ThemeVars.BorderWidth;
+    borderWidth: ThemeVars.BorderWidth;
+}) => {
+    focusRingStyle: {
+        opacity: Animated.Value;
+        borderColor: string;
+        borderWidth: number;
+    };
+    pressedStyle: {
+        borderColor: string;
+        borderWidth: number;
+    };
+    unpressedStyle: {
+        borderColor: string;
+        borderWidth: number;
+    };
+};
+//# sourceMappingURL=useSelectionCellBorderStyle.d.ts.map

package/dts/hooks/useSelectionCellBorderStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionCellBorderStyle.d.ts","sourceRoot":"","sources":["../../src/hooks/useSelectionCellBorderStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAetD,eAAO,MAAM,2BAA2B,GAAI,gFAMzC;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;IACpC,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC,WAAW,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC;CACpC;;;;;;;;;;;;;;CAgDA,CAAC"}

package/dts/hooks/useStatusBarHeight.d.ts

@@ -0,0 +1,6 @@
+/**
+ * StatusBar api returns weird incorrect values for iOS.
+ * This implementation is based off of the implementation identified in this article. https://blog.expo.dev/the-status-bar-manager-in-react-native-6226058ecba
+ */
+export declare const useStatusBarHeight: () => number | undefined;
+//# sourceMappingURL=useStatusBarHeight.d.ts.map

package/dts/hooks/useStatusBarHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusBarHeight.d.ts","sourceRoot":"","sources":["../../src/hooks/useStatusBarHeight.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,0BAwB9B,CAAC"}