@coinbase/cds-common 0.0.0 → 8.13.2

package/dts/utils/convertDimensionToSize.d.ts

@@ -0,0 +1,8 @@
+import type { IllustrationDimension } from '../types';
+export type SizeObject = {
+  width: number;
+  height: number;
+};
+/** Statically lookup a dimension string such as "24x24" and return it's size object { width: 24, height: 24 } */
+export declare function convertDimensionToSize(dimension: IllustrationDimension): SizeObject;
+//# sourceMappingURL=convertDimensionToSize.d.ts.map

package/dts/utils/convertDimensionToSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertDimensionToSize.d.ts","sourceRoot":"","sources":["../../src/utils/convertDimensionToSize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,iHAAiH;AACjH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,qBAAqB,GAAG,UAAU,CAMnF"}

package/dts/utils/convertSizeWithMultiplier.d.ts

@@ -0,0 +1,12 @@
+/** Take a width, height object return the same object with a multiplier applied. */
+export declare function convertSizeWithMultiplier(
+  size: {
+    width: number;
+    height: number;
+  },
+  multiplier: number,
+): {
+  width: number;
+  height: number;
+};
+//# sourceMappingURL=convertSizeWithMultiplier.d.ts.map

package/dts/utils/convertSizeWithMultiplier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertSizeWithMultiplier.d.ts","sourceRoot":"","sources":["../../src/utils/convertSizeWithMultiplier.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACvC,UAAU,EAAE,MAAM;;;EAMnB"}

package/dts/utils/debounce.d.ts

@@ -0,0 +1,5 @@
+export declare function debounce<Params extends unknown[]>(
+  func: (...args: Params) => unknown,
+  timeout: number,
+): (...args: Params) => void;
+//# sourceMappingURL=debounce.d.ts.map

package/dts/utils/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,MAAM,SAAS,OAAO,EAAE,EAC/C,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,MAAM,KAAK,OAAO,EAClC,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,MAAM,KAAK,IAAI,CAQ3B"}

package/dts/utils/delay.d.ts

@@ -0,0 +1,5 @@
+/** Delay
+ * @example await delay(200);
+ */
+export declare const delay: (milliseconds: number) => Promise<unknown>;
+//# sourceMappingURL=delay.d.ts.map

package/dts/utils/delay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delay.d.ts","sourceRoot":"","sources":["../../src/utils/delay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,KAAK,GAAU,cAAc,MAAM,qBAG5C,CAAC"}

package/dts/utils/flattenNodes.d.ts

@@ -0,0 +1,9 @@
+type Child = string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function hasProps(child: Child): child is React.ReactElement;
+export default function flattenNodes(
+  children: React.ReactNode,
+  depth?: number,
+  keys?: (string | number)[],
+): Child[];
+export {};
+//# sourceMappingURL=flattenNodes.d.ts.map

package/dts/utils/flattenNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenNodes.d.ts","sourceRoot":"","sources":["../../src/utils/flattenNodes.ts"],"names":[],"mappings":"AASA,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;AAGlG,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC,YAAY,CAElE;AAGD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,SAAI,EACT,IAAI,GAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,GAC7B,KAAK,EAAE,CA4BT"}

package/dts/utils/formatCount.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Formats a count number into a string representation.
+ * @param count - The count number to be formatted.
+ * @returns The formatted count as a string.
+ *
+ * @example
+ * // returns '999'
+ * formatCount(999)
+ *
+ * @example
+ * // returns '1.5K'
+ * formatCount(1500)
+ *
+ * @example
+ * // returns '1.5M
+ * formatCount(1500000)
+ * @example
+ * // returns '1.5B'
+ * formatCount(1500000000)
+ *
+ * @example
+ * // returns '1.5T'
+ * formatCount(1500000000000)
+ */
+export declare const formatCount: (count: number) => string;
+//# sourceMappingURL=formatCount.d.ts.map

package/dts/utils/formatCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatCount.d.ts","sourceRoot":"","sources":["../../src/utils/formatCount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,WAoBxC,CAAC"}

package/dts/utils/getAccessibleColor.d.ts

