@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/controls/__figma__/TextInput.figma.d.ts.map

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

package/dts/controls/context.d.ts

@@ -0,0 +1,6 @@
+import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
+export declare const TextInputFocusVariantContext: import('react').Context<
+  InputVariant | undefined
+>;
+export declare const useTextInputFocusVariantContent: () => InputVariant | undefined;
+//# sourceMappingURL=context.d.ts.map

package/dts/controls/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/controls/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,eAAO,MAAM,4BAA4B,mDAAqD,CAAC;AAC/F,eAAO,MAAM,+BAA+B,gCAAiD,CAAC"}

package/dts/controls/index.d.ts

@@ -0,0 +1,16 @@
+export * from './Checkbox';
+export * from './CheckboxCell';
+export * from './CheckboxGroup';
+export * from './ControlGroup';
+export * from './InputIcon';
+export * from './InputIconButton';
+export * from './NativeTextArea';
+export * from './RadioCell';
+export * from './RadioGroup';
+export * from './SearchInput';
+export * from './SegmentedControl';
+export * from './Select';
+export * from './SelectOption';
+export * from './Switch';
+export * from './TextInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dts/controls/selectContext.d.ts

@@ -0,0 +1,13 @@
+import type { SelectBaseProps } from './Select';
+export type SelectContextType = {
+  handleCloseMenu?: () => void;
+} & Pick<SelectBaseProps, 'onChange' | 'value'>;
+export declare const defaultContext: {
+  onChange: () => void;
+  value: undefined;
+  handleCloseMenu: undefined;
+};
+export declare const SelectContext: import('react').Context<SelectContextType>;
+export declare const SelectProvider: import('react').Provider<SelectContextType>;
+export declare const useSelectContext: () => SelectContextType;
+//# sourceMappingURL=selectContext.d.ts.map

package/dts/controls/selectContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectContext.d.ts","sourceRoot":"","sources":["../../src/controls/selectContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAEhD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,aAAa,4CAAmD,CAAC;AAC9E,eAAO,MAAM,cAAc,6CAAyB,CAAC;AAErD,eAAO,MAAM,gBAAgB,yBAAkC,CAAC"}

package/dts/controls/useHandleRadioSelect.d.ts

@@ -0,0 +1,4 @@
+export declare function useHandleRadioSelect<T extends string>(
+  onChange?: (value: T) => void,
+): import('react').ChangeEventHandler<HTMLInputElement>;
+//# sourceMappingURL=useHandleRadioSelect.d.ts.map

package/dts/controls/useHandleRadioSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleRadioSelect.d.ts","sourceRoot":"","sources":["../../src/controls/useHandleRadioSelect.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,wDAOnF"}

package/dts/controls/useRefocusTrigger.d.ts

@@ -0,0 +1,5 @@
+/** Refocuses a pressable that opens a menu after the menu has been opened and then closed */
+export declare const useRefocusTrigger: (
+  shouldRefocus: boolean,
+) => import('react').RefObject<HTMLButtonElement>;
+//# sourceMappingURL=useRefocusTrigger.d.ts.map

package/dts/controls/useRefocusTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefocusTrigger.d.ts","sourceRoot":"","sources":["../../src/controls/useRefocusTrigger.ts"],"names":[],"mappings":"AAKA,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,iDAcvD,CAAC"}

package/dts/controls/useSelectionCellControlHeight.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Returns the height of the selection cell control based on the theme's headline line height and font size
+ * @returns The height of the selection cell control
+ */
+export declare const useSelectionCellControlHeight: () =>
+  | number
+  | '-moz-initial'
+  | 'inherit'
+  | 'initial'
+  | 'revert'
+  | 'revert-layer'
+  | 'unset'
+  | (string & {})
+  | 'normal';
+//# sourceMappingURL=useSelectionCellControlHeight.d.ts.map

package/dts/controls/useSelectionCellControlHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionCellControlHeight.d.ts","sourceRoot":"","sources":["../../src/controls/useSelectionCellControlHeight.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,6BAA6B,wHA2BzC,CAAC"}

package/dts/core/createThemeCssVars.d.ts

@@ -0,0 +1,4 @@
+import { type Theme } from './theme';
+/** Takes a theme object and formats its keys as CSS variables to be used in inline styles. */
+export declare const createThemeCssVars: (theme: Partial<Theme>) => Record<string, unknown>;
+//# sourceMappingURL=createThemeCssVars.d.ts.map

