@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/hooks/useCellSpacing.d.ts

@@ -0,0 +1,298 @@
+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('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    paddingX:
+      | import('@coinbase/cds-common').ThemeVars.Space
+      | {
+          base?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          phone?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          tablet?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          desktop?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+        };
+    paddingY:
+      | import('@coinbase/cds-common').ThemeVars.Space
+      | {
+          base?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          phone?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          tablet?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          desktop?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+        };
+    readonly paddingTop?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingBottom?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingStart?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingEnd?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly margin?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    marginX:
+      | 0
+      | -1
+      | -2
+      | -5
+      | -10
+      | -0.25
+      | -0.5
+      | -0.75
+      | -1.5
+      | -3
+      | -4
+      | -6
+      | -7
+      | -8
+      | -9
+      | {
+          base?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          phone?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          tablet?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          desktop?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+        };
+    readonly marginY?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginTop?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginBottom?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginEnd?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginStart?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+  };
+  readonly outer: {
+    readonly padding?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    paddingX:
+      | import('@coinbase/cds-common').ThemeVars.Space
+      | {
+          base?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          phone?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          tablet?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          desktop?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+        };
+    paddingY:
+      | import('@coinbase/cds-common').ThemeVars.Space
+      | {
+          base?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          phone?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          tablet?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+          desktop?: import('@coinbase/cds-common').ThemeVars.Space | undefined;
+        };
+    readonly paddingTop?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingBottom?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingStart?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly paddingEnd?: import('../styles/styleProps').ResponsiveProp<
+      import('@coinbase/cds-common').ThemeVars.Space | undefined
+    >;
+    readonly margin?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    marginX:
+      | 0
+      | -1
+      | -2
+      | -5
+      | -10
+      | -0.25
+      | -0.5
+      | -0.75
+      | -1.5
+      | -3
+      | -4
+      | -6
+      | -7
+      | -8
+      | -9
+      | {
+          base?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          phone?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          tablet?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+          desktop?:
+            | 0
+            | -1
+            | -2
+            | -5
+            | -10
+            | -0.25
+            | -0.5
+            | -0.75
+            | -1.5
+            | -3
+            | -4
+            | -6
+            | -7
+            | -8
+            | -9
+            | undefined;
+        };
+    readonly marginY?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginTop?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginBottom?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginEnd?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+    readonly marginStart?: import('../styles/styleProps').ResponsiveProp<
+      0 | -1 | -2 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1.5 | -3 | -4 | -6 | -7 | -8 | -9 | undefined
+    >;
+  };
+};
+//# 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,27 @@
+import type { GroupToggleState } from '@coinbase/cds-common/hooks/useGroupToggler';
+export type CheckboxGroupStateProps<T extends string> = {
+  select: React.ChangeEventHandler<HTMLInputElement>;
+  unselect: React.ChangeEventHandler<HTMLInputElement>;
+  toggle: React.ChangeEventHandler<HTMLInputElement>;
+  isAllSelected: GroupToggleState<T>['isAllSelected'];
+};
+/**
+ *
+ * @param values - An array of all possible options. Make sure the array doesn't change if it's the same values so that the handlers will also stay the same.
+ * @param initialState - Initial checked option values.
+ * @deprecated Do not use this.
+ * @returns [
+ *  state,
+    {
+      select,
+      unselect,
+      toggle,
+      isAllSelected,
+    }
+  ]
+ */
+export declare const useCheckboxGroupState: <T extends string>(
+  values: T[],
+  initialState?: T[],
+) => [Set<T>, CheckboxGroupStateProps<T>];
+//# 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":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAGnF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAAI;IACtD,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;CACrD,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,EACpD,QAAQ,CAAC,EAAE,EACX,eAAe,CAAC,EAAE,KACjB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAkCrC,CAAC"}

package/dts/hooks/useDimensions.d.ts

