@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/icons/LogoMark.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { LogoMarkParams } from '@coinbase/cds-common/hooks/useLogo';
+export declare const LogoMark: React.MemoExoticComponent<
+  ({
+    size,
+    foreground,
+  }: Omit<LogoMarkParams, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=LogoMark.d.ts.map

package/dts/icons/LogoMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoMark.d.ts","sourceRoot":"","sources":["../../src/icons/LogoMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAKzE,eAAO,MAAM,QAAQ,mDAA+B,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,6CAarF,CAAC"}

package/dts/icons/LogoWordmark.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { LogoWordmarkParams } from '@coinbase/cds-common/hooks/useLogo';
+export declare const LogoWordmark: React.MemoExoticComponent<
+  ({
+    foreground,
+  }: Omit<LogoWordmarkParams, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=LogoWordmark.d.ts.map

package/dts/icons/LogoWordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWordmark.d.ts","sourceRoot":"","sources":["../../src/icons/LogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAK7E,eAAO,MAAM,YAAY,6CAAyB,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,6CASvF,CAAC"}

package/dts/icons/SubBrandLogoMark.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SubBrandLogoMarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export type SubBrandLogoMarkProps = SubBrandLogoMarkParams;
+export declare const SubBrandLogoMark: React.MemoExoticComponent<
+  (props: Omit<SubBrandLogoMarkProps, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SubBrandLogoMark.d.ts.map

package/dts/icons/SubBrandLogoMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoMark.d.ts","sourceRoot":"","sources":["../../src/icons/SubBrandLogoMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;AAE3D,eAAO,MAAM,gBAAgB,oCAAgB,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,6CAerF,CAAC"}

package/dts/icons/SubBrandLogoWordmark.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SubBrandLogoWordmarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export type SubBrandLogoWordmarkProps = SubBrandLogoWordmarkParams;
+export declare const SubBrandLogoWordmark: React.MemoExoticComponent<
+  (props: Omit<SubBrandLogoWordmarkProps, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SubBrandLogoWordmark.d.ts.map

package/dts/icons/SubBrandLogoWordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoWordmark.d.ts","sourceRoot":"","sources":["../../src/icons/SubBrandLogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAK7F,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAC;AAEnE,eAAO,MAAM,oBAAoB,oCACvB,IAAI,CAAC,yBAAyB,EAAE,aAAa,CAAC,6CAgBvD,CAAC"}

package/dts/icons/TextIcon.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Animated } from 'react-native';
+import type { StyleProp, TextStyle } from 'react-native';
+import type { IconName } from '@coinbase/cds-common';
+import type { IconProps } from './Icon';
+export type TextIconProps = Pick<IconProps, 'color' | 'size' | 'testID'> & {
+  name: IconName;
+  active?: boolean;
+} & (
+    | {
+        animated: true;
+        style: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
+      }
+    | {
+        animated?: false | undefined;
+        style?: StyleProp<TextStyle>;
+      }
+  );
+/**
+ *
+ * This is a simplified, text-only version of the Icon component.
+ * Nested text components need to all be RN Text and the Icon component has a box wrapper to handle border and badges.
+ * Adheres to all the requirements for Nested Text on react native. https://reactnative.dev/docs/text#nested-text
+ */
+export declare const TextIcon: React.NamedExoticComponent<TextIconProps>;
+//# sourceMappingURL=TextIcon.d.ts.map

package/dts/icons/TextIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAQ,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IACzE,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,CACE;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CACzD,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CACJ,CAAC;AACJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,2CA2CnB,CAAC"}

package/dts/icons/__figma__/Icon.figma.d.ts

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

package/dts/icons/__figma__/Icon.figma.d.ts.map

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

package/dts/icons/__figma__/LogoMark.figma.d.ts

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

package/dts/icons/__figma__/LogoMark.figma.d.ts.map

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

package/dts/icons/__figma__/LogoWordmark.figma.d.ts

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

package/dts/icons/__figma__/LogoWordmark.figma.d.ts.map

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

package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts

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

package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts.map

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

package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts

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

package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts.map

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

package/dts/icons/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Icon';
+export * from './LogoMark';
+export * from './LogoWordmark';
+export * from './SubBrandLogoMark';
+export * from './SubBrandLogoWordmark';
+export * from './TextIcon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

package/dts/illustrations/HeroSquare.d.ts

@@ -0,0 +1,19 @@
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type HeroSquareBaseProps = IllustrationBaseProps<'heroSquare'> &
+  IllustrationA11yProps & {
+    /**
+     * HeroSquare dimensions.
+     * @default  240x240
+     * */
+    dimension?: IllustrationDimensionsMap['heroSquare'];
+  };
+export type HeroSquareProps = HeroSquareBaseProps;
+export declare const HeroSquare: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'heroSquare'>
+>;
+export type { HeroSquareName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=HeroSquare.d.ts.map

package/dts/illustrations/HeroSquare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSquare.d.ts","sourceRoot":"","sources":["../../src/illustrations/HeroSquare.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,YAAY,CAAC,GACnE,qBAAqB,GAAG;IACtB;;;SAGK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,kHAA4D,CAAC;AAEpF,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/Pictogram.d.ts

@@ -0,0 +1,18 @@
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type PictogramBaseProps = IllustrationBaseProps<'pictogram'> &
+  IllustrationA11yProps & {
+    /**
+     * @default 48x48
+     * */
+    dimension?: IllustrationDimensionsMap['pictogram'];
+  };
+export type PictogramProps = PictogramBaseProps;
+export declare const Pictogram: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'pictogram'>
+>;
+export type { PictogramName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=Pictogram.d.ts.map

package/dts/illustrations/Pictogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../src/illustrations/Pictogram.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,WAAW,CAAC,GACjE,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;CACpD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD,eAAO,MAAM,SAAS,iHAA0D,CAAC;AAEjF,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotIcon.d.ts

@@ -0,0 +1,18 @@
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export declare const SpotIcon: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotIcon'>
+>;
+export type SpotIconBaseProps = IllustrationBaseProps<'spotIcon'> &
+  IllustrationA11yProps & {
+    /**
+     * @default 32x32
+     * */
+    dimension?: IllustrationDimensionsMap['spotSquare'];
+  };
+export type SpotIconProps = SpotIconBaseProps;
+export type { SpotIconName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotIcon.d.ts.map

package/dts/illustrations/SpotIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotIcon.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,QAAQ,gHAA2C,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC/D,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotRectangle.d.ts

@@ -0,0 +1,19 @@
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type SpotRectangleBaseProps = IllustrationBaseProps<'spotRectangle'> &
+  IllustrationA11yProps & {
+    /**
+     * SpotRectangle dimensions
+     * @default 240x120
+     * */
+    dimension?: IllustrationDimensionsMap['spotRectangle'];
+  };
+export type SpotRectangleProps = SpotRectangleBaseProps;
+export declare const SpotRectangle: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotRectangle'>
+>;
+export type { SpotRectangleName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotRectangle.d.ts.map

package/dts/illustrations/SpotRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotRectangle.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotRectangle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,eAAe,CAAC,GACzE,qBAAqB,GAAG;IACtB;;;SAGK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;CACxD,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,eAAO,MAAM,aAAa,qHAAkE,CAAC;AAE7F,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotSquare.d.ts

@@ -0,0 +1,18 @@
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export declare const SpotSquare: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotSquare'>
+>;
+export type SpotSquareBaseProps = IllustrationBaseProps<'spotSquare'> &
+  IllustrationA11yProps & {
+    /**
+     * @default 96x96
+     * */
+    dimension?: IllustrationDimensionsMap['spotSquare'];
+  };
+export type SpotSquareProps = SpotSquareBaseProps;
+export type { SpotSquareName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotSquare.d.ts.map

package/dts/illustrations/SpotSquare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotSquare.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotSquare.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,UAAU,kHAA4D,CAAC;AAEpF,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,YAAY,CAAC,GACnE,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/__figma__/HeroSquare.figma.d.ts

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

package/dts/illustrations/__figma__/HeroSquare.figma.d.ts.map

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

package/dts/illustrations/__figma__/Pictogram.figma.d.ts

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

package/dts/illustrations/__figma__/Pictogram.figma.d.ts.map

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

package/dts/illustrations/__figma__/SpotIcon.figma.d.ts

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

package/dts/illustrations/__figma__/SpotIcon.figma.d.ts.map

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

package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts

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

package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts.map

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

package/dts/illustrations/__figma__/SpotSquare.figma.d.ts

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

package/dts/illustrations/__figma__/SpotSquare.figma.d.ts.map

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

package/dts/illustrations/createIllustration.d.ts

@@ -0,0 +1,73 @@
+import React from 'react';
+import type { AccessibilityProps } from 'react-native';
+import type { IllustrationVariant } from '@coinbase/cds-common/types/IllustrationNames';
+import type {
+  HeroSquareDimension,
+  PictogramDimension,
+  SpotIconDimension,
+  SpotRectangleDimension,
+  SpotSquareDimension,
+} from '@coinbase/cds-common/types/IllustrationProps';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type {
+  HeroSquareName,
+  PictogramName,
+  SpotIconName,
+  SpotRectangleName,
+  SpotSquareName,
+} from '@coinbase/cds-illustrations';
+export type IllustrationNamesMap = {
+  heroSquare: HeroSquareName;
+  spotRectangle: SpotRectangleName;
+  pictogram: PictogramName;
+  spotSquare: SpotSquareName;
+  spotIcon: SpotIconName;
+};
+export type IllustrationDimensionsMap = {
+  heroSquare: HeroSquareDimension;
+  spotSquare: SpotSquareDimension;
+  spotRectangle: SpotRectangleDimension;
+  pictogram: PictogramDimension;
+  spotIcon: SpotIconDimension;
+};
+export type IllustrationBaseProps<T extends keyof IllustrationNamesMap> = SharedProps & {
+  /** Name of illustration as defined in Figma */
+  name: IllustrationNamesMap[T];
+  /**
+   * HeroSquare Default:  240x240
+   * SpotSquare Default: 96x96
+   * Pictogram Default: 48x48
+   * SpotRectangle Default: 240x120
+   *
+   */
+  dimension?: IllustrationDimensionsMap[T];
+  /** Multiply the width & height while maintaining aspect ratio */
+  scaleMultiplier?: number;
+  /**
+   * Fallback element to render if unable to find an illustration with the matching name
+   * @default null
+   * */
+  fallback?: null | React.ReactElement;
+};
+type IllustrationConfigShape = Record<
+  string,
+  {
+    light: () => string;
+    dark: () => string;
+  }
+>;
+export type IllustrationA11yProps = Pick<
+  AccessibilityProps,
+  'accessibilityLabel' | 'accessibilityHint'
+>;
+export type IllustrationBasePropsWithA11y<Type extends IllustrationVariant> =
+  IllustrationBaseProps<Type> & IllustrationA11yProps;
+export declare function createIllustration<
+  Variant extends IllustrationVariant,
+  Config extends IllustrationConfigShape,
+>(
+  variant: Variant,
+  config: Config,
+): React.NamedExoticComponent<IllustrationBasePropsWithA11y<Variant>>;
+export {};
+//# sourceMappingURL=createIllustration.d.ts.map

package/dts/illustrations/createIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIllustration.d.ts","sourceRoot":"","sources":["../../src/illustrations/createIllustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACf,MAAM,6BAA6B,CAAC;AAKrC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,iBAAiB,CAAC;IACjC,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,EAAE,mBAAmB,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC;IAChC,aAAa,EAAE,sBAAsB,CAAC;IACtC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,oBAAoB,IAAI,WAAW,GAAG;IACtF,+CAA+C;IAC/C,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;IACzC,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;CACtC,CAAC;AAEF,KAAK,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,MAAM,CAAA;CAAE,CAAC,CAAC;AAE3F,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,kBAAkB,EAClB,oBAAoB,GAAG,mBAAmB,CAC3C,CAAC;AAEF,MAAM,MAAM,6BAA6B,CAAC,IAAI,SAAS,mBAAmB,IACxE,qBAAqB,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC;AAEtD,wBAAgB,kBAAkB,CAChC,OAAO,SAAS,mBAAmB,EACnC,MAAM,SAAS,uBAAuB,EACtC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sEAoDjC"}

package/dts/illustrations/index.d.ts

@@ -0,0 +1,6 @@
+export * from './HeroSquare';
+export * from './Pictogram';
+export * from './SpotIcon';
+export * from './SpotRectangle';
+export * from './SpotSquare';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dts/index.d.ts

@@ -0,0 +1,4 @@
+export * from './core/theme';
+export * from './hooks/useTheme';
+export * from './system/ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dts/index.d.ts.map

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

package/dts/layout/Box.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Animated, type StyleProp, View, type ViewProps, type ViewStyle } from 'react-native';
+import type { PinningDirection } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { ElevationLevels } from '@coinbase/cds-common/types/ElevationLevels';
+import type { Theme } from '../core/theme';
+import { type StyleProps } from '../styles/styleProps';
+export type BoxBaseProps = StyleProps & {
+  children?: React.ReactNode;
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  animated?: boolean;
+  /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+  elevation?: ElevationLevels;
+  font?: ThemeVars.FontFamily | 'inherit';
+  /** Direction in which to absolutely pin the box. */
+  pin?: PinningDirection;
+  /** Add a border around all sides of the box. */
+  bordered?: boolean;
+  /** Add a border to the top side of the box. */
+  borderedTop?: boolean;
+  /** Add a border to the bottom side of the box. */
+  borderedBottom?: boolean;
+  /** Add a border to the leading side of the box. */
+  borderedStart?: boolean;
+  /** Add a border to the trailing side of the box. */
+  borderedEnd?: boolean;
+  /** Add a border to the leading and trailing sides of the box. */
+  borderedHorizontal?: boolean;
+  /** Add a border to the top and bottom sides of the box. */
+  borderedVertical?: boolean;
+  /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+  dangerouslySetBackground?: string;
+  /** Used to locate this element in unit and end-to-end tests. */
+  testID?: string;
+};
+export type BoxProps = BoxBaseProps & Omit<ViewProps, 'style'>;
+export declare const getElevationStyles: (
+  elevation: ElevationLevels,
+  theme: Theme,
+  background?: ThemeVars.Color,
+) => ViewStyle;
+export declare const Box: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    StyleProps & {
+      children?: React.ReactNode;
+      style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+      animated?: boolean;
+      /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+      elevation?: ElevationLevels;
+      font?: ThemeVars.FontFamily | 'inherit';
+      /** Direction in which to absolutely pin the box. */
+      pin?: PinningDirection;
+      /** Add a border around all sides of the box. */
+      bordered?: boolean;
+      /** Add a border to the top side of the box. */
+      borderedTop?: boolean;
+      /** Add a border to the bottom side of the box. */
+      borderedBottom?: boolean;
+      /** Add a border to the leading side of the box. */
+      borderedStart?: boolean;
+      /** Add a border to the trailing side of the box. */
+      borderedEnd?: boolean;
+      /** Add a border to the leading and trailing sides of the box. */
+      borderedHorizontal?: boolean;
+      /** Add a border to the top and bottom sides of the box. */
+      borderedVertical?: boolean;
+      /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+      dangerouslySetBackground?: string;
+      /** Used to locate this element in unit and end-to-end tests. */
+      testID?: string;
+    } & Omit<ViewProps, 'style'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Box.d.ts.map

package/dts/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iHAAiH;IACjH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC,oDAAoD;IACpD,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,GAC7B,WAAW,eAAe,EAC1B,OAAO,KAAK,EACZ,aAAa,SAAS,CAAC,KAAK,KAC3B,SAeF,CAAC;AAwEF,eAAO,MAAM,GAAG;eAzHH,KAAK,CAAC,SAAS;YAClB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;eAC7C,OAAO;IAClB,iHAAiH;gBACrG,eAAe;WACpB,SAAS,CAAC,UAAU,GAAG,SAAS;IACvC,oDAAoD;UAC9C,gBAAgB;IACtB,gDAAgD;eACrC,OAAO;IAClB,+CAA+C;kBACjC,OAAO;IACrB,kDAAkD;qBACjC,OAAO;IACxB,mDAAmD;oBACnC,OAAO;IACvB,oDAAoD;kBACtC,OAAO;IACrB,iEAAiE;yBAC5C,OAAO;IAC5B,2DAA2D;uBACxC,OAAO;IAC1B,wFAAwF;+BAC7D,MAAM;IACjC,gEAAgE;aACvD,MAAM;0DA+WhB,CAAC"}

package/dts/layout/Divider.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { BoxProps } from './Box';
+export type DividerBaseProps = {
+  /**
+   * Color of the divider line.
+   * @default line
+   */
+  color?: ThemeVars.Color;
+  /**
+   * The direction to render the divider line.
+   * @default horizontal
+   */
+  direction?: 'horizontal' | 'vertical';
+};
+export type DividerProps = DividerBaseProps & BoxProps;
+export declare const Divider: React.NamedExoticComponent<DividerProps>;
+//# sourceMappingURL=Divider.d.ts.map

package/dts/layout/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,OAAO,0CAqBlB,CAAC"}

package/dts/layout/Fallback.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Shape } from '@coinbase/cds-common/types/Shape';
+import type { BoxProps } from './Box';
+export type FallbackBaseProps = {
+  height: number | string;
+  /**
+   * @default rectangle
+   */
+  shape?: Shape;
+  width: number | string;
+  /** Disables randomization of rectangle shape width. */
+  disableRandomRectWidth?: boolean;
+  /**
+   * When shape is a rectangle, creates a variant with deterministic width.
+   * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
+   */
+  rectWidthVariant?: number;
+};
+export type FallbackProps = Omit<BoxProps, 'borderRadius' | 'height' | 'width'> & FallbackBaseProps;
+export declare const Fallback: React.NamedExoticComponent<FallbackProps>;
+//# sourceMappingURL=Fallback.d.ts.map

package/dts/layout/Fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.d.ts","sourceRoot":"","sources":["../../src/layout/Fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAM9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,iBAAiB,CAAC;AAEpG,eAAO,MAAM,QAAQ,2CA2FnB,CAAC"}

package/dts/layout/Group.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type BoxProps } from './Box';
+export type GroupDirection = 'horizontal' | 'vertical';
+export type GroupBaseProps<BoxProps> = BoxProps & {
+  /** Accessibility label describing the group of items. */
+  accessibilityLabel?: string;
+  /** Items to render in a group. */
+  children?: React.ReactNode;
+  /** Direction a group of components should flow.
+   * @default vertical
+   */
+  direction?: GroupDirection;
+  /** Divider Component to include between each item in a group. */
+  divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+  /** Gap to insert between siblings. */
+  gap?: ThemeVars.Space;
+  /** Control the layout of each item in a group.
+   * @default Box component for given platform
+   * @example
+   * ```
+   * renderItem={({item, Wrapper, index}) => {
+   *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
+   * }}
+   * ```
+   */
+  renderItem?: (info: {
+    Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
+    item: React.ReactChild;
+    index: number;
+    isFirst: boolean;
+    isLast: boolean;
+  }) => React.ReactChild;
+};
+export type RenderGroupItem = GroupBaseProps<BoxProps>['renderItem'];
+export type GroupProps = GroupBaseProps<BoxProps>;
+/**
+ * @deprecated Use `Box`, `HStack` or `VStack` instead.
+ * @danger Make sure to add a `key` prop to each item.
+ */
+export declare const Group: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    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?: 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'> & {
+        /** Accessibility label describing the group of items. */
+        accessibilityLabel?: string;
+        /** Items to render in a group. */
+        children?: React.ReactNode;
+        /** Direction a group of components should flow.
+         * @default vertical
+         */
+        direction?: GroupDirection;
+        /** Divider Component to include between each item in a group. */
+        divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+        /** Gap to insert between siblings. */
+        gap?: ThemeVars.Space;
+        /** Control the layout of each item in a group.
+         * @default Box component for given platform
+         * @example
+         * ```
+         * renderItem={({item, Wrapper, index}) => {
+         *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
+         * }}
+         * ```
+         */
+        renderItem?:
+          | ((info: {
+              Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
+              item: React.ReactChild;
+              index: number;
+              isFirst: boolean;
+              isLast: boolean;
+            }) => React.ReactChild)
+          | undefined;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Group.d.ts.map