package/dts/core/createThemeCssVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemeCssVars.d.ts","sourceRoot":"","sources":["../../src/core/createThemeCssVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAEvD,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,CAAC,KAAK,CAAC,4BAiCvD,CAAC"}

package/dts/core/polymorphism.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Prior art:
+ * https://www.benmvp.com/blog/polymorphic-react-components-typescript/
+ * https://github.com/DefinitelyTyped/DefinitelyTyped/pull/70361
+ */
+export declare namespace Polymorphic {
+  type ExtendableProps<BaseProps, OverrideProps> = OverrideProps &
+    Omit<BaseProps, keyof OverrideProps>;
+  type InheritableElementProps<
+    Component extends React.ElementType,
+    Props,
+  > = Polymorphic.ExtendableProps<React.ComponentPropsWithoutRef<Component>, Props>;
+  type Ref<AsComponent extends React.ElementType> = React.ComponentPropsWithRef<AsComponent>['ref'];
+  type Props<AsComponent extends React.ElementType, Props> = Polymorphic.InheritableElementProps<
+    AsComponent,
+    Props & {
+      as?: AsComponent;
+    } & {
+      ref?: Polymorphic.Ref<AsComponent>;
+    }
+  >;
+  type ReactReturn = ReturnType<React.ExoticComponent>;
+  type ReactNamed = {
+    [k in keyof React.NamedExoticComponent]: React.NamedExoticComponent[k];
+  };
+}
+//# sourceMappingURL=polymorphism.d.ts.map

package/dts/core/polymorphism.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphism.d.ts","sourceRoot":"","sources":["../../src/core/polymorphism.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,yBAAiB,WAAW,CAAC;IAC3B,KAAY,eAAe,CAAC,SAAS,EAAE,aAAa,IAAI,aAAa,GACnE,IAAI,CAAC,SAAS,EAAE,MAAM,aAAa,CAAC,CAAC;IAEvC,KAAY,uBAAuB,CACjC,SAAS,SAAS,KAAK,CAAC,WAAW,EACnC,KAAK,IACH,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,CAAC;IAElF,KAAY,GAAG,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IACnD,KAAK,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC;IAElD,KAAY,KAAK,CACf,WAAW,SAAS,KAAK,CAAC,WAAW,EACrC,KAAK,IACH,WAAW,CAAC,uBAAuB,CACrC,WAAW,EACX,KAAK,GAAG;QAAE,EAAE,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG;QAAE,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAE,CACtE,CAAC;IAEF,KAAY,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAE5D,KAAY,UAAU,GAAG;SACtB,CAAC,IAAI,MAAM,KAAK,CAAC,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;KACvE,CAAC;CACH"}

package/dts/core/theme.d.ts