@@ -0,0 +1,33 @@
+import { type A11yColorUsage } from '../types/Color';
+type GetAccessibleColorParams = {
+  background: string;
+  foreground?: 'auto';
+  /**
+   * Where the foreground color is being applied.
+   * @default 'normalText'
+   */
+  usage?: A11yColorUsage;
+  /** Use higher contrast ratio. */
+  enhanced?: boolean;
+};
+/**
+ * People with low vision often have difficulty reading text that does not contrast with its background.
+ * This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further.
+ * Providing a minimum luminance contrast ratio between the text and its background can make the text more
+ * readable even if the person does not see the full range of colors. It also works for the rare individuals who see no color.
+ *
+ * If foreground='auto:
+ * 2. Return white or black based on contrast ratio with background.
+ *
+ * If foreground does not exist or doesn't meet contrast criteria:
+ * 1. Check background color contrast ratios with white and black
+ * 2. Return the color with higher contrast.
+ */
+export declare const getAccessibleColor: ({
+  background,
+  foreground,
+  usage,
+  enhanced,
+}: GetAccessibleColorParams) => 'rgb(255,255,255)' | 'rgb(0,0,0)' | '#ffffff' | '#000000';
+export {};
+//# sourceMappingURL=getAccessibleColor.d.ts.map

package/dts/utils/getAccessibleColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAccessibleColor.d.ts","sourceRoot":"","sources":["../../src/utils/getAccessibleColor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMrD,KAAK,wBAAwB,GAAG;IAE9B,UAAU,EAAE,MAAM,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,wBAAwB,8DAoB1B,CAAC"}

package/dts/utils/getButtonSpacingProps.d.ts

@@ -0,0 +1,19 @@
+import type { ThemeVars } from '../core/theme';
+import type { NegativeSpace } from '../types';
+export type GetButtonSpacingParams = {
+  compact?: boolean;
+  /** If present decrease horizontal padding */
+  flush?: 'start' | 'end' | boolean;
+};
+type ButtonSpacingValue = {
+  paddingX?: ThemeVars.Space;
+  paddingY?: ThemeVars.Space;
+  marginEnd?: NegativeSpace;
+  marginStart?: NegativeSpace;
+};
+export declare const getButtonSpacingProps: ({
+  compact,
+  flush,
+}: GetButtonSpacingParams) => ButtonSpacingValue;
+export {};
+//# sourceMappingURL=getButtonSpacingProps.d.ts.map

package/dts/utils/getButtonSpacingProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonSpacingProps.d.ts","sourceRoot":"","sources":["../../src/utils/getButtonSpacingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAa9C,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;CACnC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,qBAGnC,sBAAsB,KAAG,kBAW3B,CAAC"}

package/dts/utils/getDefaultAspectRatioForIllustration.d.ts

@@ -0,0 +1,11 @@
+import type { IllustrationVariant } from '../types';
+/** Returns the default aspect ratio tuple for an illustration variant */
+export declare function getDefaultAspectRatioForIllustration(
+  variant: IllustrationVariant,
+):
+  | readonly [32, 32]
+  | readonly [48, 48]
+  | readonly [96, 96]
+  | readonly [240, 120]
+  | readonly [240, 240];
+//# sourceMappingURL=getDefaultAspectRatioForIllustration.d.ts.map

package/dts/utils/getDefaultAspectRatioForIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultAspectRatioForIllustration.d.ts","sourceRoot":"","sources":["../../src/utils/getDefaultAspectRatioForIllustration.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,yEAAyE;AACzE,wBAAgB,oCAAoC,CAAC,OAAO,EAAE,mBAAmB,yGAGhF"}

package/dts/utils/getDefaultSizeObjectForIllustration.d.ts

@@ -0,0 +1,6 @@
+import type { IllustrationVariant } from '../types';
+/** Returns the default size object for an illustration variant */
+export declare function getDefaultSizeObjectForIllustration(
+  variant?: IllustrationVariant,
+): import('./convertDimensionToSize').SizeObject;
+//# sourceMappingURL=getDefaultSizeObjectForIllustration.d.ts.map

package/dts/utils/getDefaultSizeObjectForIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultSizeObjectForIllustration.d.ts","sourceRoot":"","sources":["../../src/utils/getDefaultSizeObjectForIllustration.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD,kEAAkE;AAClE,wBAAgB,mCAAmC,CAAC,OAAO,CAAC,EAAE,mBAAmB,iDAEhF"}

package/dts/utils/getRectWidthVariant.d.ts

@@ -0,0 +1,5 @@
+export declare const getRectWidthVariant: (
+  variant: number | undefined,
+  increment: number,
+) => number | undefined;
+//# sourceMappingURL=getRectWidthVariant.d.ts.map

