@coinbase/cds-web 8.13.1 → 8.13.5

package/esm/system/ButtonOrLink.css

@@ -1 +1 @@
-.accessibilityCss-akx0ly6{pointer-events:none;}
+@layer cds{.accessibilityCss-akx0ly6{pointer-events:none;}}

package/esm/system/Interactable.css

@@ -1,4 +1,4 @@
-.baseCss-b17wmk8f{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;background-color:var(--interactable-background);border-color:var(--interactable-border-color);}.baseCss-b17wmk8f::-moz-focus-inner{border:0;padding:0;margin:0;}.baseCss-b17wmk8f:hover{background-color:var(--interactable-hovered-background);border-color:var(--interactable-hovered-border-color);}.baseCss-b17wmk8f:hover > *{opacity:var(--interactable-hovered-opacity);}.baseCss-b17wmk8f:active,.baseCss-b17wmk8f[aria-pressed='true']{background-color:var(--interactable-pressed-background);border-color:var(--interactable-pressed-border-color);}.baseCss-b17wmk8f:active > *,.baseCss-b17wmk8f[aria-pressed='true'] > *{opacity:var(--interactable-pressed-opacity);}.baseCss-b17wmk8f:disabled,.baseCss-b17wmk8f[aria-disabled='true']{opacity:0.5;cursor:default;pointer-events:none;touch-action:none;background-color:var(--interactable-disabled-background);border-color:var(--interactable-disabled-border-color);}.baseCss-b17wmk8f:focus{outline:none;}.baseCss-b17wmk8f:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--color-bgPrimary);}
+@layer cds{.baseCss-b17wmk8f{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;background-color:var(--interactable-background);border-color:var(--interactable-border-color);}.baseCss-b17wmk8f::-moz-focus-inner{border:0;padding:0;margin:0;}.baseCss-b17wmk8f:hover{background-color:var(--interactable-hovered-background);border-color:var(--interactable-hovered-border-color);}.baseCss-b17wmk8f:hover > *{opacity:var(--interactable-hovered-opacity);}.baseCss-b17wmk8f:active,.baseCss-b17wmk8f[aria-pressed='true']{background-color:var(--interactable-pressed-background);border-color:var(--interactable-pressed-border-color);}.baseCss-b17wmk8f:active > *,.baseCss-b17wmk8f[aria-pressed='true'] > *{opacity:var(--interactable-pressed-opacity);}.baseCss-b17wmk8f:disabled,.baseCss-b17wmk8f[aria-disabled='true']{opacity:0.5;cursor:default;pointer-events:none;touch-action:none;background-color:var(--interactable-disabled-background);border-color:var(--interactable-disabled-border-color);}.baseCss-b17wmk8f:focus{outline:none;}.baseCss-b17wmk8f:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--color-bgPrimary);}
 .blockCss-b1ytinjt{display:block;width:100%;}
 .transparentActiveCss-t10ei5ro:active{background-color:var(--color-transparent);border-color:var(--color-transparent);}
-.transparentWhileInactiveCss-te5q23s{background-color:var(--color-transparent);border-color:var(--color-transparent);}.transparentWhileInactiveCss-te5q23s:disabled,.transparentWhileInactiveCss-te5q23s[aria-disabled='true']{background-color:var(--color-transparent);border-color:var(--color-transparent);}
+.transparentWhileInactiveCss-te5q23s{background-color:var(--color-transparent);border-color:var(--color-transparent);}.transparentWhileInactiveCss-te5q23s:disabled,.transparentWhileInactiveCss-te5q23s[aria-disabled='true']{background-color:var(--color-transparent);border-color:var(--color-transparent);}}

package/esm/system/Pressable.css

