@coinbase/cds-web 0.0.0 → 8.13.2

package/esm/typography/TextLabel2.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textLabel2DefaultElement = 'span';
+export const TextLabel2 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'label2'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textLabel2DefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextLabel2.displayName = 'TextLabel2';

package/esm/typography/TextLegal.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textLegalDefaultElement = 'span';
+export const TextLegal = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'legal'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textLegalDefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextLegal.displayName = 'TextLegal';

package/esm/typography/TextTitle1.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textTitle1DefaultElement = 'span';
+export const TextTitle1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'title1'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textTitle1DefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextTitle1.displayName = 'TextTitle1';

package/esm/typography/TextTitle2.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textTitle2DefaultElement = 'span';
+export const TextTitle2 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'title2'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textTitle2DefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextTitle2.displayName = 'TextTitle2';

package/esm/typography/TextTitle3.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textTitle3DefaultElement = 'span';
+export const TextTitle3 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'title3'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textTitle3DefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextTitle3.displayName = 'TextTitle3';

package/esm/typography/TextTitle4.js

@@ -0,0 +1,26 @@
+const _excluded = ["as", "font"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { Text } from './Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const textTitle4DefaultElement = 'span';
+export const TextTitle4 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      font = 'title4'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Component = as !== null && as !== void 0 ? as : textTitle4DefaultElement;
+  return /*#__PURE__*/_jsx(Text, _objectSpread({
+    ref: ref,
+    as: Component,
+    font: font
+  }, props));
+});
+TextTitle4.displayName = 'TextTitle4';

package/esm/typography/__figma__/Link.figma.js

@@ -0,0 +1,32 @@
+const _excluded = ["children"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { figma } from '@figma/code-connect';
+import { Link } from '../Link';
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Link, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=324-14982&m=dev', {
+  imports: ["import { Link } from '@coinbase/cds-web/typography/Link';"],
+  props: {
+    children: figma.string('string'),
+    color: figma.enum('variant', {
+      primary: 'fgPrimary',
+      foreground: 'fg',
+      negativeForeground: 'fgNegative'
+    }),
+    underline: figma.boolean('underline')
+  },
+  example: _ref => {
+    let {
+        children
+      } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), {}, {
+      children: children
+    }));
+  }
+});

package/esm/typography/index.js

@@ -0,0 +1,16 @@
+export * from './Link';
+export * from './Text';
+export * from './TextBody';
+export * from './TextCaption';
+export * from './TextDisplay1';
+export * from './TextDisplay2';
+export * from './TextDisplay3';
+export * from './TextHeadline';
+export * from './TextInherited';
+export * from './TextLabel1';
+export * from './TextLabel2';
+export * from './TextLegal';
+export * from './TextTitle1';
+export * from './TextTitle2';
+export * from './TextTitle3';
+export * from './TextTitle4';

package/esm/utils/browser.js

@@ -0,0 +1,29 @@
+/**
+ * @todo Add fbjs utils as dependency and replace with canUseDOM
+ * @link https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/core/ExecutionEnvironment.js
+ */
+export function isBrowser() {
+  var _window;
+  return !!(typeof window !== 'undefined' && (_window = window) !== null && _window !== void 0 && (_window = _window.document) !== null && _window !== void 0 && _window.createElement);
+}
+export function isSSR() {
+  return !isBrowser();
+}
+export function onSSR(callback, otherwise) {
+  return isSSR() ? callback() : otherwise === null || otherwise === void 0 ? void 0 : otherwise();
+}
+export function onBrowser(callback, otherwise) {
+  return isBrowser() ? callback() : otherwise === null || otherwise === void 0 ? void 0 : otherwise();
+}
+/**
+ * Gets browser builtin globals in an server-side-rendering-safe way
+ *
+ * @returns The globals if in a browser environment, or undefined if in a
+ * SSR environment
+ */
+export function getBrowserGlobals() {
+  return isSSR() ? undefined : {
+    window,
+    document
+  };
+}

package/esm/utils/eventHandlers.js

@@ -0,0 +1 @@
+export const handlePreventPropagation = event => event.stopPropagation();

