@coinbase/cds-common 0.0.0 → 8.13.1

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/__tests__/getSparklineRange.test.d.ts

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

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

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

package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts

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

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

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

package/dts/visualizations/__tests__/useCounter.test.d.ts

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

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

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

package/dts/visualizations/__tests__/useSparklineArea.test.d.ts

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

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

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

package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts

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

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

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

package/dts/visualizations/__tests__/useSparklinePath.test.d.ts

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

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

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

package/dts/visualizations/getProgressCircleParams.d.ts

@@ -0,0 +1,15 @@
+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,9 @@
+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,4 @@
+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,7 @@
+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,8 @@
+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,21 @@
+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,18 @@
+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,15 @@
+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
+};

package/esm/animation/collapsible.js

@@ -0,0 +1,75 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { durations } from '../motion/tokens';
+export const collapsibleHiddenOpacity = 0;
+export const collapsibleVisibleOpacity = 1;
+export const collapsibleHiddenMaxSize = 0;
+// for web, mobile will be determined by content height dynamically
+export const collapsibleVisibleMaxSize = 1000;
+export const easing = 'global';
+export const inDuration = 'slow1';
+export const outDuration = 'moderate3';
+export const animateInOpacityConfig = {
+  vertical: {
+    property: 'opacity',
+    easing,
+    duration: inDuration,
+    toValue: collapsibleVisibleOpacity,
+    fromValue: collapsibleHiddenOpacity,
+    useNativeDriver: false
+  },
+  horizontal: {
+    property: 'opacity',
+    easing: 'exitFunctional',
+    duration: 'fast1',
+    delay: durations.fast1,
+    toValue: collapsibleVisibleOpacity,
+    fromValue: collapsibleHiddenOpacity,
+    useNativeDriver: false
+  }
+};
+export const animateOutOpacityConfig = {
+  vertical: _objectSpread(_objectSpread({}, animateInOpacityConfig.vertical), {}, {
+    duration: outDuration,
+    toValue: collapsibleHiddenOpacity,
+    fromValue: collapsibleVisibleOpacity
+  }),
+  horizontal: _objectSpread(_objectSpread({}, animateInOpacityConfig.horizontal), {}, {
+    toValue: collapsibleHiddenOpacity,
+    fromValue: collapsibleVisibleOpacity,
+    delay: undefined
+  })
+};
+export const animateInMaxSizeConfig = {
+  vertical: {
+    property: 'height',
+    easing,
+    duration: inDuration,
+    toValue: collapsibleVisibleMaxSize,
+    fromValue: collapsibleHiddenMaxSize,
+    useNativeDriver: false
+  },
+  horizontal: {
+    property: 'width',
+    easing: 'global',
+    duration: 'fast1',
+    useNativeDriver: false,
+    toValue: collapsibleVisibleMaxSize,
+    fromValue: collapsibleHiddenMaxSize
+  }
+};
+export const animateOutMaxSizeConfig = {
+  vertical: _objectSpread(_objectSpread({}, animateInMaxSizeConfig.vertical), {}, {
+    duration: outDuration,
+    toValue: collapsibleHiddenMaxSize,
+    fromValue: collapsibleVisibleMaxSize
+  }),
+  horizontal: _objectSpread(_objectSpread({}, animateInMaxSizeConfig.horizontal), {}, {
+    delay: durations.fast1,
+    toValue: collapsibleHiddenMaxSize,
+    fromValue: collapsibleVisibleMaxSize
+  })
+};

package/esm/animation/dot.js

@@ -0,0 +1,15 @@
+import { durations } from '../motion/tokens';
+export const dotHidden = 0;
+export const dotVisible = 1;
+export const animateDotWidthConfig = {
+  property: 'width',
+  easing: 'global',
+  duration: 'fast1',
+  useNativeDriver: false
+};
+export const animateDotOpacityConfig = {
+  property: 'opacity',
+  easing: 'exitFunctional',
+  duration: 'fast1',
+  delay: durations.fast1
+};

package/esm/animation/drawer.js

@@ -0,0 +1,19 @@
+/** Upper limit for how much the drawer can be extended in length by panning */
+export const MAX_OVER_DRAG = 40;
+/** Dragging a Drawer by more than this percentage of the Drawer will dismiss it */
+export const DISMISSAL_DRAG_THRESHOLD = 150;
+/** Quick swipes will dismiss the Tray, especially useful for Trays that are very short */
+export const DISMISSAL_VELOCITY_THRESHOLD = 0.8;
+/** Minimum panning distance required to capture pan gesture */
+export const MIN_PAN_DISTANCE = 2;
+export const drawerAnimationDefaultDuration = 'moderate3';
+export const animateDrawerInConfig = {
+  toValue: 1,
+  easing: 'enterFunctional',
+  duration: drawerAnimationDefaultDuration
+};
+export const animateDrawerOutConfig = {
+  toValue: 0,
+  easing: 'exitFunctional',
+  duration: drawerAnimationDefaultDuration
+};

package/esm/animation/dropdown.js