@@ -1,3 +1,3 @@
-.scaledDownCss-s1o6alxd{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.scaledDownCss-s1o6alxd:active,.scaledDownCss-s1o6alxd[data-active='true']{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}
+@layer cds{.scaledDownCss-s1o6alxd{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.scaledDownCss-s1o6alxd:active,.scaledDownCss-s1o6alxd[data-active='true']{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}
 .baseCss-b1nrmodp[data-active='true']{background-color:var(--interactable-pressed-background);}.baseCss-b1nrmodp[data-active='true'] > *{opacity:var(--interactable-pressed-opacity);}.baseCss-b1nrmodp[data-loading='true']{opacity:1;background-color:var(--interactable-pressed-background);}.baseCss-b1nrmodp[data-loading='true'] > *{opacity:var(--interactable-pressed-opacity);}
-.transparentActiveCss-t14zsnbw[data-active='true']{background-color:var(--color-transparent);}
+.transparentActiveCss-t14zsnbw[data-active='true']{background-color:var(--color-transparent);}}

package/esm/tables/Table.css

@@ -1,7 +1,7 @@
-.tableCss-tcfnqih{display:table;width:100%;margin:0;padding:0;border-collapse:collapse;border:none;}.tableCss-tcfnqih thead,.tableCss-tcfnqih tbody,.tableCss-tcfnqih tfoot{padding:0;margin:0;border:none;}
+@layer cds{.tableCss-tcfnqih{display:table;width:100%;margin:0;padding:0;border-collapse:collapse;border:none;}.tableCss-tcfnqih thead,.tableCss-tcfnqih tbody,.tableCss-tcfnqih tfoot{padding:0;margin:0;border:none;}
 .tableFixedCss-t10y7b8a{table-layout:fixed;}
 .tableContainerCss-tdwtctb{overflow:auto;width:100%;height:var(--table-height);max-height:var(--table-maxHeight);}.tableContainerCss-tdwtctb table{background-color:var(--color-bg);color:var(--color-fg);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;}
 .tableContainerBorderCss-t1c2n4w4{border:var(--borderWidth-100) solid var(--color-bgLine);border-radius:var(--borderRadius-200);}
 
 .tableVariantGraphCss-t1wr3951 table > caption{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantGraphCss-t1wr3951 table > tfoot{border-top:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantGraphCss-t1wr3951 table > tr > td,.tableVariantGraphCss-t1wr3951 table > tbody > tr > td,.tableVariantGraphCss-t1wr3951 table > tbody > tr > th,.tableVariantGraphCss-t1wr3951 table > thead > .table-row,.tableVariantGraphCss-t1wr3951 table > tfoot > tr > td{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);border-right:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantGraphCss-t1wr3951 table > tbody > tr > th,.tableVariantGraphCss-t1wr3951 table > thead > tr > th{box-shadow:inset 0px -1px 0px 0px var(--color-bgLine);border-right:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantGraphCss-t1wr3951 table > tbody > tr:last-child > th,.tableVariantGraphCss-t1wr3951 table > tbody > tr:last-child > td,.tableVariantGraphCss-t1wr3951 table > tfoot > tr:last-child > td{border-bottom:none;}.tableVariantGraphCss-t1wr3951 table > thead > tr > th:last-child,.tableVariantGraphCss-t1wr3951 table > tbody > tr > th:last-child,.tableVariantGraphCss-t1wr3951 table > tbody > tr > td:last-child,.tableVariantGraphCss-t1wr3951 table > thead > .table-row:last-child,.tableVariantGraphCss-t1wr3951 table > tfoot > tr > td:last-child{border-right:none;}
-.tableVariantRuledCss-t2pqtmt table > caption{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tfoot{border-top:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tr > td,.tableVariantRuledCss-t2pqtmt table > tbody > tr > th,.tableVariantRuledCss-t2pqtmt table > tbody > tr > td,.tableVariantRuledCss-t2pqtmt table > tfoot > tr > td{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > thead > tr > th{box-shadow:inset 0px -1px 0px 0px var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tbody > tr:last-child > th,.tableVariantRuledCss-t2pqtmt table > tbody > tr:last-child > td,.tableVariantRuledCss-t2pqtmt table > tfoot > tr:last-child > td{border:none;}
+.tableVariantRuledCss-t2pqtmt table > caption{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tfoot{border-top:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tr > td,.tableVariantRuledCss-t2pqtmt table > tbody > tr > th,.tableVariantRuledCss-t2pqtmt table > tbody > tr > td,.tableVariantRuledCss-t2pqtmt table > tfoot > tr > td{border-bottom:var(--borderWidth-100) solid var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > thead > tr > th{box-shadow:inset 0px -1px 0px 0px var(--color-bgLine);}.tableVariantRuledCss-t2pqtmt table > tbody > tr:last-child > th,.tableVariantRuledCss-t2pqtmt table > tbody > tr:last-child > td,.tableVariantRuledCss-t2pqtmt table > tfoot > tr:last-child > td{border:none;}}

package/esm/tables/TableCell.css

@@ -1,5 +1,5 @@
-.truncationCss-t1x93mns{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
+@layer cds{.truncationCss-t1x93mns{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
 .tableCellCss-t1tm00n7{padding:0;margin:0;vertical-align:middle;border:none;}
 .tableHeaderCellCss-tuqbsed{color:var(--color-fgMuted);}
 .tableFooterCellCss-t1gwndzp{color:var(--color-fgMuted);}
-.tableOverflowWidthCss-t1l3yoo8{max-width:0;}
+.tableOverflowWidthCss-t1l3yoo8{max-width:0;}}

package/esm/tables/TableCellFallback.css

@@ -1 +1 @@
-.tableCellCss-t1l01hi5{padding:0;margin:0;vertical-align:middle;border:none;}
+@layer cds{.tableCellCss-t1l01hi5{padding:0;margin:0;vertical-align:middle;border:none;}}

package/esm/tables/TableHeader.css

@@ -1 +1 @@
-.tableStickyCss-t6j6813{position:-webkit-sticky;position:sticky;top:0;z-index:1;}
+@layer cds{.tableStickyCss-t6j6813{position:-webkit-sticky;position:sticky;top:0;z-index:1;}}

package/esm/tables/TableRow.css

@@ -1,2 +1,2 @@
-.tableRowCss-t1cncu43:nth-child(1n){background-color:var(--color-bg);padding:0;border:0;}.tableRowCss-t1cncu43 > th{background-color:inherit;}
-.tableRowHoverCss-tg1utdg:nth-child(1n):focus,.tableRowHoverCss-tg1utdg:nth-child(1n):hover{background-color:rgba(var(--gray5),0.35);}
+@layer cds{.tableRowCss-t1cncu43:nth-child(1n){background-color:var(--color-bg);padding:0;border:0;}.tableRowCss-t1cncu43 > th{background-color:inherit;}
+.tableRowHoverCss-tg1utdg:nth-child(1n):focus,.tableRowHoverCss-tg1utdg:nth-child(1n):hover{background-color:rgba(var(--gray5),0.35);}}

package/esm/tabs/Paddle.css

@@ -1,7 +1,7 @@
-.gradientCss-gtlf7gr{display:block;position:absolute;pointer-events:none;z-index:1;top:0;width:calc(80px + var(--space-2));height:100%;}
+@layer cds{.gradientCss-gtlf7gr{display:block;position:absolute;pointer-events:none;z-index:1;top:0;width:calc(80px + var(--space-2));height:100%;}
 .gradientLeftCss-g1rj0wh1{background:linear-gradient(to right,currentColor 50%,var(--color-transparent) 100%);left:0px;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;}
 .gradientRightCss-g173rkxq{background:linear-gradient(to left,currentColor 50%,var(--color-transparent) 100%);right:0px;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;}
 .paddleCss-p1pw19b9{display:block;position:absolute;z-index:3;padding-top:calc(var(--space-2) - 7px);padding-bottom:calc(var(--space-2) - 7px);}
 .buttonCss-b1ev51cl{display:block;position:relative;z-index:2;}
 .paddleLeftCss-pqsu1no{left:calc(var(--space-2) * -1);padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}
-.paddleRightCss-pl93la3{right:calc(var(--space-2) * -1);padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}
+.paddleRightCss-pl93la3{right:calc(var(--space-2) * -1);padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}}

package/esm/tabs/SegmentedTab.css

@@ -1,4 +1,4 @@
-.insetFocusRingCss-i13o7yik:focus{outline:none;}.insetFocusRingCss-i13o7yik:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:0;}
+@layer cds{.insetFocusRingCss-i13o7yik:focus{outline:none;}.insetFocusRingCss-i13o7yik:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:0;}
 .buttonCss-bijg88k{position:relative;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--borderRadius-1000);}
 .buttonDisabledCss-b265t1b{cursor:default;pointer-events:none;touch-action:none;}
-.disabledCss-d1cor7bl{opacity:0.5;}
+.disabledCss-d1cor7bl{opacity:0.5;}}

package/esm/tabs/SegmentedTab.js

@@ -1,4 +1,4 @@
-const _excluded = ["id", "label", "disabled", "onClick", "color", "activeColor", "className", "testID"];
+const _excluded = ["id", "label", "disabled", "onClick", "color", "activeColor", "className", "testID", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textAlign", "textTransform"];
 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; }
@@ -11,6 +11,7 @@ import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
 import { m as motion } from 'framer-motion';
 import { cx } from '../cx';
 import { Box } from '../layout/Box';
+import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { tabsTransitionConfig } from './Tabs';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -28,7 +29,14 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, r
       color = 'fg',
       activeColor = 'fgInverse',
       className,
-      testID
+      testID,
+      font = 'headline',
+      fontFamily,
+      fontSize,
+      fontWeight,
+      lineHeight,
+      textAlign,
+      textTransform
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -49,15 +57,22 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, r
     transition: tabsTransitionConfig,
     initial: false
   }), [activeColor, color, isActive]);
-  return /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Pressable, _objectSpread(_objectSpread({
     ref: ref,
     "aria-checked": isActive,
     className: cx(insetFocusRingCss, buttonCss, isDisabled && buttonDisabledCss, disabledProp && !allTabsDisabled && disabledCss, className),
     "data-testid": testID,
     disabled: isDisabled,
+    font: font,
+    fontFamily: fontFamily,
+    fontSize: fontSize,
+    fontWeight: fontWeight,
     id: id,
+    lineHeight: lineHeight,
     onClick: handlePress,
     role: "radio",
+    textAlign: textAlign,
+    textTransform: textTransform,
     type: "button"
   }, props), {}, {
     children: /*#__PURE__*/_jsx(Box, {
@@ -66,7 +81,13 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, r
       paddingX: 2,
       paddingY: 1,
       children: typeof label === 'string' ? /*#__PURE__*/_jsx(MotionText, _objectSpread(_objectSpread({
-        font: "headline"
+        font: font,
+        fontFamily: fontFamily,
+        fontSize: fontSize,
+        fontWeight: fontWeight,
+        lineHeight: lineHeight,
+        textAlign: textAlign,
+        textTransform: textTransform
       }, motionProps), {}, {
         children: label
       })) : label

package/esm/tabs/TabLabel.css

@@ -1,3 +1,3 @@
-.primaryTabLabelCss-p22pu9k{padding-top:var(--space-2);padding-bottom:calc(var(--space-2) - 2px);}
+@layer cds{.primaryTabLabelCss-p22pu9k{padding-top:var(--space-2);padding-bottom:calc(var(--space-2) - 2px);}
 .containerCss-c184eq59{position:relative;}.containerCss-c184eq59 > *{white-space:nowrap;}
-.hiddenCss-hgxtpvr{width:100%;visibility:hidden;pointer-events:none;height:0px;}
+.hiddenCss-hgxtpvr{width:100%;visibility:hidden;pointer-events:none;height:0px;}}

package/esm/tabs/TabNavigation.css

@@ -1,5 +1,5 @@
-.containerCss-civc38c{position:relative;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;}
+@layer cds{.containerCss-civc38c{position:relative;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;}
 .scrollContainerCss-sgry0cc{overflow-y:hidden;overflow-x:auto;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.scrollContainerCss-sgry0cc::-webkit-scrollbar{display:none;}
 .pressableCss-p1umbmq2{margin:0;padding:0;white-space:nowrap;}
 .pressableCustomTabCss-p1gi4b8i{margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.insetFocusRingCss-i8jdxgz{position:relative;}.insetFocusRingCss-i8jdxgz:focus{outline:none;}.insetFocusRingCss-i8jdxgz:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:-3px;border-radius:4px;}
+.insetFocusRingCss-i8jdxgz{position:relative;}.insetFocusRingCss-i8jdxgz:focus{outline:none;}.insetFocusRingCss-i8jdxgz:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:-3px;border-radius:4px;}}

package/esm/tour/Tour.css

@@ -1 +1 @@
-.containerCss-c1gsy0il{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;}
+@layer cds{.containerCss-c1gsy0il{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;}}

package/esm/tour/Tour.js

@@ -4,9 +4,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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, { useCallback, useEffect, useRef } from 'react';
-import { useRefMap } from '@coinbase/cds-common/hooks/useRefMap';
 import { OverlayContentContext } from '@coinbase/cds-common/overlays/OverlayContentContext';
-import { RefMapContext } from '@coinbase/cds-common/system/RefMapContext';
 import { TourContext } from '@coinbase/cds-common/tour/TourContext';
 import { useTour } from '@coinbase/cds-common/tour/useTour';
 import { arrow as arrowMiddleware, autoPlacement, autoUpdate, offset, shift, useFloating } from '@floating-ui/react-dom';
@@ -70,6 +68,8 @@ const scrollIntoView = async (element, scrollOptions) => {
   });
   await waitForScroll();
 };
+const defaultTourStepOffset = 24;
+const defaultTourStepShiftPadding = 32;
 const TourComponent = _ref => {
   var _activeTourStep$Arrow, _activeTourStep$hideO, _activeTourStep$tourM, _activeTourStep$tourM2;
   let {
@@ -80,7 +80,7 @@ const TourComponent = _ref => {
     TourMaskComponent = DefaultTourMask,
     TourStepArrowComponent = DefaultTourStepArrow,
     hideOverlay,
-    tourStepOffset = 24,
+    tourStepOffset = defaultTourStepOffset,
     tourStepShift,
     tourStepAutoPlacement,
     tourMaskPadding,
@@ -93,12 +93,20 @@ const TourComponent = _ref => {
     id,
     testID
   } = _ref;
-  const refMap = useRefMap();
   const tourStepArrowRef = useRef(null);
   const RenderedTourStep = activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.Component;
   const RenderedTourStepArrow = (_activeTourStep$Arrow = activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.ArrowComponent) !== null && _activeTourStep$Arrow !== void 0 ? _activeTourStep$Arrow : TourStepArrowComponent;
-  const activeTourStepTarget = activeTourStep ? refMap.getRef(activeTourStep.id) : null;
-  const defaultTourStepShiftPadding = 32;
+
+  // This state is used to store the active tour step target element.
+  // const [activeTourStepTarget, setActiveTourStepTarget] = useState<HTMLElement | null>(null);
+
+  const blockScroll = useScrollBlocker();
+  const [animation, animationApi] = useSpring(() => ({
+    from: {
+      opacity: 0
+    },
+    config: springConfig.slow
+  }), []);
   const {
     refs,
     floatingStyles,
@@ -114,88 +122,110 @@ const TourComponent = _ref => {
     })],
     whileElementsMounted: autoUpdate
   });
-  const [animation, animationApi] = useSpring(() => ({
-    from: {
-      opacity: 0
-    },
-    config: springConfig.slow
-  }), []);
   const handleChange = useCallback(tourStep => {
-    // If the opacity is already 0, animating it to 0 does not trigger `onRest`
-    if (animation.opacity.get() === 0) return onChange(tourStep);
     void animationApi.start({
       to: {
         opacity: 0
       },
       config: springConfig.stiff,
-      onRest: () => onChange(tourStep)
+      onResolve: () => onChange(tourStep)
     });
-  }, [animation.opacity, animationApi, onChange]);
-  const revealTourStep = useCallback(async () => {
-    var _activeTourStep$scrol;
-    if (!disableAutoScroll && !(activeTourStep !== null && activeTourStep !== void 0 && activeTourStep.disableAutoScroll)) await scrollIntoView(activeTourStepTarget, (_activeTourStep$scrol = activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.scrollOptions) !== null && _activeTourStep$scrol !== void 0 ? _activeTourStep$scrol : scrollOptions);
-    refs.setReference(activeTourStepTarget);
-    void animationApi.start({
-      to: {
-        opacity: 1
-      },
-      config: springConfig.slow
-    });
-  }, [activeTourStep, activeTourStepTarget, refs, animationApi, disableAutoScroll, scrollOptions]);
+  }, [animationApi, onChange]);
   const api = useTour({
     steps,
     activeTourStep,
     onChange: handleChange
   });
-  const blockScroll = useScrollBlocker();
-  useEffect(() => {
-    if (!activeTourStep) return;
-    blockScroll(true);
+  const {
+    activeTourStepTarget,
+    setActiveTourStepTarget
+  } = api;
+
+  // Component Lifecycle & Side Effects
+  // ---------------------------------------------------------------------------
+  // This component's visual side effects (scrolling and animations) are driven
+  // by a single callback, `handleSetActiveTourStepTarget`.
+  //
+  // This function is called from the `TourStep` component's ref callback
+  // whenever the active step changes. Because the ref callback is tied to the
+  // lifecycle of the `TourStep`, it reliably fires whenever a new step becomes
+  // active, regardless of whether the change was triggered internally (by a
+  // "Next" button) or externally (by a direct prop change).
+  //
+  // This centralizes the logic for revealing a step: we get the target element,
+  // scroll it into view, and then kick off the fade-in animation, all in one
+  // sequential, event-driven flow.
+
+  const handleActiveTourStepTargetChange = useCallback(target => {
+    refs.setReference(target);
+    setActiveTourStepTarget(target);
+    const revealTourStep = async () => {
+      // Scroll the new target into view.
+      if (!disableAutoScroll && !(activeTourStep !== null && activeTourStep !== void 0 && activeTourStep.disableAutoScroll)) {
+        var _activeTourStep$scrol;
+        await scrollIntoView(target, (_activeTourStep$scrol = activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.scrollOptions) !== null && _activeTourStep$scrol !== void 0 ? _activeTourStep$scrol : scrollOptions);
+      }
+      void animationApi.start({
+        to: {
+          opacity: 1
+        },
+        config: springConfig.slow
+      });
+    };
     void revealTourStep();
-    return () => blockScroll(false);
-  }, [activeTourStep, blockScroll, revealTourStep]);
+  }, [refs, setActiveTourStepTarget, disableAutoScroll, activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.disableAutoScroll, activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.scrollOptions, animationApi, scrollOptions]);
+
+  // Manages scroll locking for the tour's duration. `useEffect` is used to
+  // guarantee that scroll is re-enabled when the tour is closed or unmounted.
+  useEffect(() => {
+    if (activeTourStep !== null && activeTourStep !== void 0 && activeTourStep.id) {
+      blockScroll(true);
+    }
+    return () => {
+      blockScroll(false);
+    };
+  }, [activeTourStep, animationApi, blockScroll, disableAutoScroll, scrollOptions]);
   return /*#__PURE__*/_jsx(OverlayContentContext.Provider, {
     value: overlayContentContextValue,
-    children: /*#__PURE__*/_jsx(RefMapContext.Provider, {
-      value: refMap,
-      children: /*#__PURE__*/_jsxs(TourContext.Provider, {
-        value: api,
-        children: [children, !!RenderedTourStep && /*#__PURE__*/_jsx(Portal, {
-          containerId: modalContainerId,
-          disablePortal: disablePortal,
-          children: /*#__PURE__*/_jsxs("div", {
-            "aria-label": accessibilityLabel,
-            "aria-labelledby": accessibilityLabelledBy,
-            "aria-modal": "true",
-            className: containerCss,
-            "data-testid": testID,
-            id: id,
-            role: "dialog",
-            children: [!((_activeTourStep$hideO = activeTourStep.hideOverlay) !== null && _activeTourStep$hideO !== void 0 ? _activeTourStep$hideO : hideOverlay) && activeTourStepTarget && /*#__PURE__*/_jsx(animated.div, {
-              style: animation,
-              children: /*#__PURE__*/_jsx(TourMaskComponent, {
-                activeTourStepTargetRect: activeTourStepTarget.getBoundingClientRect(),
-                borderRadius: (_activeTourStep$tourM = activeTourStep.tourMaskBorderRadius) !== null && _activeTourStep$tourM !== void 0 ? _activeTourStep$tourM : tourMaskBorderRadius,
-                padding: (_activeTourStep$tourM2 = activeTourStep.tourMaskPadding) !== null && _activeTourStep$tourM2 !== void 0 ? _activeTourStep$tourM2 : tourMaskPadding
-              })
-            }), /*#__PURE__*/_jsx("div", {
-              ref: refs.setFloating,
-              style: floatingStyles,
-              children: /*#__PURE__*/_jsx(FocusTrap, {
-                children: /*#__PURE__*/_jsxs(animated.div, {
-                  style: animation,
-                  children: [/*#__PURE__*/_jsx(RenderedTourStepArrow, {
-                    ref: tourStepArrowRef,
-                    arrow: arrow,
-                    placement: placement,
-                    style: activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.arrowStyle
-                  }), /*#__PURE__*/_jsx(RenderedTourStep, _objectSpread({}, activeTourStep))]
-                })
+    children: /*#__PURE__*/_jsxs(TourContext.Provider, {
+      value: _objectSpread(_objectSpread({}, api), {}, {
+        setActiveTourStepTarget: handleActiveTourStepTargetChange
+      }),
+      children: [children, !!RenderedTourStep && /*#__PURE__*/_jsx(Portal, {
+        containerId: modalContainerId,
+        disablePortal: disablePortal,
+        children: /*#__PURE__*/_jsxs("div", {
+          "aria-label": accessibilityLabel,
+          "aria-labelledby": accessibilityLabelledBy,
+          "aria-modal": "true",
+          className: containerCss,
+          "data-testid": testID,
+          id: id,
+          role: "dialog",
+          children: [!((_activeTourStep$hideO = activeTourStep.hideOverlay) !== null && _activeTourStep$hideO !== void 0 ? _activeTourStep$hideO : hideOverlay) && activeTourStepTarget && /*#__PURE__*/_jsx(animated.div, {
+            style: animation,
+            children: /*#__PURE__*/_jsx(TourMaskComponent, {
+              activeTourStepTargetRect: activeTourStepTarget.getBoundingClientRect(),
+              borderRadius: (_activeTourStep$tourM = activeTourStep.tourMaskBorderRadius) !== null && _activeTourStep$tourM !== void 0 ? _activeTourStep$tourM : tourMaskBorderRadius,
+              padding: (_activeTourStep$tourM2 = activeTourStep.tourMaskPadding) !== null && _activeTourStep$tourM2 !== void 0 ? _activeTourStep$tourM2 : tourMaskPadding
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            ref: refs.setFloating,
+            style: floatingStyles,
+            children: /*#__PURE__*/_jsx(FocusTrap, {
+              children: /*#__PURE__*/_jsxs(animated.div, {
+                style: animation,
+                children: [/*#__PURE__*/_jsx(RenderedTourStepArrow, {
+                  ref: tourStepArrowRef,
+                  arrow: arrow,
+                  placement: placement,
+                  style: activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.arrowStyle
+                }), /*#__PURE__*/_jsx(RenderedTourStep, _objectSpread({}, activeTourStep))]
               })
-            })]
-          })
-        })]
-      })
+            })
+          })]
+        })
+      })]
     })
   });
 };

package/esm/tour/TourStep.js

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { useRefMapContext } from '@coinbase/cds-common/system/RefMapContext';
+import { useTourContext } from '@coinbase/cds-common/tour/TourContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The TourStep component wraps the target element (children) that you want to highlight during a step
@@ -12,9 +12,10 @@ export const TourStep = _ref => {
     children
   } = _ref;
   const {
-    registerRef
-  } = useRefMapContext();
-  const refCallback = useCallback(ref => ref && registerRef(id, ref), [registerRef, id]);
+    activeTourStep,
+    setActiveTourStepTarget
+  } = useTourContext();
+  const refCallback = useCallback(ref => (activeTourStep === null || activeTourStep === void 0 ? void 0 : activeTourStep.id) === id && ref && setActiveTourStepTarget(ref), [activeTourStep, id, setActiveTourStepTarget]);
   return /*#__PURE__*/_jsx("div", {
     ref: refCallback,
     children: children

package/esm/typography/Link.css

@@ -1 +1 @@
-.baseCss-b678mx9{cursor:pointer;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;}.baseCss-b678mx9:hover > *,.baseCss-b678mx9:active > *,.baseCss-b678mx9[data-active='true'] > *,.baseCss-b678mx9[data-loading='true'] > *{opacity:1;}.baseCss-b678mx9:focus-visible{outline-offset:0;border-radius:var(--borderRadius-100);}
+@layer cds{.baseCss-b678mx9{cursor:pointer;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;}.baseCss-b678mx9:hover > *,.baseCss-b678mx9:active > *,.baseCss-b678mx9[data-active='true'] > *,.baseCss-b678mx9[data-loading='true'] > *{opacity:1;}.baseCss-b678mx9:focus-visible{outline-offset:0;border-radius:var(--borderRadius-100);}}

package/esm/typography/Text.css

@@ -1,4 +1,4 @@
-.baseCss-bc3l1w2{margin:0;text-transform:var(--text-textTransform);}
+@layer cds{.baseCss-bc3l1w2{margin:0;text-transform:var(--text-textTransform);}
 .monoCss-mtmutj8{font-family:var(--text-fontFamilyMono);}
 .numberOfLinesCss-n13nhnuq{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--text-numberOfLines);overflow:hidden;}
 .disabledCss-d1cjzz0c{opacity:0.5;cursor:default;pointer-events:none;touch-action:none;}
@@ -8,4 +8,4 @@
 .truncate-t1wbwwx3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .clip-ctas4z3{overflow-wrap:break-word;text-overflow:clip;}
 .wrap-w1v7id0v{white-space:normal;overflow-wrap:break-word;}
-.break-b1iy2urk{overflow-wrap:anywhere;}@supports not (overflow-wrap:anywhere){.break-b1iy2urk{word-break:break-word;overflow-wrap:break-word;}}
+.break-b1iy2urk{overflow-wrap:anywhere;}@supports not (overflow-wrap:anywhere){.break-b1iy2urk{word-break:break-word;overflow-wrap:break-word;}}}

package/esm/visualizations/Counter.css

@@ -1,3 +1,3 @@
-.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;}
+@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;}
+.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/ProgressBar.css

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

package/esm/visualizations/ProgressBarWithFloatLabel.css

@@ -1 +1 @@
-.floatingTextContainerCss-f11geujd{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;}
+@layer cds{.floatingTextContainerCss-f11geujd{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;}}

package/esm/visualizations/ProgressCircle.css

@@ -1 +1 @@
-.svgCss-sq4tjn4{display:block;max-width:100%;}
+@layer cds{.svgCss-sq4tjn4{display:block;max-width:100%;}}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.13.1",
+  "version": "8.13.5",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
-    "url": "git@github.com:coinbase/cds-staging.git",
+    "url": "git@github.com:coinbase/cds.git",
     "directory": "packages/web"
   },
   "type": "module",
@@ -147,11 +147,11 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "workspace:^",
-    "@coinbase/cds-icons": "workspace:^",
-    "@coinbase/cds-illustrations": "workspace:^",
-    "@coinbase/cds-lottie-files": "workspace:^",
-    "@coinbase/cds-utils": "workspace:^",
+    "@coinbase/cds-common": "^8.13.5",
+    "@coinbase/cds-icons": "^5.4.1",
+    "@coinbase/cds-illustrations": "^4.23.0",
+    "@coinbase/cds-lottie-files": "^3.3.1",
+    "@coinbase/cds-utils": "^2.3.2",
     "@floating-ui/react-dom": "^2.1.1",
     "@popperjs/core": "^2.9.0",
     "@react-spring/web": "^9.7.4",
@@ -168,7 +168,7 @@
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@coinbase/cds-web-utils": "workspace:^",
+    "@coinbase/cds-web-utils": "^0.0.0",
     "@figma/code-connect": "^1.3.4",
     "@linaria/core": "^3.0.0-beta.22",
     "@linaria/shaker": "^3.0.0-beta.22",
@@ -185,4 +185,4 @@
     "vite": "^7.1.2",
     "zx": "^8.1.9"
   }
-}
+}

package/dts/AccessibilityAnnouncer/__stories__/AccessibilityAnnouncer.stories.d.ts

@@ -1,14 +0,0 @@
-import type { ComponentStoryObj } from '@storybook/react';
-import type { AccessibilityAnnouncerProps } from '../AccessibilityAnnouncer';
-declare const MockAppScreen: ({ message, ...rest }: AccessibilityAnnouncerProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    title: string;
-    component: ({ message, ...rest }: AccessibilityAnnouncerProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        message: string;
-    };
-};
-export default _default;
-export declare const Default: ComponentStoryObj<typeof MockAppScreen>;
-export declare const Assertive: ComponentStoryObj<typeof MockAppScreen>;
-//# sourceMappingURL=AccessibilityAnnouncer.stories.d.ts.map

package/dts/AccessibilityAnnouncer/__stories__/AccessibilityAnnouncer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessibilityAnnouncer.stories.d.ts","sourceRoot":"","sources":["../../../src/AccessibilityAnnouncer/__stories__/AccessibilityAnnouncer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAK1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAM7E,QAAA,MAAM,aAAa,GAAI,sBAAsB,2BAA2B,4CAuBvE,CAAC;;;sCAvB2C,2BAA2B;;;;;AAyBxE,wBAIE;AAEF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,OAAO,aAAa,CAE3D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,OAAO,aAAa,CAO7D,CAAC"}

package/dts/AccessibilityAnnouncer/__tests__/AccessibilityAnnouncer.test.d.ts

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

package/dts/AccessibilityAnnouncer/__tests__/AccessibilityAnnouncer.test.d.ts.map

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

package/dts/__stories__/Palette.stories.d.ts

@@ -1,7 +0,0 @@
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    title: string;
-    component: () => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;
-//# sourceMappingURL=Palette.stories.d.ts.map

package/dts/__stories__/Palette.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Palette.stories.d.ts","sourceRoot":"","sources":["../../src/__stories__/Palette.stories.tsx"],"names":[],"mappings":"AAkCA,eAAO,MAAM,OAAO,+CAAmB,CAAC;;;;;AAExC,wBAGE"}

package/dts/accordion/__stories__/Accordion.stories.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-    component: ({ activeKey, children, defaultActiveKey, onChange, setActiveKey, testID, style, }: import("..").AccordionProps) => import("react/jsx-runtime").JSX.Element;
-    title: string;
-};
-export default _default;
-declare const BasicAccordion: () => import("react/jsx-runtime").JSX.Element;
-declare const NoMedia: () => import("react/jsx-runtime").JSX.Element;
-declare const NoSubtitle: () => import("react/jsx-runtime").JSX.Element;
-declare const TitleOnly: () => import("react/jsx-runtime").JSX.Element;
-declare const LongContent: () => import("react/jsx-runtime").JSX.Element;
-declare const CustomStyle: () => import("react/jsx-runtime").JSX.Element;
-export declare const NestedButtons: () => import("react/jsx-runtime").JSX.Element;
-export { BasicAccordion, CustomStyle, LongContent, NoMedia, NoSubtitle, TitleOnly };
-//# sourceMappingURL=Accordion.stories.d.ts.map

package/dts/accordion/__stories__/Accordion.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/accordion/__stories__/Accordion.stories.tsx"],"names":[],"mappings":";;;;AAUA,wBAGE;AAUF,QAAA,MAAM,cAAc,+CAwBnB,CAAC;AAEF,QAAA,MAAM,OAAO,+CAaZ,CAAC;AAEF,QAAA,MAAM,UAAU,+CAsBf,CAAC;AAEF,QAAA,MAAM,SAAS,+CAad,CAAC;AAEF,QAAA,MAAM,WAAW,+CAehB,CAAC;AAEF,QAAA,MAAM,WAAW,+CAgChB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAoBzB,CAAC;AACF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dts/accordion/__tests__/Accordion.test.d.ts

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

package/dts/accordion/__tests__/Accordion.test.d.ts.map

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

package/dts/animation/__stories__/Lottie.stories.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { LottiePlayer } from '@coinbase/cds-common/types/LottiePlayer';
-declare const _default: {
-    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../../layout").BoxBaseProps, "justifyContent" | "alignContent" | "flexDirection" | "flexWrap"> & {
-        autoplay?: boolean;
-        loop?: boolean;
-        onAnimationFinish?: () => void;
-        resizeMode?: "cover" | "contain" | "center";
-        source: import("@coinbase/cds-common").LottieSource<string>;
-        handlers?: import("../types").LottieEventHandlersMap;
-        filterSize?: import("lottie-web").SVGRendererConfig["filterSize"];
-    } & React.RefAttributes<LottiePlayer<import("@coinbase/cds-common").LottieSource<any>>>>>;
-    title: string;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Lottie.stories.d.ts.map

package/dts/animation/__stories__/Lottie.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lottie.stories.d.ts","sourceRoot":"","sources":["../../../src/animation/__stories__/Lottie.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;;;;;;;;;;;;;AAQ5E,wBAGE;AAIF,eAAO,MAAM,OAAO,+CAmBnB,CAAC"}

package/dts/animation/__stories__/LottieStatusAnimation.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const _default: {
-    component: React.MemoExoticComponent<({ status, onFinish, testID, ...otherProps }: import("@coinbase/cds-common").LottieStatusAnimationProps) => import("react/jsx-runtime").JSX.Element>;
-    title: string;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LottieStatusAnimation.stories.d.ts.map