@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/dates/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/dates/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dts/dates/__figma__/DatePicker.figma.d.ts

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

package/dts/dates/__figma__/DatePicker.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.figma.d.ts","sourceRoot":"","sources":["../../../src/dates/__figma__/DatePicker.figma.tsx"],"names":[],"mappings":""}

package/dts/defaultFontStyles.d.ts

@@ -0,0 +1,2 @@
+import './styles/defaultFont';
+//# sourceMappingURL=defaultFontStyles.d.ts.map

package/dts/defaultFontStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFontStyles.d.ts","sourceRoot":"","sources":["../src/defaultFontStyles.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC"}

package/dts/dots/DotCount.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import type {
+  DotCountPinPlacement,
+  DotCountVariants,
+  DotOverlap,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+export type DotCountBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /**
+     * The number value to be shown in the dot. If count is <= 0, dot will not show up.
+     *  */
+    count: number;
+    /**
+     * If a badge count is greater than max, it will truncate the numbers so its max+
+     * @default 99
+     *  */
+    max?: number;
+    /**
+     * Background color of dot
+     * @default negative
+     * */
+    variant?: DotCountVariants;
+    /** Position of dot relative to its parent */
+    pin?: DotCountPinPlacement;
+    /** Children of where the dot will anchor to */
+    children?: React.ReactNode;
+    /** Indicates what shape Dot is overlapping */
+    overlap?: DotOverlap;
+  };
+export type DotCountProps = DotCountBaseProps & {
+  /**
+   * Custom class name for the root element.
+   */
+  className?: string;
+  /**
+   * Custom styles for the root element.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Custom class names for the component.
+   */
+  classNames?: {
+    /**
+     * Custom class name for the root element.
+     */
+    root?: string;
+    /**
+     * Custom class name for the container element.
+     */
+    container?: string;
+    /**
+     * Custom class name for the text element.
+     */
+    text?: string;
+  };
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Custom styles for the container element.
+     */
+    container?: React.CSSProperties;
+    /**
+     * Custom styles for the text element.
+     */
+    text?: React.CSSProperties;
+  };
+};
+export declare const DotCount: React.MemoExoticComponent<
+  ({
+    children,
+    pin,
+    variant,
+    count,
+    max,
+    testID,
+    accessibilityLabel,
+    overlap,
+    className,
+    classNames,
+    style,
+    styles,
+    ...props
+  }: DotCountProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotCount.d.ts.map

package/dts/dots/DotCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotCount.d.ts","sourceRoot":"","sources":["../../src/dots/DotCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAqCpC,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF;;UAEM;IACN,KAAK,EAAE,MAAM,CAAC;IACd;;;UAGM;IACN,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,0JAehB,aAAa,6CA8DjB,CAAC"}

package/dts/dots/DotStatusColor.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type {
+  DotOverlap,
+  DotSize,
+  DotVariant,
+  PinPlacement,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+export type DotStatusColorBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /** Position of dot relative to its parent */
+    pin?: PinPlacement;
+    /** Background color of dot */
+    variant: DotVariant;
+    /** Children of where the dot will anchor to */
+    children?: React.ReactNode;
+    /** Size of dot */
+    size?: DotSize;
+    /** Indicates what shape Dot is overlapping */
+    overlap?: DotOverlap;
+  };
+export type DotStatusColorProps = DotStatusColorBaseProps;
+export declare const DotStatusColor: React.MemoExoticComponent<
+  ({
+    variant,
+    pin,
+    size,
+    overlap,
+    children,
+    testID,
+    accessibilityLabel,
+    ...props
+  }: DotStatusColorProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotStatusColor.d.ts.map

package/dts/dots/DotStatusColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotStatusColor.d.ts","sourceRoot":"","sources":["../../src/dots/DotStatusColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAsBpC,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAC/C,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,6CAA6C;IAC7C,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,8BAA8B;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,eAAO,MAAM,cAAc,8GAUtB,mBAAmB,6CA+BvB,CAAC"}

package/dts/dots/DotSymbol.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import type {
+  DotOverlap,
+  DotSize,
+  IconName,
+  PinPlacement,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type IconProps } from '../icons/Icon';
+import { type BoxBaseProps } from '../layout/Box';
+export type DotSymbolBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /** Icon name to add to the dot. */
+    iconName?: IconName;
+    /** Size of the dot */
+    size?: DotSize;
+    /** Whether the icon is active */
+    active?: boolean;
+    /** The color of the icon */
+    color?: IconProps['color'];
+    background?: BoxBaseProps['background'];
+    borderColor?: BoxBaseProps['borderColor'];
+    /** Position of the dot */
+    pin?: PinPlacement;
+    /** The element that the dot will anchor to */
+    children?: React.ReactNode;
+    /** Indicates what shape dot is overlapping */
+    overlap?: DotOverlap;
+    /** Add an arbitrary ReactNode to the dot instead of an icon. */
+    symbol?: React.ReactNode;
+    /** Image source path */
+    source?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    iconStyle?: React.CSSProperties;
+    iconClassName?: string;
+    imageStyle?: React.CSSProperties;
+    imageClassName?: string;
+  };
+export type DotSymbolProps = DotSymbolBaseProps;
+export declare const DotSymbol: React.MemoExoticComponent<
+  ({
+    children,
+    symbol,
+    pin,
+    source,
+    iconName,
+    size,
+    active,
+    testID,
+    overlap,
+    color,
+    background,
+    borderColor,
+    style,
+    className,
+    iconStyle,
+    iconClassName,
+    imageStyle,
+    imageClassName,
+    accessibilityLabel,
+    ...props
+  }: DotSymbolProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotSymbol.d.ts.map

package/dts/dots/DotSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../src/dots/DotSymbol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AA0BvD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,0BAA0B;IAC1B,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAIhD,eAAO,MAAM,SAAS,+OAsBjB,cAAc,6CA6ClB,CAAC"}

package/dts/dots/__figma__/DotCount.figma.d.ts

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

package/dts/dots/__figma__/DotCount.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotCount.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotCount.figma.tsx"],"names":[],"mappings":""}

package/dts/dots/__figma__/DotStatusColor.figma.d.ts

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

package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotStatusColor.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotStatusColor.figma.tsx"],"names":[],"mappings":""}

package/dts/dots/__figma__/DotSymbol.figma.d.ts

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

package/dts/dots/__figma__/DotSymbol.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotSymbol.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotSymbol.figma.tsx"],"names":[],"mappings":""}

package/dts/dots/dotStyles.d.ts

@@ -0,0 +1,20 @@
+import type { DotOverlap } from '@coinbase/cds-common/types/DotBaseProps';
+import type { PinPlacement } from '@coinbase/cds-common/types/Placement';
+export declare const getTransform: (
+  pin?: PinPlacement,
+  overlap?: DotOverlap,
+) =>
+  | {
+      readonly position?: undefined;
+      readonly transform?: undefined;
+      readonly translateX?: undefined;
+      readonly translateY?: undefined;
+    }
+  | {
+      readonly [x: string]: 0 | 'absolute' | `translate(${number}%, ${number}%)` | `${number}%`;
+      readonly position: 'absolute';
+      readonly transform: `translate(${number}%, ${number}%)`;
+      readonly translateX: `${number}%`;
+      readonly translateY: `${number}%`;
+    };
+//# sourceMappingURL=dotStyles.d.ts.map

package/dts/dots/dotStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotStyles.d.ts","sourceRoot":"","sources":["../../src/dots/dotStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,eAAO,MAAM,YAAY,GAAI,MAAM,YAAY,EAAE,UAAU,UAAU;;;;;;;;;;;CAiCpE,CAAC"}

package/dts/dots/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DotCount';
+export * from './DotStatusColor';
+export * from './DotSymbol';
+//# sourceMappingURL=index.d.ts.map

package/dts/dots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dots/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dts/dropdown/Dropdown.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { DropdownRef } from './DropdownProps';
+export declare const DROPDOWN_MAX_HEIGHT = 300;
+export declare const Dropdown: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      enableMobileModal?: boolean;
+      disableCloseOnOptionChange?: boolean;
+      value?: string;
+      width?: React.CSSProperties['width'];
+      minWidth?: React.CSSProperties['minWidth'];
+      maxWidth?: React.CSSProperties['maxWidth'];
+      maxHeight?: React.CSSProperties['maxHeight'];
+      onOpenMenu?: () => void;
+      onCloseMenu?: () => void;
+      onBlur?: () => void;
+      disablePortal?: boolean;
+      onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
+      disabled?: boolean;
+      restoreFocusOnUnmount?: boolean;
+    } & Pick<
+      import('../overlays').PopoverProps,
+      | 'children'
+      | 'content'
+      | 'block'
+      | 'disableTypeFocus'
+      | 'respectNegativeTabIndex'
+      | 'controlledElementAccessibilityProps'
+      | 'showOverlay'
+      | 'contentPosition'
+    > &
+      import('@coinbase/cds-common').SharedProps &
+      Pick<
+        import('@coinbase/cds-common').SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+      > &
+      React.RefAttributes<DropdownRef>
+  >
+>;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dts/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAwC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGzF,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAoMvC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;qaAsDpB,CAAC"}

package/dts/dropdown/DropdownContent.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { DimensionValue } from '@coinbase/cds-common/types';
+import type { Placement } from '@popperjs/core';
+import type { DropdownProps } from './DropdownProps';
+export type DropdownContentProps = {
+  height?: DimensionValue;
+  placement?: Placement;
+} & Pick<DropdownProps, 'width' | 'maxHeight' | 'maxWidth' | 'minWidth' | 'children'>;
+export declare const DropdownContent: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      height?: DimensionValue;
+      placement?: Placement;
+    } & Pick<DropdownProps, 'width' | 'children' | 'minWidth' | 'maxWidth' | 'maxHeight'> &
+      React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=DropdownContent.d.ts.map