package/dts/utils/getRectWidthVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRectWidthVariant.d.ts","sourceRoot":"","sources":["../../src/utils/getRectWidthVariant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,GAAG,SAAS,EAAE,WAAW,MAAM,uBACzB,CAAC"}

package/dts/utils/getWidthInEm.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the width of an element in em units by dividing its computed width by font-size.
+ * Useful for animating width across font-size changes without hardcoding pixels.
+ */
+export declare const getWidthInEm: (element: HTMLElement) => string;
+//# sourceMappingURL=getWidthInEm.d.ts.map

package/dts/utils/getWidthInEm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWidthInEm.d.ts","sourceRoot":"","sources":["../../src/utils/getWidthInEm.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,WAAW,KAAG,MAKnD,CAAC"}

package/dts/utils/join.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Util for adding a separator element between react components excluding the last item
+ */
+export declare const join: (
+  arr: unknown[],
+  node: React.ReactNode,
+) => import('react/jsx-runtime').JSX.Element[];
+//# sourceMappingURL=join.d.ts.map

package/dts/utils/join.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"join.d.ts","sourceRoot":"","sources":["../../src/utils/join.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,KAAK,OAAO,EAAE,EAAE,MAAM,KAAK,CAAC,SAAS,8CAQtD,CAAC"}

package/dts/utils/mergeProps.d.ts

@@ -0,0 +1,3 @@
+export type UnknownProps = Record<string, unknown>;
+export declare function mergeProps<T>(prev: UnknownProps, next: UnknownProps): T;
+//# sourceMappingURL=mergeProps.d.ts.map

package/dts/utils/mergeProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../src/utils/mergeProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,GAAG,CAAC,CAqBvE"}

package/dts/utils/mockUtils.d.ts

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

package/dts/utils/mockUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockUtils.d.ts","sourceRoot":"","sources":["../../src/utils/mockUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,YAAW,CAAC"}

package/dts/utils/modulate.d.ts

@@ -0,0 +1,12 @@
+type ModulateRange = {
+  inputRange: [number, number];
+  outputRange: [number, number];
+  clamp: boolean;
+};
+/** create incremental transformations based on user interaction */
+export declare const modulate: (
+  value: number,
+  { inputRange, outputRange, clamp }: ModulateRange,
+) => number;
+export {};
+//# sourceMappingURL=modulate.d.ts.map

package/dts/utils/modulate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modulate.d.ts","sourceRoot":"","sources":["../../src/utils/modulate.ts"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,GACnB,OAAO,MAAM,EACb,oCAA4C,aAAa,KACxD,MAsBF,CAAC"}

package/dts/utils/parseDotCountMaxOverflow.d.ts

@@ -0,0 +1,3 @@
+export declare const MAX_OVERFLOW_COUNT = 99;
+export declare const parseDotCountMaxOverflow: (count: number, max?: number) => string | number;
+//# sourceMappingURL=parseDotCountMaxOverflow.d.ts.map

package/dts/utils/parseDotCountMaxOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseDotCountMaxOverflow.d.ts","sourceRoot":"","sources":["../../src/utils/parseDotCountMaxOverflow.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,EAAE,MAAK,MAA2B,oBAEvF,CAAC"}

package/dts/visualizations/getProgressCircleParams.d.ts

@@ -0,0 +1,19 @@
+type ProgressCircleParams = {
+  size: number;
+  strokeWidth: number;
+  stroke: string;
+};
+export declare const getProgressCircleParams: ({
+  size,
+  strokeWidth,
+  stroke,
+}: ProgressCircleParams) => {
+  stroke: string;
+  cx: number;
+  cy: number;
+  r: number;
+  strokeWidth: number;
+  fill: string;
+};
+export {};
+//# sourceMappingURL=getProgressCircleParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getProgressCircleParams.d.ts","sourceRoot":"","sources":["../../src/visualizations/getProgressCircleParams.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,+BAA+B,oBAAoB;;;;;;;CAY1F,CAAC"}

package/dts/visualizations/getSparklineRange.d.ts

@@ -0,0 +1,13 @@
+export declare const getSparklineRange: ({
+  height,
+  width,
+  yAxisScalingFactor,
+}: {
+  height: number;
+  width: number;
+  yAxisScalingFactor?: number;
+}) => {
+  xRange: number[];
+  yRange: number[];
+};
+//# sourceMappingURL=getSparklineRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSparklineRange.d.ts","sourceRoot":"","sources":["../../src/visualizations/getSparklineRange.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,wCAI/B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;;;CAIA,CAAC"}