@@ -0,0 +1,162 @@
+import type { ColorScheme, ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { Property } from 'csstype';
+export type ThemeConfig = {
+  /** A unique identifier for the theme. Must be a valid CSS class name. */
+  id?: string;
+  /** The light spectrum color values. */
+  lightSpectrum?: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The dark spectrum color values. */
+  darkSpectrum?: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The light color palette. */
+  lightColor?: {
+    [key in ThemeVars.Color]: Property.Color;
+  };
+  /** The dark color palette. */
+  darkColor?: {
+    [key in ThemeVars.Color]: Property.Color;
+  };
+  /** The space values, used for margin and padding. */
+  space: {
+    [key in ThemeVars.Space]: number;
+  };
+  /** The icon size values. */
+  iconSize: {
+    [key in ThemeVars.IconSize]: number;
+  };
+  /** The avatar size values. */
+  avatarSize: {
+    [key in ThemeVars.AvatarSize]: number;
+  };
+  /** The border width values. */
+  borderWidth: {
+    [key in ThemeVars.BorderWidth]: number;
+  };
+  /** The border radius values. */
+  borderRadius: {
+    [key in ThemeVars.BorderRadius]: number;
+  };
+  /** The font family values. */
+  fontFamily: {
+    [key in ThemeVars.FontFamily]: Property.FontFamily;
+  };
+  /** The font family values for monospace fonts. */
+  fontFamilyMono?: {
+    [key in ThemeVars.FontFamily]: Property.FontFamily;
+  };
+  /** The font size values. */
+  fontSize: {
+    [key in ThemeVars.FontSize]: Property.FontSize;
+  };
+  /** The font weight values. */
+  fontWeight: {
+    [key in ThemeVars.FontWeight]: Property.FontWeight;
+  };
+  /** The line height values. */
+  lineHeight: {
+    [key in ThemeVars.LineHeight]: Property.LineHeight;
+  };
+  /** The text transform values. */
+  textTransform: {
+    [key in ThemeVars.TextTransform]: Property.TextTransform;
+  };
+  /** The shadow values. */
+  shadow: {
+    [key in ThemeVars.Shadow]: Property.BoxShadow;
+  };
+  /** The control size values. */
+  controlSize: {
+    [key in ThemeVars.ControlSize]: number;
+  };
+};
+export type Theme = ThemeConfig & {
+  /** The currently active color scheme for the parent ThemeProvider, either "light" or "dark". */
+  activeColorScheme: ColorScheme;
+  /** The light or dark spectrum color values, as appropriate based on the activeColorScheme. */
+  spectrum: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The light or dark color palette, as appropriate based on the activeColorScheme. */
+  color: {
+    [key in ThemeVars.Color]: Property.Color;
+  };
+};
+/** Maps our StyleVars to their CSS variable prefixes. For example, the names of CSS vars generated from `iconSize` vars will be prefixed with `--iconSize-`. */
+export declare const styleVarPrefixes: {
+  readonly lightSpectrum: 'light';
+  readonly darkSpectrum: 'dark';
+  readonly lightColor: 'lightColor';
+  readonly darkColor: 'darkColor';
+  readonly spectrum: '';
+  readonly color: 'color';
+  readonly space: 'space';
+  readonly iconSize: 'iconSize';
+  readonly avatarSize: 'avatarSize';
+  readonly borderWidth: 'borderWidth';
+  readonly borderRadius: 'borderRadius';
+  readonly fontFamily: 'fontFamily';
+  readonly fontFamilyMono: 'fontFamilyMono';
+  readonly fontSize: 'fontSize';
+  readonly fontWeight: 'fontWeight';
+  readonly lineHeight: 'lineHeight';
+  readonly textTransform: 'textTransform';
+  readonly shadow: 'shadow';
+  readonly controlSize: 'controlSize';
+};
+/** Used to generate intellisense via ThemeCSSVars below. */
+type ThemeObjectCssVars = {
+  spectrum: {
+    [key in ThemeVars.SpectrumColor as `--${key}`]: string;
+  };
+  color: {
+    [key in ThemeVars.Color as `--${typeof styleVarPrefixes.color}-${key}`]: Property.Color;
+  };
+  space: {
+    [key in ThemeVars.Space as `--${typeof styleVarPrefixes.space}-${key}`]: Property.Padding;
+  };
+  iconSize: {
+    [key in ThemeVars.IconSize as `--${typeof styleVarPrefixes.iconSize}-${key}`]: Property.Width;
+  };
+  avatarSize: {
+    [key in ThemeVars.AvatarSize as `--${typeof styleVarPrefixes.avatarSize}-${key}`]: Property.Width;
+  };
+  borderWidth: {
+    [key in ThemeVars.BorderWidth as `--${typeof styleVarPrefixes.borderWidth}-${key}`]: Property.BorderWidth;
+  };
+  borderRadius: {
+    [key in ThemeVars.BorderRadius as `--${typeof styleVarPrefixes.borderRadius}-${key}`]: Property.BorderRadius;
+  };
+  fontFamily: {
+    [key in ThemeVars.FontFamily as `--${typeof styleVarPrefixes.fontFamily}-${key}`]: Property.FontFamily;
+  };
+  fontSize: {
+    [key in ThemeVars.FontSize as `--${typeof styleVarPrefixes.fontSize}-${key}`]: Property.FontSize;
+  };
+  fontWeight: {
+    [key in ThemeVars.FontWeight as `--${typeof styleVarPrefixes.fontWeight}-${key}`]: Property.FontWeight;
+  };
+  lineHeight: {
+    [key in ThemeVars.LineHeight as `--${typeof styleVarPrefixes.lineHeight}-${key}`]: Property.LineHeight;
+  };
+  textTransform: {
+    [key in ThemeVars.TextTransform as `--${typeof styleVarPrefixes.textTransform}-${key}`]: Property.TextTransform;
+  };
+  shadow: {
+    [key in ThemeVars.Shadow as `--${typeof styleVarPrefixes.shadow}-${key}`]: Property.BoxShadow;
+  };
+  controlSize: {
+    [key in ThemeVars.ControlSize as `--${typeof styleVarPrefixes.controlSize}-${key}`]: Property.Width;
+  };
+};
+type UnionToIntersection<U> = (U extends unknown ? (x: U) => void : never) extends (
+  x: infer I,
+) => void
+  ? I
+  : never;
+/** A flat object of the CSS variable names of all themeable vars, based on the Theme type. */
+export type ThemeCSSVars = UnionToIntersection<ThemeObjectCssVars[keyof ThemeObjectCssVars]>;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dts/core/theme.d.ts.map

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

package/dts/cx.d.ts

@@ -0,0 +1,30 @@
+/**
+ * This is a copy of the cx function from @linaria/core@3.0.0-beta.22.
+ * We copy it here to avoid the need to depend on @linaria/core@3.0.0-beta.22 at runtime.
+ * https://github.com/callstack/linaria/blob/08ddb916cd944dedb30881fedb997bba185da3a5/packages/core/src/cx.ts
+ */
+type LinariaClassName = string & {
+  __linariaClassName: true;
+};
+type ClassName<T = string> = T | false | void | null | 0 | '';
+interface ICX {
+  (...classNames: ClassName<LinariaClassName>[]): LinariaClassName;
+  (...classNames: ClassName[]): string;
+}
+/**
+ * Takes a list of class names and filters for truthy ones, joining them into a single class name for convenience.
+ * eg.
+ * ```js
+ *  cx('red', isBig && 'big') // returns 'red big' if `isBig` is true, otherwise returns 'red'
+ * ```
+ * If space separated atomic styles are provided, they are deduplicated according to the first hashed valued:
+ *
+ * ```js
+ *  cx('atm_a_class1 atm_b_class2', 'atm_a_class3') // returns `atm_a_class3 atm_b_class2`
+ * ```
+ *
+ * @returns the combined, space separated class names that can be applied directly to the class attribute
+ */
+export declare const cx: ICX;
+export {};
+//# sourceMappingURL=cx.d.ts.map

package/dts/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../src/cx.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,KAAK,gBAAgB,GAAG,MAAM,GAAG;IAAE,kBAAkB,EAAE,IAAI,CAAA;CAAE,CAAC;AAE9D,KAAK,SAAS,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC;AAG9D,UAAU,GAAG;IACX,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,CAAC;IACjE,CAAC,GAAG,UAAU,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;CACtC;AACD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,EAAE,EAAE,GAiChB,CAAC"}

package/dts/dates/Calendar.d.ts

@@ -0,0 +1,109 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type VStackDefaultElement, type VStackProps } from '../layout/VStack';
+import { type PressableBaseProps } from '../system/Pressable';
+export declare const calendarPressableDefaultElement = 'button';
+export type CalendarPressableDefaultElement = typeof calendarPressableDefaultElement;
+export type CalendarPressableBaseProps = PressableBaseProps;
+export type CalendarPressableProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  CalendarPressableBaseProps
+>;
+export type CalendarDayProps = {
+  /** Date of this CalendarDay. */
+  date: Date;
+  /** Callback function fired when pressing this CalendarDay. */
+  onClick?: (date: Date) => void;
+  /** Toggle active styles. */
+  active?: boolean;
+  /** Disables user interaction. */
+  disabled?: boolean;
+  /** Toggle highlighted styles. */
+  highlighted?: boolean;
+  /** Toggle today's date styles. */
+  isToday?: boolean;
+  /** Toggle current month styles. */
+  isCurrentMonth?: boolean;
+  /** Tooltip content shown when hovering or focusing a disabled Calendar Day. */
+  disabledError?: string;
+};
+export type CalendarProps = {
+  /** Currently selected Calendar date. Date used to generate the Calendar month. Will be rendered with active styles. */
+  selectedDate?: Date | null;
+  /** Date used to generate the Calendar month when there is no value for the `selectedDate` prop, defaults to today. */
+  seedDate?: Date;
+  /** Callback function fired when pressing a Calendar date. */
+  onPressDate?: (date: Date) => void;
+  /** Disables user interaction. */
+  disabled?: boolean;
+  /** Hides the Calendar next and previous month arrows, but does not prevent navigating to the next or previous months via keyboard. This probably only makes sense to be used when `minDate` and `maxDate` are set to the first and last days of the same month. */
+  hideControls?: boolean;
+  /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+  disabledDates?: (Date | [Date, Date])[];
+  /** Array of highlighted dates, and date tuples for date ranges. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+  highlightedDates?: (Date | [Date, Date])[];
+  /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+  minDate?: Date;
+  /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+  maxDate?: Date;
+  /**
+   * Tooltip content shown when hovering or focusing a disabled date, including dates before the `minDate` or after the `maxDate`.
+   * @default 'Date unavailable'
+   */
+  disabledDateError?: string;
+  /**
+   * Accessibility label describing the Calendar next month arrow.
+   * @default 'Go to next month'
+   */
+  nextArrowAccessibilityLabel?: string;
+  /**
+   * Accessibility label describing the Calendar previous month arrow.
+   * @default 'Go to previous month'
+   */
+  previousArrowAccessibilityLabel?: string;
+  className?: string;
+  style?: React.CSSProperties;
+} & Omit<VStackProps<VStackDefaultElement>, 'children' | 'ref'>;
+export declare const Calendar: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Currently selected Calendar date. Date used to generate the Calendar month. Will be rendered with active styles. */
+      selectedDate?: Date | null;
+      /** Date used to generate the Calendar month when there is no value for the `selectedDate` prop, defaults to today. */
+      seedDate?: Date;
+      /** Callback function fired when pressing a Calendar date. */
+      onPressDate?: (date: Date) => void;
+      /** Disables user interaction. */
+      disabled?: boolean;
+      /** Hides the Calendar next and previous month arrows, but does not prevent navigating to the next or previous months via keyboard. This probably only makes sense to be used when `minDate` and `maxDate` are set to the first and last days of the same month. */
+      hideControls?: boolean;
+      /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+      disabledDates?: (Date | [Date, Date])[];
+      /** Array of highlighted dates, and date tuples for date ranges. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+      highlightedDates?: (Date | [Date, Date])[];
+      /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+      minDate?: Date;
+      /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+      maxDate?: Date;
+      /**
+       * Tooltip content shown when hovering or focusing a disabled date, including dates before the `minDate` or after the `maxDate`.
+       * @default 'Date unavailable'
+       */
+      disabledDateError?: string;
+      /**
+       * Accessibility label describing the Calendar next month arrow.
+       * @default 'Go to next month'
+       */
+      nextArrowAccessibilityLabel?: string;
+      /**
+       * Accessibility label describing the Calendar previous month arrow.
+       * @default 'Go to previous month'
+       */
+      previousArrowAccessibilityLabel?: string;
+      className?: string;
+      style?: React.CSSProperties;
+    } & Omit<VStackProps<'div'>, 'ref' | 'children'> &
+      React.RefAttributes<HTMLElement>
+  >
+>;
+//# sourceMappingURL=Calendar.d.ts.map

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

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

