@coinbase/cds-web 8.13.1 → 8.13.5

package/CHANGELOG.md

@@ -0,0 +1,61 @@
+# @coinbase/cds-web
+
+> [NPM registry](https://www.npmjs.com/package/@coinbase/cds-web)
+
+All notable changes to this project will be documented in this file.
+
+`@coinbase/cds-web` adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+<!-- template-start -->
+
+## 8.13.5 (10/3/2025 PST)
+
+#### 🐞 Fixes
+
+- Support custom font in SegmentedTab. [[#65](https://github.com/coinbase/cds/pull/65)]
+
+## 8.13.4 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Fix tour position flickering issue.
+
+## 8.13.3 ((10/1/2025, 03:05 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.13.2 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Update links for new repo. [[#42](https://github.com/coinbase/cds/pull/42)]
+
+#### 📘 Misc
+
+- Update Code Connect for Button, IconButton, TabbedChips, MultiContentModule.
+
+## 8.13.1 (9/26/2025 PST)
+
+#### 🐞 Fixes
+
+- Update ARIA attributes for TabbedChips. [[#27](https://github.com/coinbase/cds/pull/27)]
+
+## 8.13.0 (9/25/2025 PST)
+
+#### 🚀 Updates
+
+- Added RollingNumber component.
+
+## 8.12.2 (9/25/2025 PST)
+
+#### 🐞 Fixes
+
+- Fix Dropdown heading covered by overlay issue when mobile modal is enabled.
+
+## 8.12.1 ((9/24/2025, 09:42 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.12.0 (9/18/2025 PST)
+
+- Prepare for open source release.

package/dts/AccessibilityAnnouncer/AccessibilityAnnouncer.d.ts

@@ -1,19 +1,32 @@
 import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
-export type AccessibilityAnnouncerProps = Omit<{
+export type AccessibilityAnnouncerProps = Omit<
+  {
     /** The aria-live attribute
      * @default polite
      */
     politeness?: React.AriaAttributes['aria-live'];
     /** The message to announce */
     message?: string | null;
-}, 'children'> & SharedProps;
-export declare const AccessibilityAnnouncer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<{
-    /** The aria-live attribute
-     * @default polite
-     */
-    politeness?: React.AriaAttributes["aria-live"];
-    /** The message to announce */
-    message?: string | null;
-}, "children"> & SharedProps & React.RefAttributes<HTMLParagraphElement>>>;
-//# sourceMappingURL=AccessibilityAnnouncer.d.ts.map
+  },
+  'children'
+> &
+  SharedProps;
+export declare const AccessibilityAnnouncer: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<
+      {
+        /** The aria-live attribute
+         * @default polite
+         */
+        politeness?: React.AriaAttributes['aria-live'];
+        /** The message to announce */
+        message?: string | null;
+      },
+      'children'
+    > &
+      SharedProps &
+      React.RefAttributes<HTMLParagraphElement>
+  >
+>;
+//# sourceMappingURL=AccessibilityAnnouncer.d.ts.map

package/dts/accordion/Accordion.d.ts

@@ -3,7 +3,15 @@ import { type AccordionProviderProps } from '@coinbase/cds-common/accordion/Acco
 import type { SharedProps } from '@coinbase/cds-common/types';
 export type AccordionBaseProps = SharedProps & AccordionProviderProps;
 export type AccordionProps = AccordionBaseProps & {
-    style?: React.CSSProperties;
+  style?: React.CSSProperties;
 };
-export declare const Accordion: ({ activeKey, children, defaultActiveKey, onChange, setActiveKey, testID, style, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Accordion.d.ts.map
+export declare const Accordion: ({
+  activeKey,
+  children,
+  defaultActiveKey,
+  onChange,
+  setActiveKey,
+  testID,
+  style,
+}: AccordionProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

package/dts/accordion/AccordionHeader.d.ts

@@ -2,20 +2,23 @@ import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import type { CollapsibleBaseProps } from '../collapsible';
 export type AccordionMediaBaseProps = {
-    media?: React.ReactNode;
+  media?: React.ReactNode;
 };
 export type AccordionTitleBaseProps = {
-    /**
-     * Title of the accordion item
-     */
-    title: string;
-    /**
-     * Subtitle of the accordion item
-     */
-    subtitle?: string;
+  /**
+   * Title of the accordion item
+   */
+  title: string;
+  /**
+   * Subtitle of the accordion item
+   */
+  subtitle?: string;
 };
 export type AccordionIconBaseProps = Pick<CollapsibleBaseProps, 'collapsed'>;
-export type AccordionHeaderBaseProps = SharedProps & AccordionMediaBaseProps & AccordionTitleBaseProps & AccordionIconBaseProps & {
+export type AccordionHeaderBaseProps = SharedProps &
+  AccordionMediaBaseProps &
+  AccordionTitleBaseProps &
+  AccordionIconBaseProps & {
     /**
      * Callback function fired when the accordion item is clicked
      */
@@ -26,28 +29,41 @@ export type AccordionHeaderBaseProps = SharedProps & AccordionMediaBaseProps & A
      * unless you want multiple items to be controlled at the same time.
      */
     itemKey: string;
-};
+  };
 type AccordionMediaProps = AccordionMediaBaseProps;
-export declare const AccordionMedia: React.MemoExoticComponent<({ media }: AccordionMediaProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionMedia: React.MemoExoticComponent<
+  ({ media }: AccordionMediaProps) => import('react/jsx-runtime').JSX.Element
+>;
 type AccordionTitleProps = AccordionTitleBaseProps;
-export declare const AccordionTitle: React.MemoExoticComponent<({ title, subtitle }: AccordionTitleProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionTitle: React.MemoExoticComponent<
+  ({ title, subtitle }: AccordionTitleProps) => import('react/jsx-runtime').JSX.Element
+>;
 type AccordionIconProps = AccordionIconBaseProps;
-export declare const AccordionIcon: React.MemoExoticComponent<({ collapsed }: AccordionIconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionIcon: React.MemoExoticComponent<
+  ({ collapsed }: AccordionIconProps) => import('react/jsx-runtime').JSX.Element
+>;
 /**
  * Renders a Pressable element to use as the header to an AccordionItem.
  * Composes an Accordion Media, Title, and Icon.
  */
-export declare const AccordionHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & AccordionMediaBaseProps & AccordionTitleBaseProps & AccordionIconBaseProps & {
-    /**
-     * Callback function fired when the accordion item is clicked
-     */
-    onClick?: (key: string) => void;
-    /**
-     * Key of the accordion item.
-     * This should be unique inside the same Accordion
-     * unless you want multiple items to be controlled at the same time.
-     */
-    itemKey: string;
-} & React.RefAttributes<HTMLButtonElement>>>;
+export declare const AccordionHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      AccordionMediaBaseProps &
+      AccordionTitleBaseProps &
+      AccordionIconBaseProps & {
+        /**
+         * Callback function fired when the accordion item is clicked
+         */
+        onClick?: (key: string) => void;
+        /**
+         * Key of the accordion item.
+         * This should be unique inside the same Accordion
+         * unless you want multiple items to be controlled at the same time.
+         */
+        itemKey: string;
+      } & React.RefAttributes<HTMLButtonElement>
+  >
+>;
 export {};
-//# sourceMappingURL=AccordionHeader.d.ts.map
+//# sourceMappingURL=AccordionHeader.d.ts.map

package/dts/accordion/AccordionItem.d.ts

@@ -1,16 +1,31 @@
 import React from 'react';
 import { type AccordionHeaderBaseProps } from './AccordionHeader';
 import { type AccordionPanelBaseProps } from './AccordionPanel';
-export type AccordionItemBaseProps = Omit<AccordionHeaderBaseProps, 'collapsed'> & Pick<AccordionPanelBaseProps, 'maxHeight' | 'children'> & {
+export type AccordionItemBaseProps = Omit<AccordionHeaderBaseProps, 'collapsed'> &
+  Pick<AccordionPanelBaseProps, 'maxHeight' | 'children'> & {
     headerRef?: React.RefObject<HTMLButtonElement>;
     panelRef?: React.RefObject<HTMLDivElement>;
     style?: React.CSSProperties;
-};
+  };
 export type AccordionItemProps = AccordionItemBaseProps;
 /**
  * A component that represents a single item within an Accordion.
  * It composes together an AccordionHeader and a collapsible AccordionPanel.
  * Accepts a unique `itemKey` prop to uniquely identify one item from another within the same Accordion.
  */
-export declare const AccordionItem: React.MemoExoticComponent<({ itemKey, title, subtitle, children, onClick, media, testID, headerRef, panelRef, maxHeight, style, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=AccordionItem.d.ts.map
+export declare const AccordionItem: React.MemoExoticComponent<
+  ({
+    itemKey,
+    title,
+    subtitle,
+    children,
+    onClick,
+    media,
+    testID,
+    headerRef,
+    panelRef,
+    maxHeight,
+    style,
+  }: AccordionItemProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dts/accordion/AccordionPanel.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import { type CollapsibleBaseProps } from '../collapsible';
-export type AccordionPanelBaseProps = SharedProps & Pick<CollapsibleBaseProps, 'collapsed' | 'children'> & {
+export type AccordionPanelBaseProps = SharedProps &
+  Pick<CollapsibleBaseProps, 'collapsed' | 'children'> & {
     /**
      * Key of the accordion item.
      * This should be unique inside the same Accordion
@@ -9,19 +10,24 @@ export type AccordionPanelBaseProps = SharedProps & Pick<CollapsibleBaseProps, '
      */
     itemKey: string;
     maxHeight?: CollapsibleBaseProps['maxHeight'];
-};
+  };
 export type AccordionPanelProps = AccordionPanelBaseProps;
 /**
  * Renders a collapsible element to use as the primary content container for an AccordionItem.
  * Accepts a unique `itemKey` prop to uniquely identify one panel from another.
  */
-export declare const AccordionPanel: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & Pick<CollapsibleBaseProps, "children" | "collapsed"> & {
-    /**
-     * Key of the accordion item.
-     * This should be unique inside the same Accordion
-     * unless you want multiple items to be controlled at the same time.
-     */
-    itemKey: string;
-    maxHeight?: CollapsibleBaseProps["maxHeight"];
-} & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=AccordionPanel.d.ts.map
+export declare const AccordionPanel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<CollapsibleBaseProps, 'children' | 'collapsed'> & {
+        /**
+         * Key of the accordion item.
+         * This should be unique inside the same Accordion
+         * unless you want multiple items to be controlled at the same time.
+         */
+        itemKey: string;
+        maxHeight?: CollapsibleBaseProps['maxHeight'];
+      } & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=AccordionPanel.d.ts.map

package/dts/accordion/__figma__/Accordion.figma.d.ts

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

package/dts/accordion/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Accordion';
 export * from './AccordionItem';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/accordion/utils.d.ts

@@ -1,3 +1,3 @@
 export declare const getAccordionHeaderId: (itemKey: string) => string;
 export declare const getAccordionPanelId: (itemKey: string) => string;
-//# sourceMappingURL=utils.d.ts.map
+//# sourceMappingURL=utils.d.ts.map

package/dts/animation/Lottie.d.ts

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

package/dts/animation/LottieStatusAnimation.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
 import type { LottieStatusAnimationProps } from '@coinbase/cds-common/types/LottieStatusAnimationProps';
-export declare const LottieStatusAnimation: React.MemoExoticComponent<({ status, onFinish, testID, ...otherProps }: LottieStatusAnimationProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=LottieStatusAnimation.d.ts.map
+export declare const LottieStatusAnimation: React.MemoExoticComponent<
+  ({
+    status,
+    onFinish,
+    testID,
+    ...otherProps
+  }: LottieStatusAnimationProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=LottieStatusAnimation.d.ts.map

package/dts/animation/NewAnimatePresence.d.ts

@@ -1,7 +1,7 @@
 import { type AnimatePresenceProps } from 'framer-motion';
 type NewAnimatePresenceProps = {
-    children: React.ReactNode;
+  children: React.ReactNode;
 } & Omit<AnimatePresenceProps, 'children'>;
 export declare const NewAnimatePresence: React.FC<NewAnimatePresenceProps>;
 export {};
-//# sourceMappingURL=NewAnimatePresence.d.ts.map
+//# sourceMappingURL=NewAnimatePresence.d.ts.map

package/dts/animation/convertMotionConfig.d.ts

@@ -1,20 +1,33 @@
-import type { MotionBaseSpec as DefaultMotionSpec, MotionCurve } from '@coinbase/cds-common/types/Motion';
+import type {
+  MotionBaseSpec as DefaultMotionSpec,
+  MotionCurve,
+} from '@coinbase/cds-common/types/Motion';
 export declare const webCurves: {
-    global: string;
-    enterExpressive: string;
-    enterFunctional: string;
-    exitExpressive: string;
-    exitFunctional: string;
-    linear: string;
+  global: string;
+  enterExpressive: string;
+  enterFunctional: string;
+  exitExpressive: string;
+  exitFunctional: string;
+  linear: string;
 };
 export type MotionBaseSpec = {
-    toValue: number | string;
-    fromValue?: number | string;
-} & Omit<DefaultMotionSpec, 'toValue' | 'fromValue' | 'property'> & Pick<EffectTiming, 'fill'>;
+  toValue: number | string;
+  fromValue?: number | string;
+} & Omit<DefaultMotionSpec, 'toValue' | 'fromValue' | 'property'> &
+  Pick<EffectTiming, 'fill'>;
 export type MotionConfigOutput = {
-    easing: string;
-    duration?: number;
-} & EffectTiming & Pick<MotionBaseSpec, 'toValue' | 'fromValue' | 'fill'>;
+  easing: string;
+  duration?: number;
+} & EffectTiming &
+  Pick<MotionBaseSpec, 'toValue' | 'fromValue' | 'fill'>;
 export declare function cubicBezier(easing: MotionCurve): string;
-export declare const convertMotionConfig: ({ toValue, fromValue, delay, easing, duration, oneOffDuration, fill, }: MotionBaseSpec) => MotionConfigOutput;
-//# sourceMappingURL=convertMotionConfig.d.ts.map
+export declare const convertMotionConfig: ({
+  toValue,
+  fromValue,
+  delay,
+  easing,
+  duration,
+  oneOffDuration,
+  fill,
+}: MotionBaseSpec) => MotionConfigOutput;
+//# sourceMappingURL=convertMotionConfig.d.ts.map

package/dts/animation/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Lottie';
 export * from './LottieStatusAnimation';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/animation/types.d.ts

@@ -2,48 +2,54 @@ import type { LottieSource } from '@coinbase/cds-common/types/LottieSource';
 import type { AnimationEventName, AnimationItem, SVGRendererConfig } from 'lottie-web';
 import type { BoxBaseProps } from '../layout';
 export type LottieEventHandlersMap = {
-    [key in LottieListener['name']]?: LottieListener['handler'];
+  [key in LottieListener['name']]?: LottieListener['handler'];
 };
 export type LottieListener = {
-    name: AnimationEventName;
-    handler: () => void;
+  name: AnimationEventName;
+  handler: () => void;
 };
-export type LottieBaseProps<T extends string, Source extends LottieSource<T>> = Omit<BoxBaseProps, 'alignContent' | 'justifyContent' | 'flexWrap' | 'flexDirection'> & {
-    /**
-     * A boolean flag indicating whether or not the animation should start automatically when
-     * mounted. This only affects the imperative API.
-     * @default false
-     */
-    autoplay?: boolean;
-    /**
-     * A boolean flag indicating whether or not the animation should loop.
-     * @default false
-     */
-    loop?: boolean;
-    /**
-     * A callback function which will be called when animation is finished. Note that on mobile, this
-     * callback will be called only when `loop` is set to false.
-     */
-    onAnimationFinish?: () => void;
-    /**
-     * Determines how to resize the animated view when the frame doesn't match the raw image
-     * dimensions.
-     * Refer to React Native docs [here](https://facebook.github.io/react-native/docs/image.html#resizemode)
-     * @default contain
-     */
-    resizeMode?: 'cover' | 'contain' | 'center';
-    /**
-     * The source of animation. Should be pulled from @coinbase/cds-lottie-files.
-     * For web, you can import the animation from index since this webpack can handle treeshaking, `import { tradeStatus } from @coinbase/cds-lottie-files`
-     */
-    source: Source;
-    handlers?: LottieEventHandlersMap;
-    /**
-     * In order to render drop shadows, the filter size needs to be set to increase the render surface of the element.
-     * You can set the x, y, width and height of filters manually.
-     */
-    filterSize?: SVGRendererConfig['filterSize'];
+export type LottieBaseProps<T extends string, Source extends LottieSource<T>> = Omit<
+  BoxBaseProps,
+  'alignContent' | 'justifyContent' | 'flexWrap' | 'flexDirection'
+> & {
+  /**
+   * A boolean flag indicating whether or not the animation should start automatically when
+   * mounted. This only affects the imperative API.
+   * @default false
+   */
+  autoplay?: boolean;
+  /**
+   * A boolean flag indicating whether or not the animation should loop.
+   * @default false
+   */
+  loop?: boolean;
+  /**
+   * A callback function which will be called when animation is finished. Note that on mobile, this
+   * callback will be called only when `loop` is set to false.
+   */
+  onAnimationFinish?: () => void;
+  /**
+   * Determines how to resize the animated view when the frame doesn't match the raw image
+   * dimensions.
+   * Refer to React Native docs [here](https://facebook.github.io/react-native/docs/image.html#resizemode)
+   * @default contain
+   */
+  resizeMode?: 'cover' | 'contain' | 'center';
+  /**
+   * The source of animation. Should be pulled from @coinbase/cds-lottie-files.
+   * For web, you can import the animation from index since this webpack can handle treeshaking, `import { tradeStatus } from @coinbase/cds-lottie-files`
+   */
+  source: Source;
+  handlers?: LottieEventHandlersMap;
+  /**
+   * In order to render drop shadows, the filter size needs to be set to increase the render surface of the element.
+   * You can set the x, y, width and height of filters manually.
+   */
+  filterSize?: SVGRendererConfig['filterSize'];
 };
-export type LottieProps<T extends string, Source extends LottieSource<T>> = LottieBaseProps<T, Source>;
+export type LottieProps<T extends string, Source extends LottieSource<T>> = LottieBaseProps<
+  T,
+  Source
+>;
 export type LottieAnimationRef = React.MutableRefObject<AnimationItem | undefined>;
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dts/animation/useLottieHandlers.d.ts

@@ -1,3 +1,3 @@
 import type { LottieEventHandlersMap, LottieListener } from './types';
 export declare const useLottieHandlers: (handlers?: LottieEventHandlersMap) => LottieListener[];
-//# sourceMappingURL=useLottieHandlers.d.ts.map
+//# sourceMappingURL=useLottieHandlers.d.ts.map

package/dts/animation/useLottieListeners.d.ts

@@ -1,3 +1,6 @@
 import type { LottieAnimationRef, LottieListener } from './types';
-export declare const useLottieListeners: (animationRef: LottieAnimationRef, listeners?: LottieListener[]) => void;
-//# sourceMappingURL=useLottieListeners.d.ts.map
+export declare const useLottieListeners: (
+  animationRef: LottieAnimationRef,
+  listeners?: LottieListener[],
+) => void;
+//# sourceMappingURL=useLottieListeners.d.ts.map

package/dts/animation/useLottieLoader.d.ts

@@ -1,9 +1,15 @@
 import type { LottieSource } from '@coinbase/cds-common';
 import type { AnyObject } from '@coinbase/cds-utils';
 import type { LottieAnimationRef, LottieProps } from './types';
-export declare const useLottieLoader: <Marker extends string, Source extends LottieSource<Marker>>({ source, loop, autoplay, resizeMode, filterSize, }: LottieProps<Marker, Source>) => {
-    containerRef: import("react").RefObject<HTMLDivElement>;
-    animationRef: LottieAnimationRef;
-    loadAnimation: (forcedConfigs?: AnyObject) => void;
+export declare const useLottieLoader: <Marker extends string, Source extends LottieSource<Marker>>({
+  source,
+  loop,
+  autoplay,
+  resizeMode,
+  filterSize,
+}: LottieProps<Marker, Source>) => {
+  containerRef: import('react').RefObject<HTMLDivElement>;
+  animationRef: LottieAnimationRef;
+  loadAnimation: (forcedConfigs?: AnyObject) => void;
 };
-//# sourceMappingURL=useLottieLoader.d.ts.map
+//# sourceMappingURL=useLottieLoader.d.ts.map