package/dts/dropdown/DropdownContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContent.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAItF,eAAO,MAAM,eAAe;aANjB,cAAc;gBACX,SAAS;6HA4CtB,CAAC"}

package/dts/dropdown/DropdownProps.d.ts

@@ -0,0 +1,77 @@
+import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import { type PopoverProps } from '../overlays/popover/PopoverProps';
+export type DropdownRef = {
+  openMenu: () => void;
+  closeMenu: () => void;
+};
+export type DropdownInternalProps = DropdownProps & {
+  visible: boolean;
+};
+export type DropdownProps = {
+  /**
+   * Enable to have Dropdown render its content inside a Modal as opposed to a relatively positioned Popover
+   * Ideal for mobile or smaller devices.
+   * */
+  enableMobileModal?: boolean;
+  /** Prevent menu from closing when an option is selected */
+  disableCloseOnOptionChange?: boolean;
+  /** Default selected value, or preselected value */
+  value?: string;
+  /**
+   * Width of input as a percentage string or number converted to pixels.
+   * @default 100%
+   * */
+  width?: React.CSSProperties['width'];
+  /** Minimum width of input as a percentage string or number converted to pixels. */
+  minWidth?: React.CSSProperties['minWidth'];
+  /** Maximum width of input as a percentage string or number converted to pixels. */
+  maxWidth?: React.CSSProperties['maxWidth'];
+  /** Can optionally pass a maxHeight.
+   * @default 300
+   * */
+  maxHeight?: React.CSSProperties['maxHeight'];
+  /** Callback that fires when Dropdown is opened */
+  onOpenMenu?: () => void;
+  /** Callback that fires when Dropdown is closed */
+  onCloseMenu?: () => void;
+  /** Callback that fires when Dropdown or trigger are blurred */
+  onBlur?: () => void;
+  /** Does not render the Dropdown inside of a portal (react-dom createPortal).
+   * Portal is automatically disabled for SSR
+   * */
+  disablePortal?: boolean;
+  /** Callback that is fired whenever an option is selected */
+  onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
+  /**
+   * Prevents the Dropdown menu from opening.
+   * You'll need to surface disabled state on the trigger manually.
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
+   *
+   * WARNING: If you disable this, you need to ensure that focus is restored properly so it doesn't end up on the body
+   * @default true
+   */
+  restoreFocusOnUnmount?: boolean;
+} & Pick<
+  PopoverProps,
+  | 'content'
+  | 'children'
+  | 'showOverlay'
+  | 'contentPosition'
+  | 'block'
+  | 'disableTypeFocus'
+  | 'controlledElementAccessibilityProps'
+  | 'respectNegativeTabIndex'
+> &
+  SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  >;
+export type DropdownRefProps = {
+  openMenu: () => void;
+  closeMenu: () => void;
+};
+//# sourceMappingURL=DropdownProps.d.ts.map