package/dts/visualizations/getSparklineTransform.d.ts

@@ -0,0 +1,8 @@
+export declare function getSparklineTransform(
+  width: number,
+  height: number,
+  yAxisScalingFactor?: number,
+): {
+  transform?: string;
+};
+//# sourceMappingURL=getSparklineTransform.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSparklineTransform.d.ts","sourceRoot":"","sources":["../../src/visualizations/getSparklineTransform.ts"],"names":[],"mappings":"AAGA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM;gBAC1D,MAAM;EAW3C"}

package/dts/visualizations/largestTriangleThreeBucket.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Downsampling timeseries data using the "Largest-Triangle-Three-Buckets algorithm" (LTTB) as described in Sveinn Steinarsson's 2013 Master's thesis Downsampling Time Series for Visual Representation.
+ *
+ * The algorithm is based on the technique of forming triangles between adjacent data points and using the area of the triangles to determine the perceptual importance of the individual points.
+ * This helps to retain the visual characteristics of the original path whilst greatly reducing the number of points representing it.
+ *
+ * The threshold parameter for the algorithm is set at half the current width of the svg in pixels - so at most there is one point in the input domain represented for every two pixels in the output range.
+ *
+ * Using this method helps to avoid any alising issues that occur when a high number of points are drawn in a low number of pixels.
+ * @param data
+ * @param threshold
+ * @returns number[]
+ * @example https://bl.ocks.org/FraserChapman/649f1aba28f6bc941d5c
+ */
+export declare const largestTriangleThreeBucket: (data: number[], threshold: number) => number[];
+//# sourceMappingURL=largestTriangleThreeBucket.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"largestTriangleThreeBucket.d.ts","sourceRoot":"","sources":["../../src/visualizations/largestTriangleThreeBucket.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,0BAA0B,GAAI,MAAM,MAAM,EAAE,EAAE,WAAW,MAAM,aAqD3E,CAAC"}

package/dts/visualizations/useCounter.d.ts

@@ -0,0 +1,11 @@
+export type UseCounterParams = {
+  startNum: number;
+  endNum: number;
+  durationInMillis: number;
+};
+export declare const useCounter: ({
+  startNum,
+  endNum,
+  durationInMillis,
+}: UseCounterParams) => number;
+//# sourceMappingURL=useCounter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCounter.d.ts","sourceRoot":"","sources":["../../src/visualizations/useCounter.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,wCAAwC,gBAAgB,WAsDlF,CAAC"}

package/dts/visualizations/useDateLookup.d.ts

@@ -0,0 +1,12 @@
+import type { ChartFormatDate, ChartGetMarker } from '../types';
+export type GetFormattedDateParams<Period extends string> = {
+  getMarker: ChartGetMarker;
+  formatDate: ChartFormatDate<Period>;
+  selectedPeriod: Period;
+};
+export declare function useDateLookup<Period extends string>({
+  getMarker,
+  formatDate,
+  selectedPeriod,
+}: GetFormattedDateParams<Period>): (xPos: number) => string;
+//# sourceMappingURL=useDateLookup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDateLookup.d.ts","sourceRoot":"","sources":["../../src/visualizations/useDateLookup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,MAAM,MAAM,sBAAsB,CAAC,MAAM,SAAS,MAAM,IAAI;IAC1D,SAAS,EAAE,cAAc,CAAC;IAC1B,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,SAAS,MAAM,EAAE,EACnD,SAAS,EACT,UAAU,EACV,cAAc,GACf,EAAE,sBAAsB,CAAC,MAAM,CAAC,UAEtB,MAAM,YAShB"}

package/dts/visualizations/useProgressSize.d.ts

@@ -0,0 +1,3 @@
+import type { Weight } from '../types/Weight';
+export declare const useProgressSize: (weight: Weight) => 2 | 4 | 8 | 12;
+//# sourceMappingURL=useProgressSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProgressSize.d.ts","sourceRoot":"","sources":["../../src/visualizations/useProgressSize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,mBAa7C,CAAC"}

package/dts/visualizations/useSparklineArea.d.ts