package/esm/utils/flattenAndJoinNodes.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import flattenNodes from '@coinbase/cds-common/utils/flattenNodes';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function flattenAndJoinNodes(_ref) {
+  let {
+    children,
+    direction = 'vertical',
+    divider,
+    gap,
+    renderItem,
+    ItemWrapper,
+    Spacer
+  } = _ref;
+  let finalChildren = [];
+  const itemsToJoin = [];
+  const shouldJoin = gap !== undefined || divider !== undefined;
+  const childrenAsArray = React.Children.toArray(children);
+  const flattenedChildren = shouldJoin || childrenAsArray.length > 1 ? flattenNodes(childrenAsArray) : undefined;
+  if (gap) {
+    itemsToJoin.push(/*#__PURE__*/_jsx(Spacer, {
+      [direction]: gap
+    }));
+  }
+  if (divider) {
+    const Divider = divider;
+    itemsToJoin.push(/*#__PURE__*/_jsx(Divider, {}));
+  }
+  const childrenContents = flattenedChildren ? flattenedChildren.map((item, index) => renderItem && ItemWrapper ? renderItem({
+    item,
+    Wrapper: ItemWrapper,
+    index,
+    isFirst: index === 0,
+    isLast: flattenedChildren.length - 1 === index
+  }) : item) : childrenAsArray;
+  if (shouldJoin) {
+    childrenContents.forEach((item, index) => {
+      // The last item doesn't include divider or spacer
+      if (index === childrenContents.length - 1) {
+        finalChildren = [...finalChildren, item];
+      } else {
+        finalChildren = [...finalChildren, item, ...itemsToJoin];
+      }
+    });
+    return React.Children.toArray(finalChildren);
+  }
+  return childrenContents;
+}

package/esm/utils/isRtl.js

@@ -0,0 +1,7 @@
+import { isBrowser } from './browser';
+export const isRtl = element => {
+  if (!isBrowser()) {
+    return false;
+  }
+  return (element !== null && element !== void 0 ? element : document.documentElement).dir === 'rtl';
+};

package/esm/utils/mediaQueryListener.js

@@ -0,0 +1,16 @@
+export function addMediaQueryListener(mediaQueryList, callback) {
+  if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.addEventListener) {
+    mediaQueryList.addEventListener('change', callback);
+  } else if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.addListener) {
+    // addListener is required for legacy browsers such as Safari 13
+    mediaQueryList.addListener(callback);
+  }
+}
+export function removeMediaQueryListener(mediaQueryList, callback) {
+  if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.removeEventListener) {
+    mediaQueryList.removeEventListener('change', callback);
+  } else if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.removeListener) {
+    // removeListener is required for legacy browsers such as Safari 13
+    mediaQueryList.removeListener(callback);
+  }
+}

package/esm/utils/storybook.js

@@ -0,0 +1,5 @@
+/**
+ * Emulates pausing in interaction tests
+ * @link https://storybook.js.org/docs/react/writing-stories/play-function
+ */
+export const pauseStory = async delay => new Promise(resolve => setTimeout(resolve, delay));

package/esm/utils/test.js

@@ -0,0 +1,30 @@
+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 React from 'react';
+import { waitFor } from '@testing-library/react';
+import { ThemeProvider } from '../system/ThemeProvider';
+import { defaultTheme } from '../themes/defaultTheme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DefaultThemeProvider = _ref => {
+  let {
+    children,
+    theme = defaultTheme,
+    activeColorScheme = 'light'
+  } = _ref;
+  return /*#__PURE__*/_jsx(ThemeProvider, {
+    activeColorScheme: activeColorScheme,
+    theme: theme,
+    children: children
+  });
+};
+
+// Test util that allows for us to test that an async thing does NOT occur within a timeframe
+export async function waitForNotToHappen(callback, opts) {
+  var _opts$timeout;
+  return expect(waitFor(callback, _objectSpread(_objectSpread({}, opts), {}, {
+    timeout: (_opts$timeout = opts === null || opts === void 0 ? void 0 : opts.timeout) !== null && _opts$timeout !== void 0 ? _opts$timeout : 100
+  }))).rejects.toThrow();
+}

package/esm/visualizations/Counter.css

@@ -0,0 +1,3 @@
+@layer cds{.containerCss-cw9uypc{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.hiddenCss-hy2p56v{visibility:hidden;}
+.visibleCss-vt3gpqt{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.visibleCss-vt3gpqt > *{width:100%;height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}

package/esm/visualizations/Counter.js

@@ -0,0 +1,38 @@
+import React, { useMemo } from 'react';
+import { useCounter } from '@coinbase/cds-common/visualizations/useCounter';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const containerCss = "containerCss-cw9uypc";
+const hiddenCss = "hiddenCss-hy2p56v";
+const visibleCss = "visibleCss-vt3gpqt";
+/**
+ * @deprecated This component will be removed from CDS in a future version. It has been moved to cds-web-sparkline.
+ */
+export const Counter = _ref => {
+  let {
+    startNum,
+    endNum,
+    renderNum,
+    durationInMillis
+  } = _ref;
+  const count = useCounter({
+    startNum,
+    endNum,
+    durationInMillis
+  });
+  const renderFunction = useMemo(() => {
+    return num => {
+      return renderNum ? renderNum(num) : num;
+    };
+  }, [renderNum]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: containerCss,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: hiddenCss,
+      children: renderFunction(endNum)
+    }), /*#__PURE__*/_jsx("span", {
+      className: visibleCss,
+      children: renderFunction(count)
+    })]
+  });
+};
+import "./Counter.css";