package/dts/dates/DateInput.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type DateInputOptions } from '@coinbase/cds-common/dates/useDateInput';
+import { type TextInputProps } from '../controls/TextInput';
+export type DateInputProps = {
+  /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
+  separator?: string;
+  className?: string;
+  style?: React.CSSProperties;
+} & Omit<DateInputOptions, 'intlDateFormat'> &
+  Omit<TextInputProps, 'inputNode' | 'value' | 'defaultValue'>;
+export declare const DateInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
+      separator?: string;
+      className?: string;
+      style?: React.CSSProperties;
+    } & Omit<DateInputOptions, 'intlDateFormat'> &
+      Omit<import('../controls').TextInputBaseProps, 'defaultValue' | 'value' | 'inputNode'> &
+      React.RefAttributes<HTMLInputElement>
+  >
+>;
+//# sourceMappingURL=DateInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/dates/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,yCAAyC,CAAC;AAG9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,cAAc,GAAG;IAC3B,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAC1C,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,CAAC,CAAC;AAE/D,eAAO,MAAM,SAAS;IAPpB,kGAAkG;gBACtF,MAAM;gBACN,MAAM;YACV,KAAK,CAAC,aAAa;+KA2G5B,CAAC"}

package/dts/dates/DatePicker.d.ts