@@ -0,0 +1,3 @@
+import type { UseSparklinePathParams } from './useSparklinePathGenerator';
+export declare const useSparklineArea: ({ height, ...props }: UseSparklinePathParams) => string;
+//# sourceMappingURL=useSparklineArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklineArea.d.ts","sourceRoot":"","sources":["../../src/visualizations/useSparklineArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA4B,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGpG,eAAO,MAAM,gBAAgB,GAAI,sBAAsB,sBAAsB,WAe5E,CAAC"}

package/dts/visualizations/useSparklineAreaOpacity.d.ts

@@ -0,0 +1,2 @@
+export declare function useSparklineAreaOpacity(colorScheme: 'dark' | 'light'): 0.2 | 0.4;
+//# sourceMappingURL=useSparklineAreaOpacity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklineAreaOpacity.d.ts","sourceRoot":"","sources":["../../src/visualizations/useSparklineAreaOpacity.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,aAEpE"}

package/dts/visualizations/useSparklineCoordinates.d.ts

@@ -0,0 +1,28 @@
+import * as d3Scale from 'd3-scale';
+import type { ChartData } from '../types';
+export type UseSparklineCoordinatesParams = {
+  data: ChartData;
+  width: number;
+  height: number;
+  yAxisScalingFactor?: number;
+};
+export declare const useSparklineCoordinates: ({
+  data,
+  width,
+  height,
+  yAxisScalingFactor,
+}: UseSparklineCoordinatesParams) => {
+  xFunction: d3Scale.ScaleTime<number, number, never>;
+  yFunction: d3Scale.ScaleLinear<number, number, never>;
+  path: string;
+  area: string;
+  getMarker: (xPos: number) =>
+    | {
+        value: number;
+        date: Date;
+        x: number;
+        y: number;
+      }
+    | undefined;
+};
+//# sourceMappingURL=useSparklineCoordinates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklineCoordinates.d.ts","sourceRoot":"","sources":["../../src/visualizations/useSparklineCoordinates.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,UAAU,CAAC;AAM1D,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,8CAKrC,6BAA6B;;;;;sBAwBH,MAAM;;;;;;CAsClC,CAAC"}

package/dts/visualizations/useSparklinePath.d.ts

@@ -0,0 +1,3 @@
+import type { UseSparklinePathParams } from './useSparklinePathGenerator';
+export declare const useSparklinePath: (props: UseSparklinePathParams) => string;
+//# sourceMappingURL=useSparklinePath.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklinePath.d.ts","sourceRoot":"","sources":["../../src/visualizations/useSparklinePath.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA4B,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGpG,eAAO,MAAM,gBAAgB,GAAI,OAAO,sBAAsB,WAW7D,CAAC"}

package/dts/visualizations/useSparklinePathGenerator.d.ts

@@ -0,0 +1,24 @@
+import { type ScaleLinear } from 'd3-scale';
+export type UseSparklinePathParams = {
+  data: number[] | string[];
+  height: number;
+  width: number;
+  yAxisScalingFactor?: number;
+};
+export type SparklineGeneratorParams = {
+  xFunction: ScaleLinear<number, number>;
+  yFunction: ScaleLinear<number, number>;
+  data: [number];
+};
+type UseSparklinePathGeneratorParams = {
+  generator: (params: SparklineGeneratorParams) => string;
+} & UseSparklinePathParams;
+export declare const useSparklinePathGenerator: ({
+  data,
+  height,
+  width,
+  yAxisScalingFactor,
+  generator,
+}: UseSparklinePathGeneratorParams) => string;
+export {};
+//# sourceMappingURL=useSparklinePathGenerator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklinePathGenerator.d.ts","sourceRoot":"","sources":["../../src/visualizations/useSparklinePathGenerator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAO5C,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;CAChB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,MAAM,CAAC;CACzD,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,yBAAyB,GAAI,yDAMvC,+BAA+B,WAYjC,CAAC"}

package/dts/visualizations/useTimeseriesPaths.d.ts

@@ -0,0 +1,11 @@
+import type { ChartDataPoint, ChartTimeseries } from '../types/Chart';
+export type UseTimeseriesPathsParams = {
+  data: ChartTimeseries[];
+  width: number;
+  height: number;
+};
+export declare function useTimeseriesPaths({ data, width, height }: UseTimeseriesPathsParams): {
+  lineFn: import('d3-shape').Line<ChartDataPoint>;
+  areaFn: import('d3-shape').Area<ChartDataPoint>;
+};
+//# sourceMappingURL=useTimeseriesPaths.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeseriesPaths.d.ts","sourceRoot":"","sources":["../../src/visualizations/useTimeseriesPaths.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtE,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,wBAAwB;;;EAgCnF"}