package/dts/dropdown/DropdownProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownProps.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAExF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;SAGK;IACL,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;SAGK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C;;SAEK;IACL,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;SAEK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,GAAG,IAAI,CACN,YAAY,EAGV,SAAS,GACT,UAAU,GACV,aAAa,GACb,iBAAiB,GACjB,OAAO,GACP,kBAAkB,GAClB,qCAAqC,GACrC,yBAAyB,CAC5B,GACC,WAAW,GACX,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC"}

package/dts/dropdown/MenuItem.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { SelectOptionProps } from '../controls/SelectOption';
+import type { Polymorphic } from '../core/polymorphism';
+import { type PressableBaseProps } from '../system/Pressable';
+export declare const menuitemDefaultElement = 'button';
+export type MenuitemDefaultElement = typeof menuitemDefaultElement;
+export type MenuitemBaseProps = Polymorphic.ExtendableProps<
+  PressableBaseProps,
+  {
+    children: NonNullable<React.ReactNode>;
+  } & Pick<SelectOptionProps, 'disableCloseOnOptionChange' | 'value' | 'tabIndex'>
+>;
+export type MenuitemProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  MenuitemBaseProps
+>;
+type MenuitemComponent = (<AsComponent extends React.ElementType = MenuitemDefaultElement>(
+  props: MenuitemProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const MenuItem: MenuitemComponent;
+export {};
+//# sourceMappingURL=MenuItem.d.ts.map

package/dts/dropdown/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/dropdown/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,qBAAqB,CAAC;AAe7B,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,kBAAkB,EAClB;IACE,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;CACxC,GAAG,IAAI,CAAC,iBAAiB,EAAE,4BAA4B,GAAG,OAAO,GAAG,UAAU,CAAC,CACjF,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAClF,WAAW,EACX,iBAAiB,CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,sBAAsB,EACvF,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAC9B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,QAAQ,EAAE,iBA+CtB,CAAC"}

package/dts/dropdown/__figma__/Dropdown.figma.d.ts

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

package/dts/dropdown/__figma__/Dropdown.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.figma.d.ts","sourceRoot":"","sources":["../../../src/dropdown/__figma__/Dropdown.figma.tsx"],"names":[],"mappings":""}

package/dts/dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Dropdown';
+export * from './DropdownProps';
+export * from './MenuItem';
+//# sourceMappingURL=index.d.ts.map

package/dts/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dts/dropdown/useResponsiveHeight.d.ts

@@ -0,0 +1,22 @@
+import type { RectReadOnly } from 'react-use-measure';
+import type { DimensionValue } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type PopoverContentPositionConfig } from '../overlays/popover/PopoverProps';
+type UseResponsiveHeightParams = {
+  gap?: ThemeVars.Space;
+  dropdownBounds: RectReadOnly;
+  maxHeight?: React.CSSProperties['maxHeight'];
+  visible: boolean;
+  placement: PopoverContentPositionConfig['placement'];
+};
+export declare function useResponsiveHeight({
+  gap,
+  dropdownBounds,
+  maxHeight,
+  visible,
+  placement,
+}: UseResponsiveHeightParams): {
+  dropdownHeight: DimensionValue | undefined;
+};
+export {};
+//# sourceMappingURL=useResponsiveHeight.d.ts.map

package/dts/dropdown/useResponsiveHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveHeight.d.ts","sourceRoot":"","sources":["../../src/dropdown/useResponsiveHeight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAGrF,KAAK,yBAAyB,GAAG;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB,cAAc,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACtD,CAAC;AAIF,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,cAAc,EACd,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB;;EAmE3B"}

package/dts/globalStyles.d.ts

@@ -0,0 +1,2 @@
+import './styles/global';
+//# sourceMappingURL=globalStyles.d.ts.map

package/dts/globalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.d.ts","sourceRoot":"","sources":["../src/globalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC"}

package/dts/hooks/useA11yControlledVisibility.d.ts

@@ -0,0 +1,22 @@
+export type AriaHasPopupType = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+export type Options = {
+  accessibilityLabel?: string;
+  hasPopupType?: AriaHasPopupType;
+};
+export type AccessibleControlledReturnType = {
+  triggerAccessibilityProps: {
+    'aria-expanded': boolean;
+    'aria-controls': string;
+    'aria-haspopup': AriaHasPopupType;
+  };
+  controlledElementAccessibilityProps: {
+    id: string;
+    accessibilityLabel?: string;
+  };
+};
+/** hook that generates unique aria labels and attributes for trigger element that controls the visibility of another controlled element */
+export declare const useA11yControlledVisibility: (
+  isVisible: boolean,
+  { accessibilityLabel, hasPopupType }?: Options | undefined,
+) => AccessibleControlledReturnType;
+//# sourceMappingURL=useA11yControlledVisibility.d.ts.map

package/dts/hooks/useA11yControlledVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useA11yControlledVisibility.d.ts","sourceRoot":"","sources":["../../src/hooks/useA11yControlledVisibility.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElG,MAAM,MAAM,OAAO,GAAG;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAMF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,yBAAyB,EAAE;QACzB,eAAe,EAAE,OAAO,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,gBAAgB,CAAC;KACnC,CAAC;IACF,mCAAmC,EAAE;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,2IAA2I;AAC3I,eAAO,MAAM,2BAA2B,GACtC,WAAW,OAAO,EAClB,uCAAiD,OAAO,GAAG,SAA0B,KACpF,8BAwBF,CAAC"}

package/dts/hooks/useA11yLabels.d.ts

@@ -0,0 +1,45 @@
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+type Options = Pick<SharedAccessibilityProps, 'accessibilityLabelledBy' | 'accessibilityLabel'>;
+/**
+ * @typedef {Object} A11yLabels
+ * @property {(string|undefined)} labelledBySource - The generated random id for the text element, if neither `accessibilityLabelledBy` nor `accessibilityLabel` is provided.
+ * @property {(string|undefined)} labelledBy - The id reference to be used with `aria-labelledby` for the element requiring context.
+ * @property {(string|undefined)} label - The text to be used with `aria-label` for the element requiring context.
+ */
+/**
+ *
+ * =======================================
+ * A HOOK TO MANAGE THE GENERATION AND
+ * PRIORITIZATION OF ACCESSIBILITY LABELS.
+ * =======================================
+ *
+ * If neither `accessibilityLabelledBy` nor `accessibilityLabel` is defined, a
+ * random id is generated and returned via the `labelledBySource` and `labelledBy`
+ * props for use with `aria-labelledby`.
+ *
+ * =====================
+ * CONTROL FLOW DETAILS
+ * =====================
+ *
+ * If neither the `accessibilityLabelledBy` nor `accessibilityLabel` params are defined,
+ * then a random id is generated and returned via the `labelledBySource`
+ * and `labelledBy` props for use with `aria-labelledby`.
+ *
+ * If either accessibilityLabelledBy or accessibilityLabel is defined, the
+ * value is passed through to either the labelledBy or label prop, respectively.
+ *
+ * If both accessibilityLabelledBy and accessibilityLabel are defined, accessibilityLabelledBy is
+ * prioritized and passed through to labelledBy while labelledBySource and label are undefined.
+ *
+ * @param {Object} options - Configuration options
+ * @param {string} [options.accessibilityLabelledBy] - Element id to use with `aria-labelledby`.
+ * @param {string} [options.accessibilityLabel] - Text to use with `aria-label`.
+ * @returns {A11yLabels}
+ */
+export declare const useA11yLabels: ({ accessibilityLabelledBy, accessibilityLabel }?: Options) => {
+  labelledBySource: string | undefined;
+  labelledBy: string | undefined;
+  label: string | undefined;
+};
+export {};
+//# sourceMappingURL=useA11yLabels.d.ts.map

package/dts/hooks/useA11yLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useA11yLabels.d.ts","sourceRoot":"","sources":["../../src/hooks/useA11yLabels.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAEpG,KAAK,OAAO,GAAG,IAAI,CAAC,wBAAwB,EAAE,yBAAyB,GAAG,oBAAoB,CAAC,CAAC;AAChG;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,GAAI,kDAAiD,OAAY;;;;CAY1F,CAAC"}

package/dts/hooks/useBreakpoints.d.ts

@@ -0,0 +1,19 @@
+export type DeviceBreakpointValues =
+  | 'isPhone'
+  | 'isPhonePortrait'
+  | 'isPhoneLandscape'
+  | 'isTablet'
+  | 'isTabletPortrait'
+  | 'isTabletLandscape'
+  | 'isDesktop'
+  | 'isDesktopSmall'
+  | 'isDesktopLarge'
+  | 'isExtraWide';
+type BreakpointRecord = Record<DeviceBreakpointValues, boolean>;
+/**
+ * Only use this hook to conditionally render large component trees or logic
+ * @returns isPhone, isPhoneLandscape, isTablet, isTabletLandscape, isDesktop, isDesktopLarge, isExtraWide
+ */
+export declare const useBreakpoints: () => BreakpointRecord;
+export {};
+//# sourceMappingURL=useBreakpoints.d.ts.map

package/dts/hooks/useBreakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoints.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,GACV,kBAAkB,GAClB,mBAAmB,GACnB,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,CAAC;AAElB,KAAK,gBAAgB,GAAG,MAAM,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;AA+BhE;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,gBAwCjC,CAAC"}