package/esm/visualizations/DefaultProgressCircleContent.js

@@ -0,0 +1,15 @@
+import React, { memo } from 'react';
+import { ProgressTextLabel } from './ProgressTextLabel';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DefaultProgressCircleContent = /*#__PURE__*/memo(_ref => {
+  let {
+    progress,
+    disabled,
+    color = 'fgMuted'
+  } = _ref;
+  return /*#__PURE__*/_jsx(ProgressTextLabel, {
+    color: color,
+    disabled: disabled,
+    value: Math.round(progress * 100)
+  });
+});

package/esm/visualizations/ProgressBar.css

@@ -0,0 +1 @@
+@layer cds{.boxCss-bnvjmt8{contain:content;}}

package/esm/visualizations/ProgressBar.js

@@ -0,0 +1,96 @@
+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 React, { forwardRef, memo } from 'react';
+import { animateProgressBaseSpec } from '@coinbase/cds-common/animation/progress';
+import { usePreviousValues } from '@coinbase/cds-common/hooks/usePreviousValues';
+import { useProgressSize } from '@coinbase/cds-common/visualizations/useProgressSize';
+import { m as motion } from 'framer-motion';
+import { cx } from '../cx';
+import { Box, HStack } from '../layout';
+import { useMotionProps } from '../motion/useMotionProps';
+import { isRtl } from '../utils/isRtl';
+import { jsx as _jsx } from "react/jsx-runtime";
+const MotionBox = motion(Box);
+const boxCss = "boxCss-bnvjmt8";
+export const ProgressBar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, forwardedRef) => {
+  var _getPreviousPercent;
+  let {
+    weight = 'normal',
+    progress,
+    color = 'bgPrimary',
+    disabled = false,
+    disableAnimateOnMount = false,
+    testID,
+    accessibilityLabel,
+    style,
+    styles,
+    className,
+    classNames,
+    onAnimationEnd,
+    onAnimationStart
+  } = _ref;
+  const height = useProgressSize(weight);
+  const {
+    getPreviousValue: getPreviousPercent,
+    addPreviousValue: addPreviousPercent
+  } = usePreviousValues([disableAnimateOnMount ? progress : 0]);
+  addPreviousPercent(progress);
+  const previousPercent = (_getPreviousPercent = getPreviousPercent()) !== null && _getPreviousPercent !== void 0 ? _getPreviousPercent : 0;
+  const translateXStart = isRtl() ? 100 - previousPercent * 100 : -100 + previousPercent * 100;
+  const translateXEnd = isRtl() ? 100 - progress * 100 : -100 + progress * 100;
+  const motionProps = useMotionProps({
+    style: {
+      originX: isRtl() ? 'right' : 'left'
+    },
+    animate: {
+      x: ["".concat(translateXStart, "%"), "".concat(translateXEnd, "%")],
+      opacity: 1
+    },
+    transition: animateProgressBaseSpec,
+    initial: !progress ? false : {
+      x: "".concat(translateXStart, "%")
+    } // skip initial animation if no progress
+  });
+  return /*#__PURE__*/_jsx(HStack, {
+    ref: forwardedRef,
+    accessibilityLabel: accessibilityLabel,
+    alignItems: "center",
+    "aria-valuemax": 100,
+    "aria-valuemin": 0,
+    "aria-valuenow": progress * 100,
+    background: "bgLine",
+    borderRadius: 200,
+    className: cx(boxCss, className, classNames === null || classNames === void 0 ? void 0 : classNames.root),
+    flexGrow: 1,
+    flexShrink: 0,
+    height: height,
+    justifyContent: isRtl() ? 'flex-end' : 'flex-start',
+    overflow: "hidden",
+    role: "progressbar",
+    style: _objectSpread(_objectSpread({}, style), styles === null || styles === void 0 ? void 0 : styles.root),
+    testID: testID,
+    children: /*#__PURE__*/_jsx(MotionBox, {
+      alignItems: "center",
+      animate: motionProps.animate,
+      background: disabled ? 'bgLineHeavy' : color,
+      borderRadius: 200,
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.progress,
+      flexGrow: 0,
+      flexShrink: 0,
+      height: "100%",
+      initial: motionProps.initial,
+      justifyContent: "flex-start",
+      onAnimationComplete: onAnimationEnd,
+      onAnimationStart: onAnimationStart,
+      opacity: disableAnimateOnMount ? 1 : 0,
+      style: _objectSpread(_objectSpread({}, motionProps.style), styles === null || styles === void 0 ? void 0 : styles.progress),
+      testID: "cds-progress-bar",
+      transition: motionProps.transition,
+      width: "100%"
+    })
+  });
+}));
+import "./ProgressBar.css";