@@ -0,0 +1,155 @@
+import React from 'react';
+import { type DateInputValidationError } from '@coinbase/cds-common/dates/DateInputValidationError';
+import { type PopoverProps } from '../overlays/popover/PopoverProps';
+import { type CalendarProps } from './Calendar';
+import { type DateInputProps } from './DateInput';
+export type DatePickerProps = {
+  /** Control the date value of the DatePicker. */
+  date: Date | null;
+  /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
+  onChangeDate: (selectedDate: Date | null) => void;
+  /** Control the error value of the DatePicker. */
+  error: DateInputValidationError | null;
+  /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
+  onErrorDate: (error: DateInputValidationError | null) => void;
+  /** Disables user interaction. */
+  disabled?: boolean;
+  /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+  disabledDates?: (Date | [Date, Date])[];
+  /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+  minDate?: Date;
+  /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+  maxDate?: Date;
+  /**
+   * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`. Also used as the tooltip content shown when hovering or focusing a disabled date on the Calendar.
+   * @default 'Date unavailable'
+   */
+  disabledDateError?: string;
+  /** Control the default open state of the Calendar popover. */
+  defaultOpen?: boolean;
+  /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  /** Callback function fired when the Calendar popover is opened.  */
+  onOpen?: () => void;
+  /** Callback function fired when the Calendar popover is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+  onClose?: () => void;
+  /** Callback function fired when the user selects a date using the Calendar popover. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  onConfirm?: () => void;
+  /** Callback function fired when the user closes the Calendar popover without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  onCancel?: () => void;
+  /**
+   * 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;
+  /**
+   * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
+   * @default 'Open calendar' / 'Close calendar'
+   */
+  calendarIconButtonAccessibilityLabel?: string;
+  calendarStyle?: React.CSSProperties;
+  calendarClassName?: string;
+  dateInputStyle?: React.CSSProperties;
+  dateInputClassName?: string;
+} & Omit<
+  DateInputProps,
+  | 'date'
+  | 'separator'
+  | 'onChangeDate'
+  | 'disabledDates'
+  | 'minDate'
+  | 'maxDate'
+  | 'disabledDateError'
+  | 'className'
+  | 'style'
+> &
+  Pick<
+    CalendarProps,
+    | 'seedDate'
+    | 'highlightedDates'
+    | 'nextArrowAccessibilityLabel'
+    | 'previousArrowAccessibilityLabel'
+    | 'className'
+    | 'style'
+  > &
+  Pick<PopoverProps, 'showOverlay'>;
+export declare const DatePicker: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Control the date value of the DatePicker. */
+      date: Date | null;
+      /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
+      onChangeDate: (selectedDate: Date | null) => void;
+      /** Control the error value of the DatePicker. */
+      error: DateInputValidationError | null;
+      /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
+      onErrorDate: (error: DateInputValidationError | null) => void;
+      /** Disables user interaction. */
+      disabled?: boolean;
+      /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+      disabledDates?: (Date | [Date, Date])[];
+      /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+      minDate?: Date;
+      /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+      maxDate?: Date;
+      /**
+       * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`. Also used as the tooltip content shown when hovering or focusing a disabled date on the Calendar.
+       * @default 'Date unavailable'
+       */
+      disabledDateError?: string;
+      /** Control the default open state of the Calendar popover. */
+      defaultOpen?: boolean;
+      /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+      onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+      /** Callback function fired when the Calendar popover is opened.  */
+      onOpen?: () => void;
+      /** Callback function fired when the Calendar popover is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+      onClose?: () => void;
+      /** Callback function fired when the user selects a date using the Calendar popover. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      onConfirm?: () => void;
+      /** Callback function fired when the user closes the Calendar popover without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      onCancel?: () => void;
+      /**
+       * 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;
+      /**
+       * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
+       * @default 'Open calendar' / 'Close calendar'
+       */
+      calendarIconButtonAccessibilityLabel?: string;
+      calendarStyle?: React.CSSProperties;
+      calendarClassName?: string;
+      dateInputStyle?: React.CSSProperties;
+      dateInputClassName?: string;
+    } & Omit<
+      DateInputProps,
+      | 'style'
+      | 'className'
+      | 'separator'
+      | 'date'
+      | 'disabledDates'
+      | 'minDate'
+      | 'maxDate'
+      | 'disabledDateError'
+      | 'onChangeDate'
+    > &
+      Pick<
+        CalendarProps,
+        | 'style'
+        | 'className'
+        | 'previousArrowAccessibilityLabel'
+        | 'nextArrowAccessibilityLabel'
+        | 'seedDate'
+        | 'highlightedDates'
+      > &
+      Pick<PopoverProps, 'showOverlay'> &
+      React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=DatePicker.d.ts.map