@@ -0,0 +1,31 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const baseDropdownAnimations = {
+  easing: 'global',
+  duration: 'moderate3'
+};
+const fromTransformValue = -16;
+const toTransformValue = 0;
+export const animateDropdownOpacityInConfig = _objectSpread({
+  property: 'opacity',
+  fromValue: 0,
+  toValue: 1
+}, baseDropdownAnimations);
+export const animateDropdownOpacityOutConfig = _objectSpread({
+  property: 'opacity',
+  fromValue: 1,
+  toValue: 0
+}, baseDropdownAnimations);
+
+// property based on placement
+export const animateDropdownTransformInConfig = _objectSpread({
+  fromValue: fromTransformValue,
+  toValue: toTransformValue
+}, baseDropdownAnimations);
+export const animateDropdownTransformOutConfig = _objectSpread({
+  fromValue: toTransformValue,
+  toValue: fromTransformValue
+}, baseDropdownAnimations);

package/esm/animation/fullscreenModal.js

@@ -0,0 +1,39 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export const modalHiddenOpacity = 0;
+export const modalHiddenTranslateY = 80;
+export const modalVisibleOpacity = 1;
+export const modalVisibleTranslateY = 0;
+export const animateInOpacityConfig = {
+  property: 'opacity',
+  easing: 'enterFunctional',
+  duration: 'moderate3',
+  toValue: modalVisibleOpacity
+};
+export const animateOutOpacityConfig = {
+  property: 'opacity',
+  easing: 'exitFunctional',
+  duration: 'moderate1',
+  toValue: modalHiddenOpacity
+};
+export const animateInTranslateYConfig = {
+  property: 'y',
+  easing: 'enterFunctional',
+  duration: 'moderate3',
+  toValue: modalVisibleTranslateY
+};
+export const animateOutTranslateYConfig = {
+  property: 'y',
+  easing: 'exitFunctional',
+  duration: 'moderate1',
+  toValue: modalHiddenTranslateY
+};
+export const animateInOverlayOpacityConfig = _objectSpread(_objectSpread({}, animateInOpacityConfig), {}, {
+  easing: 'global'
+});
+export const animateOutOverlayOpacityConfig = _objectSpread(_objectSpread({}, animateOutOpacityConfig), {}, {
+  easing: 'global'
+});

package/esm/animation/likeButton.js

@@ -0,0 +1,18 @@
+export const activeScale = 1.2;
+export const inactiveScale = 1;
+export const scaleInConfig = {
+  property: 'scale',
+  easing: 'exitFunctional',
+  duration: 'fast1',
+  fromValue: inactiveScale,
+  toValue: activeScale,
+  useNativeDriver: true
+};
+export const scaleOutConfig = {
+  property: 'scale',
+  easing: 'enterFunctional',
+  duration: 'slow3',
+  fromValue: activeScale,
+  toValue: inactiveScale,
+  useNativeDriver: true
+};

package/esm/animation/menu.js

@@ -0,0 +1,31 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const basePopoverMenuAnimations = {
+  easing: 'global',
+  duration: 'moderate3'
+};
+const yFromValue = -16;
+const yToValue = 0;
+export const animateMenuOpacityInConfig = _objectSpread({
+  property: 'opacity',
+  fromValue: 0,
+  toValue: 1
+}, basePopoverMenuAnimations);
+export const animateMenuOpacityOutConfig = _objectSpread({
+  property: 'opacity',
+  fromValue: 1,
+  toValue: 0
+}, basePopoverMenuAnimations);
+export const animateMenuTransformInConfig = _objectSpread({
+  property: 'transform',
+  fromValue: yFromValue,
+  toValue: yToValue
+}, basePopoverMenuAnimations);
+export const animateMenuTransformOutConfig = _objectSpread({
+  property: 'transform',
+  fromValue: yToValue,
+  toValue: yFromValue
+}, basePopoverMenuAnimations);

package/esm/animation/modal.js

@@ -0,0 +1,32 @@
+export const modalHiddenOpacity = 0;
+export const modalHiddenScale = 0.98;
+export const modalVisibleOpacity = 1;
+export const modalVisibleScale = 1;
+export const animateInOpacityConfig = {
+  property: 'opacity',
+  easing: 'enterFunctional',
+  duration: 'fast1',
+  toValue: modalVisibleOpacity,
+  fromValue: modalHiddenOpacity
+};
+export const animateOutOpacityConfig = {
+  property: 'opacity',
+  easing: 'global',
+  duration: 'fast1',
+  toValue: modalHiddenOpacity,
+  fromValue: modalVisibleOpacity
+};
+export const animateInScaleConfig = {
+  property: 'scale',
+  easing: 'enterFunctional',
+  duration: 'moderate3',
+  toValue: modalVisibleScale,
+  fromValue: modalHiddenScale
+};
+export const animateOutScaleConfig = {
+  property: 'scale',
+  easing: 'global',
+  duration: 'fast1',
+  toValue: modalHiddenScale,
+  fromValue: modalVisibleScale
+};