@@ -0,0 +1,73 @@
+import type { RefObject } from 'react';
+export declare const observerErr =
+  "\uD83D\uDCA1 react-cool-dimensions: the browser doesn't support Resize Observer, please use polyfill: https://github.com/wellyshen/react-cool-dimensions#resizeobserver-polyfill";
+export declare const borderBoxWarn =
+  "\uD83D\uDCA1 react-cool-dimensions: the browser doesn't support border-box size, fallback to content-box size. Please see: https://github.com/wellyshen/react-cool-dimensions#border-box-size-measurement";
+type State = {
+  currentBreakpoint: string;
+  width: number;
+  height: number;
+  x: number;
+  y: number;
+  entry?: ResizeObserverEntry;
+};
+export type Event<T> = {
+  entry: ResizeObserverEntry;
+  observe: (element: T | null) => void;
+  unobserve: () => void;
+} & State;
+type OnResize<T> = {
+  (event: Event<T>): void;
+};
+type ShouldUpdate = {
+  (state: State): boolean;
+};
+type Breakpoints = Record<string, number>;
+export type Options<T> = {
+  ref?: RefObject<T> | null;
+  useBorderBoxSize?: boolean;
+  breakpoints?: Breakpoints;
+  updateOnBreakpointChange?: boolean;
+  shouldUpdate?: ShouldUpdate;
+  onResize?: OnResize<T>;
+  polyfill?: any;
+};
+type Return<T> = {
+  ref: RefObject<T>;
+  entry?: ResizeObserverEntry;
+} & Omit<Event<T>, 'entry'>;
+/**
+ *
+ * Ported from react-cool-dimensions
+ * @link https://github.com/wellyshen/react-cool-dimensions
+ * Copyright (c) 2020 Welly Shen
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+ */
+export declare const useDimensions: <T extends HTMLElement>({
+  ref: refOpt,
+  useBorderBoxSize,
+  breakpoints,
+  updateOnBreakpointChange,
+  shouldUpdate,
+  onResize,
+  polyfill,
+}?: Options<T>) => Return<T>;
+export {};
+//# 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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,WAAW,qLACkJ,CAAC;AAC3K,eAAO,MAAM,aAAa,8MACyK,CAAC;AAEpM,KAAK,KAAK,GAAG;IACX,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,KAAK,CAAC;AACV,KAAK,QAAQ,CAAC,CAAC,IAAI;IACjB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CACzB,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;CACzB,CAAC;AACF,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IACvB,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AACF,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAkB5B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,8GASlD,OAAO,CAAC,CAAC,CAAM,KAAG,MAAM,CAAC,CAAC,CAqI5B,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-web.
+ */
+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/useHasMounted.d.ts

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

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

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

package/dts/hooks/useIsBrowser.d.ts

@@ -0,0 +1,3 @@
+/** Checks to see that there is a window and the DOM has mounted */
+export declare const useIsBrowser: () => boolean;
+//# sourceMappingURL=useIsBrowser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsBrowser.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsBrowser.ts"],"names":[],"mappings":"AAIA,mEAAmE;AACnE,eAAO,MAAM,YAAY,eAGxB,CAAC"}

package/dts/hooks/useIsoEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsoEffect: typeof useEffect;
+//# sourceMappingURL=useIsoEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsoEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsoEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,YAAY,kBAA4C,CAAC"}

package/dts/hooks/useMediaQuery.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,OAmB7C,CAAC"}

package/dts/hooks/useScrollBlocker.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlocker.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollBlocker.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,sBAGmB,OAAO,SAgCtD,CAAC"}

package/dts/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../core/theme';
+/** Returns the currently active Theme, determined by the ThemeProvider's `activeColorScheme`. */
+export declare const useTheme: () => Theme;
+//# sourceMappingURL=useTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,iGAAiG;AACjG,eAAO,MAAM,QAAQ,QAAO,KAI3B,CAAC"}

package/dts/hooks/useThemeContext.d.ts