package/dts/visualizations/useVisualizationDimensions.d.ts

@@ -0,0 +1,20 @@
+import type { DimensionValue } from '../types';
+type VisualizationDimensions = {
+  userDefinedWidth: DimensionValue;
+  userDefinedHeight: DimensionValue;
+  calculatedWidth: number;
+  calculatedHeight: number;
+};
+export declare const useVisualizationDimensions: ({
+  userDefinedWidth,
+  userDefinedHeight,
+  calculatedWidth,
+  calculatedHeight,
+}: VisualizationDimensions) => {
+  width: number;
+  height: number;
+  circleSize: number;
+  shouldObserve: boolean;
+};
+export {};
+//# sourceMappingURL=useVisualizationDimensions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVisualizationDimensions.d.ts","sourceRoot":"","sources":["../../src/visualizations/useVisualizationDimensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,EAAE,cAAc,CAAC;IACjC,iBAAiB,EAAE,cAAc,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,6EAKxC,uBAAuB;;;;;CAqBzB,CAAC"}

package/esm/accordion/AccordionProvider.js

@@ -0,0 +1,38 @@
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { isDevelopment } from '@coinbase/cds-utils/env';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AccordionContext = /*#__PURE__*/createContext({
+  activeKey: null,
+  setActiveKey: () => {}
+});
+export const useAccordionContext = () => {
+  return useContext(AccordionContext);
+};
+export const AccordionProvider = _ref => {
+  let {
+    activeKey,
+    children,
+    defaultActiveKey,
+    setActiveKey,
+    onChange
+  } = _ref;
+  const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey !== null && defaultActiveKey !== void 0 ? defaultActiveKey : null);
+  if (isDevelopment() && (typeof activeKey !== 'undefined' && typeof setActiveKey === 'undefined' || typeof activeKey === 'undefined' && typeof setActiveKey !== 'undefined')) {
+    throw Error('A controlled Accordion must have both activeKey and setActiveKey props');
+  }
+  const [currentActiveKey = null, setActiveKeyFn] = setActiveKey ? [activeKey, setActiveKey] : [internalActiveKey, setInternalActiveKey];
+  const handleChangeActiveKey = useCallback(nextActiveKey => {
+    const newActiveKey = typeof nextActiveKey === 'function' ? nextActiveKey(currentActiveKey) : nextActiveKey;
+    if (newActiveKey === currentActiveKey) return;
+    onChange === null || onChange === void 0 || onChange(newActiveKey);
+    setActiveKeyFn(newActiveKey);
+  }, [onChange, currentActiveKey, setActiveKeyFn]);
+  const api = useMemo(() => ({
+    activeKey: currentActiveKey,
+    setActiveKey: handleChangeActiveKey
+  }), [currentActiveKey, handleChangeActiveKey]);
+  return /*#__PURE__*/_jsx(AccordionContext.Provider, {
+    value: api,
+    children: children
+  });
+};

package/esm/animation/accordion.js

@@ -0,0 +1,3 @@
+export const accordionVisibleMaxHeight = 400;
+export const accordionIconHiddenRotate = -180;
+export const accordionIconVisibleRotate = 0;

package/esm/animation/border.js

@@ -0,0 +1,10 @@
+export const animateInputBorderInConfig = {
+  toValue: 1,
+  easing: 'enterFunctional',
+  duration: 'moderate1'
+};
+export const animateInputBorderOutConfig = {
+  toValue: 0,
+  easing: 'exitFunctional',
+  duration: 'moderate1'
+};

package/esm/animation/carousel.js

@@ -0,0 +1,21 @@
+export const carouselVisibleOpacity = 1;
+export const carouselDismissOpacity = 0;
+export const carouselVisibleSize = 1;
+export const carouselDismissSize = 0;
+export const animateOpacityConfig = {
+  property: 'opacity',
+  easing: 'exitFunctional',
+  duration: 'fast1',
+  toValue: carouselDismissOpacity,
+  fromValue: carouselVisibleOpacity,
+  useNativeDriver: false
+};
+export const animateSizeConfig = {
+  property: 'size',
+  easing: 'global',
+  duration: 'slow1',
+  toValue: carouselDismissSize,
+  fromValue: carouselVisibleSize,
+  delay: 50,
+  useNativeDriver: false
+};