@@ -0,0 +1,8 @@
+import { type ThemeContextValue } from '../system/ThemeProvider';
+/**
+ * Fetches the ThemeContextValue and verifies it is defined, so it must be used inside a ThemeProvider.
+ *
+ * If you instead need to fetch the ThemeContextValue without throwing an error when the context is undefined, you can use `useContext(ThemeContext)` instead.
+ */
+export declare const useThemeContext: () => ThemeContextValue;
+//# sourceMappingURL=useThemeContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useThemeContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,iBAIlC,CAAC"}

package/dts/icons/Icon.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { IconName, SharedProps } from '@coinbase/cds-common/types';
+import type { IconSize, IconSourcePixelSize } from '@coinbase/cds-common/types/IconSize';
+import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
+export type IconBaseProps = SharedProps &
+  Pick<
+    BoxBaseProps,
+    | 'padding'
+    | 'paddingX'
+    | 'paddingY'
+    | 'paddingTop'
+    | 'paddingEnd'
+    | 'paddingBottom'
+    | 'paddingStart'
+  > & {
+    /**
+     * Size for a given icon.
+     * @default m
+     */
+    size?: IconSize;
+    /** Name of the icon, as defined in Figma. */
+    name: IconName;
+    /**
+     * Fallback element to render if unable to find an icon with matching name
+     * @default null
+     * */
+    fallback?: null | React.ReactNode;
+    /**
+     * Toggles the active and inactive state of the navigation icon
+     * @default false
+     */
+    active?: boolean;
+    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    dangerouslySetColor?: string;
+  };
+export type IconProps = IconBaseProps &
+  BoxProps<BoxDefaultElement> & {
+    styles?: {
+      /** TO DO: Document this prop */
+      root?: React.CSSProperties;
+      /** TO DO: Document this prop */
+      icon?: React.CSSProperties;
+    };
+    classNames?: {
+      /** TO DO: Document this prop */
+      root?: string;
+      /** TO DO: Document this prop */
+      icon?: string;
+    };
+  };
+declare const getIconSourceSize: (iconSize: number) => IconSourcePixelSize;
+export declare const Icon: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<IconProps, 'ref'> & React.RefAttributes<HTMLElement>>
+>;
+export { getIconSourceSize };
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AACvF,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAOzF,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9F,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,YAAY,EACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,cAAc,CACjB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,QAAQ,CAAC,iBAAiB,CAAC,GAAG;IAC5B,MAAM,CAAC,EAAE;QACP,gCAAgC;QAChC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,gCAAgC;QAChC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,gCAAgC;QAChC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,gCAAgC;QAChC,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AA2CJ,QAAA,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,mBAI7C,CAAC;AAEF,eAAO,MAAM,IAAI,uHA8EhB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAuBzE,eAAO,MAAM,QAAQ,mDAA+B,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,6CAsBrF,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;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAuB7E,eAAO,MAAM,YAAY,6CAAyB,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,6CAiBvF,CAAC"}

package/dts/icons/SubBrandLogoMark.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SubBrandLogoMarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export declare const SubBrandLogoMark: React.MemoExoticComponent<
+  ({
+    type,
+    foreground,
+  }: Omit<SubBrandLogoMarkParams, '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;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAuBzF,eAAO,MAAM,gBAAgB,mDACJ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,6CA2BnE,CAAC"}

package/dts/icons/SubBrandLogoWordmark.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SubBrandLogoWordmarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export declare const SubBrandLogoWordmark: React.MemoExoticComponent<
+  (
+    props: Omit<SubBrandLogoWordmarkParams, '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;AACpC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAuB7F,eAAO,MAAM,oBAAoB,oCACvB,IAAI,CAAC,0BAA0B,EAAE,aAAa,CAAC,6CA2BxD,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,6 @@
+export * from './Icon';
+export * from './LogoMark';
+export * from './LogoWordmark';
+export * from './SubBrandLogoMark';
+export * from './SubBrandLogoWordmark';
+//# sourceMappingURL=index.d.ts.map