@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/system/ButtonOrLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../src/system/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAQN,MAAM,OAAO,CAAC;AAuBf,6FAA6F;AAC7F,eAAO,MAAM,YAAY;SATlB,MAAM;gBACC,OAAO;sCA2MpB,CAAC"}

package/dts/system/EventHandlerProvider.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Avoid having to deal with transitive version issues.
+ * CDS common is dep of cds-web.
+ * This allows consumers to pull directly from cds-web.
+ */
+export type { EventHandlerProviderProps } from '@coinbase/cds-common/system/EventHandlerProvider';
+export { EventHandlerProvider } from '@coinbase/cds-common/system/EventHandlerProvider';
+//# sourceMappingURL=EventHandlerProvider.d.ts.map

package/dts/system/EventHandlerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventHandlerProvider.d.ts","sourceRoot":"","sources":["../../src/system/EventHandlerProvider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,YAAY,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC"}

package/dts/system/FramerMotionProvider.d.ts

@@ -0,0 +1,9 @@
+import { type LazyProps } from 'framer-motion';
+export type FramerMotionProviderProps = Omit<LazyProps, 'features'> & {
+  motionFeatures?: LazyProps['features'];
+};
+export declare const FramerMotionProvider: ({
+  children,
+  motionFeatures,
+}: FramerMotionProviderProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FramerMotionProvider.d.ts.map

package/dts/system/FramerMotionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FramerMotionProvider.d.ts","sourceRoot":"","sources":["../../src/system/FramerMotionProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACpE,cAAc,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,yBAAyB,4CAM3B,CAAC"}

package/dts/system/Interactable.d.ts

@@ -0,0 +1,112 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { Polymorphic } from '../core/polymorphism';
+import type { Theme } from '../core/theme';
+import { type BoxBaseProps } from '../layout/Box';
+export declare const interactableDefaultElement = 'button';
+export type InteractableDefaultElement = typeof interactableDefaultElement;
+export type InteractableBaseProps = Polymorphic.ExtendableProps<
+  BoxBaseProps,
+  {
+    /** Apply class names to the outer container. */
+    className?: string;
+    /** Background color of the overlay (element being interacted with). */
+    background?: ThemeVars.Color;
+    /** Set element to block and expand to 100% width. */
+    block?: boolean;
+    /** Border color of the element. */
+    borderColor?: ThemeVars.Color;
+    /** Is the element currently disabled. */
+    disabled?: boolean;
+    /**
+     * Is the element currenty loading.
+     * When set to true, will disable element from press and keyboard events
+     */
+    loading?: boolean;
+    /** Is the element being pressed. Primarily a mobile feature, but can be used on the web. */
+    pressed?: boolean;
+    /**
+     * Mark the background and border as transparent until the element is interacted with (hovered, pressed, etc).
+     * Must be used in conjunction with the "pressed" prop
+     */
+    transparentWhileInactive?: boolean;
+    /**
+     * Mark the background and border as transparent even while element is interacted with (elevation underlay issue).
+     * Must be used in conjunction with the "pressed" prop
+     */
+    transparentWhilePressed?: boolean;
+    /**
+     * Custom color overrides for different interaction states.
+     * Base colors (background, borderColor) are used directly, while interaction
+     * state colors (hovered, pressed, disabled) are used as alternative base colors
+     * for blending calculations with blend strength and color scheme considerations.
+     *
+     * @example
+     * ```tsx
+     * <Interactable
+     *   blendStyles={{
+     *     background: '#ffffff',
+     *     hoveredBackground: '#f5f5f5',
+     *     pressedBackground: '#e0e0e0',
+     *     borderColor: '#cccccc'
+     *   }}
+     * />
+     * ```
+     */
+    blendStyles?: {
+      background?: string;
+      pressedBackground?: string;
+      disabledBackground?: string;
+      hoveredBackground?: string;
+      borderColor?: string;
+      pressedBorderColor?: string;
+      disabledBorderColor?: string;
+      hoveredBorderColor?: string;
+    };
+  }
+>;
+export type InteractableProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  InteractableBaseProps
+>;
+type InteractableComponent = (<AsComponent extends React.ElementType = InteractableDefaultElement>(
+  props: InteractableProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const Interactable: InteractableComponent;
+export declare const getInteractableStyles: ({
+  theme,
+  background,
+  borderColor,
+  blendStyles,
+}: {
+  theme: Theme;
+  background?: ThemeVars.Color;
+  borderColor?: ThemeVars.Color;
+  blendStyles?: {
+    background?: string;
+    pressedBackground?: string;
+    disabledBackground?: string;
+    hoveredBackground?: string;
+    borderColor?: string;
+    pressedBorderColor?: string;
+    disabledBorderColor?: string;
+    hoveredBorderColor?: string;
+  };
+}) => {
+  '--interactable-background': string;
+  '--interactable-border-color': string;
+  /**
+   * Apply an interactive background style. Blend the color with the background or backgroundInverse values
+   */
+  '--interactable-hovered-background': string;
+  '--interactable-hovered-border-color': string;
+  '--interactable-hovered-opacity': number;
+  '--interactable-pressed-background': string;
+  '--interactable-pressed-border-color': string;
+  '--interactable-pressed-opacity': number;
+  '--interactable-disabled-background': string;
+  '--interactable-disabled-border-color': string;
+};
+export {};
+//# sourceMappingURL=Interactable.d.ts.map

package/dts/system/Interactable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interactable.d.ts","sourceRoot":"","sources":["../../src/system/Interactable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AASjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AA2FvD,eAAO,MAAM,0BAA0B,WAAW,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAC7D,YAAY,EACZ;IACE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACtF,WAAW,EACX,qBAAqB,CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,0BAA0B,EAC/F,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAClC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,YAAY,EAAE,qBA4D1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kDAKnC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;;;IAOG;;OAEG;;;;;;;;;CAuCN,CAAC"}

package/dts/system/MediaQueryProvider.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export type MediaSettings = {
+  width?: number;
+  height?: number;
+  fontSize?: number;
+  colorScheme?: 'light' | 'dark';
+  contrast?: 'more' | 'less';
+};
+export declare const cdsDefaultValues: {
+  width: 1280;
+  colorScheme: 'light';
+};
+export type MediaQueryContextValue = {
+  subscribe: (query: string, callback: () => void) => () => void;
+  getSnapshot: (query: string) => boolean;
+  getServerSnapshot: (query: string) => boolean;
+};
+export declare const MediaQueryContext: React.Context<MediaQueryContextValue | null>;
+export type MediaQueryProviderProps = {
+  children?: React.ReactNode;
+  defaultValues?: MediaSettings;
+};
+/**
+ * A context provider that manages media query subscriptions with server-side rendering support.
+ *
+ * This component creates a centralized store for media query subscriptions, preventing
+ * unnecessary re-renders and ensuring consistent behavior between server and client rendering.
+ *
+ * @example
+ * ```tsx
+ * <MediaQueryProvider defaultValues={{ width: 1200, colorScheme: 'light' }}>
+ *   <App />
+ * </MediaQueryProvider>
+ * ```
+ */
+export declare const MediaQueryProvider: ({
+  children,
+  defaultValues,
+}: MediaQueryProviderProps) => import('react/jsx-runtime').JSX.Element;
+export declare const createMediaQueryStore: () => {
+  init: (options: { defaultValues?: MediaSettings }) => void;
+  subscribe: (query: string, callback: () => void) => () => void;
+  getSnapshot: (query: string) => boolean;
+  getServerSnapshot: (query: string) => boolean;
+};
+//# sourceMappingURL=MediaQueryProvider.d.ts.map

package/dts/system/MediaQueryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryProvider.d.ts","sourceRoot":"","sources":["../../src/system/MediaQueryProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAAI,8BAGhC,uBAAuB,4CAGzB,CAAC;AAgFF,eAAO,MAAM,qBAAqB;oBAOT;QAAE,aAAa,CAAC,EAAE,aAAa,CAAA;KAAE;uBAoB9B,MAAM,YAAY,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;yBAbzC,MAAM,KAAG,OAAO;+BAKV,MAAM,KAAG,OAAO;CAyCnD,CAAC"}

package/dts/system/Pressable.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { ComponentEventHandlerProps } from '@coinbase/cds-common/types/ComponentEventHandlerProps';
+import type { Polymorphic } from '../core/polymorphism';
+import { type InteractableBaseProps } from './Interactable';
+export declare const pressableDefaultElement = 'button';
+export type PressableDefaultElement = typeof pressableDefaultElement;
+export type PressableBaseProps = Polymorphic.ExtendableProps<
+  InteractableBaseProps,
+  ComponentEventHandlerProps & {
+    /** Dont scale element on press. */
+    noScaleOnPress?: boolean;
+    focusable?: boolean;
+  }
+>;
+export type PressableProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  PressableBaseProps
+>;
+type PressableComponent = (<AsComponent extends React.ElementType = PressableDefaultElement>(
+  props: PressableProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const Pressable: PressableComponent;
+export {};
+//# sourceMappingURL=Pressable.d.ts.map

package/dts/system/Pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../src/system/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AAGxG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AA8C1E,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,MAAM,MAAM,uBAAuB,GAAG,OAAO,uBAAuB,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,eAAe,CAC1D,qBAAqB,EACrB,0BAA0B,GAAG;IAC3B,mCAAmC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACnF,WAAW,EACX,kBAAkB,CACnB,CAAC;AAEF,KAAK,kBAAkB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,uBAAuB,EACzF,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAC/B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,SAAS,EAAE,kBA+KvB,CAAC"}

package/dts/system/PressableOpacity.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type PressableBaseProps } from './Pressable';
+export declare const pressableOpacityDefaultElement = 'button';
+export type PressableOpacityDefaultElement = typeof pressableOpacityDefaultElement;
+/** @deprecated This component will be removed in a future version. Use `<Pressable background="transparent">` instead. */
+export type PressableOpacityBaseProps = Omit<
+  PressableBaseProps,
+  'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'transparentWhileInactive'
+>;
+/** @deprecated This component will be removed in a future version. Use `<Pressable background="transparent">` instead. */
+export type PressableOpacityProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  PressableOpacityBaseProps
+>;
+type PressableOpacityComponent = (<
+  AsComponent extends React.ElementType = PressableOpacityDefaultElement,
+>(
+  props: PressableOpacityProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+/** @deprecated This component will be removed in a future version. Use `<Pressable background="transparent">` instead. */
+export declare const PressableOpacity: PressableOpacityComponent;
+export {};
+//# sourceMappingURL=PressableOpacity.d.ts.map

package/dts/system/PressableOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableOpacity.d.ts","sourceRoot":"","sources":["../../src/system/PressableOpacity.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,8BAA8B,WAAW,CAAC;AAEvD,MAAM,MAAM,8BAA8B,GAAG,OAAO,8BAA8B,CAAC;AAEnF,0HAA0H;AAC1H,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,kBAAkB,EAClB,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,0BAA0B,CAC3F,CAAC;AAEF,0HAA0H;AAC1H,MAAM,MAAM,qBAAqB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC1F,WAAW,EACX,yBAAyB,CAC1B,CAAC;AAEF,KAAK,yBAAyB,GAAG,CAAC,CAChC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,8BAA8B,EAEtE,KAAK,EAAE,qBAAqB,CAAC,WAAW,CAAC,KACtC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,0HAA0H;AAC1H,eAAO,MAAM,gBAAgB,EAAE,yBAe9B,CAAC"}

package/dts/system/ThemeProvider.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { ColorScheme } from '@coinbase/cds-common/core/theme';
+import type { Theme, ThemeConfig, ThemeCSSVars } from '../core/theme';
+import { type FramerMotionProviderProps } from './FramerMotionProvider';
+declare module 'csstype' {
+  interface Properties extends Partial<ThemeCSSVars> {}
+}
+export type ThemeContextValue = Theme;
+export declare const ThemeContext: React.Context<Theme | undefined>;
+type ThemeManagerProps = {
+  display?: React.CSSProperties['display'];
+  children?: React.ReactNode;
+  theme: Theme;
+};
+export declare const useThemeProviderStyles: (theme: Theme) => Record<string, unknown>;
+export type ThemeProviderProps = Pick<ThemeManagerProps, 'display'> &
+  Pick<FramerMotionProviderProps, 'motionFeatures'> & {
+    theme: ThemeConfig;
+    activeColorScheme: ColorScheme;
+    children?: React.ReactNode;
+  };
+export declare const ThemeProvider: ({
+  theme,
+  activeColorScheme,
+  children,
+  display,
+  motionFeatures,
+}: ThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
+export type InvertedThemeProviderProps = {
+  children?: React.ReactNode;
+};
+/** Falls back to the currently active colorScheme if the inverse colors are not defined in the theme.  */
+export declare const InvertedThemeProvider: ({
+  children,
+}: InvertedThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dts/system/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/system/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtE,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAG9F,OAAO,QAAQ,SAAS,CAAC;IAEvB,UAAU,UAAW,SAAQ,OAAO,CAAC,YAAY,CAAC;KAAG;CACtD;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC,eAAO,MAAM,YAAY,kCAA0D,CAAC;AAEpF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,4BAGlD,CAAC;AAYF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GACjE,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,GAAG;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,aAAa,GAAI,kEAM3B,kBAAkB,4CA6CpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,GAAI,cAAc,0BAA0B,4CAY7E,CAAC"}

package/dts/system/index.d.ts

@@ -0,0 +1,7 @@
+export * from './EventHandlerProvider';
+export * from './Interactable';
+export * from './MediaQueryProvider';
+export * from './Pressable';
+export * from './PressableOpacity';
+export * from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dts/system/interactableCSSProperties.d.ts

@@ -0,0 +1,12 @@
+export declare const interactableBorderRadius = '--interactable-border-radius';
+export declare const interactableBackground = '--interactable-background';
+export declare const interactableBorderColor = '--interactable-border-color';
+export declare const interactablePressedBackground = '--interactable-pressed-background';
+export declare const interactablePressedBorderColor = '--interactable-pressed-border-color';
+export declare const interactablePressedOpacity = '--interactable-pressed-opacity';
+export declare const interactableHoveredBackground = '--interactable-hovered-background';
+export declare const interactableHoveredBorderColor = '--interactable-hovered-border-color';
+export declare const interactableHoveredOpacity = '--interactable-hovered-opacity';
+export declare const interactableDisabledBackground = '--interactable-disabled-background';
+export declare const interactableDisabledBorderColor = '--interactable-disabled-border-color';
+//# sourceMappingURL=interactableCSSProperties.d.ts.map

package/dts/system/interactableCSSProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactableCSSProperties.d.ts","sourceRoot":"","sources":["../../src/system/interactableCSSProperties.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AACvE,eAAO,MAAM,sBAAsB,8BAA8B,CAAC;AAClE,eAAO,MAAM,uBAAuB,gCAAgC,CAAC;AAErE,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AACjF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AACjF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AACnF,eAAO,MAAM,+BAA+B,yCAAyC,CAAC"}

package/dts/system/reakit-utils.d.ts

@@ -0,0 +1,26 @@
+/**
+ * These utils are adapted from the reakit-utils source code and are not safe to run in an SSR environment
+ * - https://github.com/ariakit/ariakit/tree/reakit/packages/reakit-utils
+ */
+export declare function isNativeClick(event: React.KeyboardEvent): boolean;
+export declare function handleButtonFocusOnSafariOrFirefoxOnMac(
+  event: React.MouseEvent<HTMLElement>,
+): void;
+export declare function isNativeTabbable(element: Element): boolean;
+export declare function supportsDisabledAttribute(element: Element): boolean;
+type GetTabIndexOptions = {
+  disabled?: boolean;
+  focusable?: boolean;
+  supportsDisabled: boolean;
+  nativeTabbable: boolean;
+  tabIndex?: number;
+};
+export declare function getTabIndex({
+  disabled,
+  focusable,
+  supportsDisabled,
+  nativeTabbable,
+  tabIndex,
+}: GetTabIndexOptions): number | undefined;
+export {};
+//# sourceMappingURL=reakit-utils.d.ts.map

package/dts/system/reakit-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reakit-utils.d.ts","sourceRoot":"","sources":["../../src/system/reakit-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA6FH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,WASvD;AAED,wBAAgB,uCAAuC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,QAgC3F;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,WAEhD;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,WAEzD;AAED,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,QAAQ,GACT,EAAE,kBAAkB,sBAiBpB"}

package/dts/tables/Table.d.ts

@@ -0,0 +1,95 @@
+import React from 'react';
+import type { DimensionValue } from '@coinbase/cds-common/types/DimensionStyles';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { CellSpacing } from '../cells/Cell';
+/**
+ * The table variant will be provided via context and available
+ * to any internal Table component (TableBody, TableCell, etc)
+ * @default undefined
+ */
+export type TableVariant = 'default' | 'graph' | 'ruled';
+export type TableLayout = 'auto' | 'fixed';
+export type TableCellSpacing = {
+  inner?: CellSpacing;
+  outer?: CellSpacing;
+};
+export type TableProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabelledBy' | 'accessibilityLabel'> &
+  Omit<React.HTMLAttributes<HTMLTableElement>, 'dangerouslySetInnerHTML'> & {
+    /**
+     * The variant prop allows clients to use a
+     * CDS approved style for their Table.
+     * @default undefined
+     */
+    variant?: TableVariant;
+    /**
+     * Children are required, and should always include a TableBody.
+     * TableHeader and TableFooter are both optional, and will magically
+     * flow into the correct place in the table (top/bottom)
+     */
+    children: React.ReactNode;
+    /**
+     * When set, a border will be applied around the entire table
+     */
+    bordered?: boolean;
+    /**
+     * Use tableLayout='fixed' if you need full control over cell width
+     * @default 'auto'
+     */
+    tableLayout?: TableLayout;
+    /** Provide custom cell spacing for all child TableCells */
+    cellSpacing?: TableCellSpacing;
+    /** Use compact cell spacing. If set, cellSpacing will override these defaults */
+    compact?: boolean;
+    /** Set a fixed height. */
+    height?: DimensionValue;
+    /** Set a maximum height. */
+    maxHeight?: DimensionValue;
+    /**
+     * @danger This is an escape hatch. It is not intended to be used normally.
+     */
+    className?: string;
+  };
+export declare const Table: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy'> &
+      Omit<React.HTMLAttributes<HTMLTableElement>, 'dangerouslySetInnerHTML'> & {
+        /**
+         * The variant prop allows clients to use a
+         * CDS approved style for their Table.
+         * @default undefined
+         */
+        variant?: TableVariant;
+        /**
+         * Children are required, and should always include a TableBody.
+         * TableHeader and TableFooter are both optional, and will magically
+         * flow into the correct place in the table (top/bottom)
+         */
+        children: React.ReactNode;
+        /**
+         * When set, a border will be applied around the entire table
+         */
+        bordered?: boolean;
+        /**
+         * Use tableLayout='fixed' if you need full control over cell width
+         * @default 'auto'
+         */
+        tableLayout?: TableLayout;
+        /** Provide custom cell spacing for all child TableCells */
+        cellSpacing?: TableCellSpacing;
+        /** Use compact cell spacing. If set, cellSpacing will override these defaults */
+        compact?: boolean;
+        /** Set a fixed height. */
+        height?: DimensionValue;
+        /** Set a maximum height. */
+        maxHeight?: DimensionValue;
+        /**
+         * @danger This is an escape hatch. It is not intended to be used normally.
+         */
+        className?: string;
+      } & React.RefAttributes<HTMLTableElement>
+  >
+>;
+//# sourceMappingURL=Table.d.ts.map

package/dts/tables/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/tables/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAKjD;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,IAAI,CAAC,wBAAwB,EAAE,yBAAyB,GAAG,oBAAoB,CAAC,GAChF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,GAAG;IACxE;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8KJ,eAAO,MAAM,KAAK;IA/Md;;;;OAIG;cACO,YAAY;IACtB;;;;OAIG;cACO,KAAK,CAAC,SAAS;IACzB;;OAEG;eACQ,OAAO;IAClB;;;OAGG;kBACW,WAAW;IACzB,2DAA2D;kBAC7C,gBAAgB;IAC9B,iFAAiF;cACvE,OAAO;IACjB,0BAA0B;aACjB,cAAc;IACvB,4BAA4B;gBAChB,cAAc;IAC1B;;OAEG;gBACS,MAAM;2CA+KiB,CAAC"}

package/dts/tables/TableBody.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type TableSectionProps } from './TableSection';
+export type TableBodyProps = TableSectionProps;
+export declare const TableBody: React.MemoExoticComponent<
+  ({ children, testID, ...props }: TableBodyProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=TableBody.d.ts.map

package/dts/tables/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../src/tables/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAE/C,eAAO,MAAM,SAAS,6DAAyC,cAAc,6CAM3E,CAAC"}

package/dts/tables/TableCaption.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import type { SharedProps, TextAlignProps } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { TableCellProps } from './TableCell';
+type HTMLHeadingTags = 'h1' | 'h2' | 'h3' | 'h4';
+type HTMLNonHeadingTextTags =
+  | 'p'
+  | 'strong'
+  | 'span'
+  | 'label'
+  | 'time'
+  | 'output'
+  | 'code'
+  | 'pre'
+  | 's'
+  | 'abbr'
+  | 'q'
+  | 'kbd'
+  | 'del'
+  | 'ins'
+  | 'sup'
+  | 'sub'
+  | 'li'
+  | 'dl'
+  | 'dt'
+  | 'dd'
+  | 'div';
+type HTMLTextTags = HTMLHeadingTags | HTMLNonHeadingTextTags;
+export type TableCaptionProps = SharedProps &
+  Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'dangerouslySetInnerHTML'> & {
+    /**
+     * The children to render, either as a React element or a string.
+     */
+    children: React.ReactElement | string;
+    /**
+     * A semantic HTML element or a React component to be rendered.
+     * Only applicable when `children` is a string.
+     * @default 'span'
+     */
+    as?: HTMLTextTags;
+    /**
+     * Specify text alignment. Only applicable when `children` is a string.
+     * @link [MDN Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
+     * @default 'start'
+     */
+    align?: TextAlignProps['align'];
+    /**
+     * Set the text color to a CDS palette foreground color name.
+     */
+    color?: ThemeVars.Color;
+    /**
+     * Set the background color to a CDS palette background color name.
+     */
+    backgroundColor?: ThemeVars.Color;
+    /**
+     * The spacing to use on the parent wrapper of the caption.
+     * Overrides table cell spacing defaults.
+     */
+    outerSpacing?: TableCellProps['outerSpacing'];
+    /**
+     * The spacing to use on the inner content of the caption.
+     * Overrides table cell spacing defaults.
+     */
+    innerSpacing?: TableCellProps['innerSpacing'];
+  };
+export declare const TableCaption: React.MemoExoticComponent<
+  ({
+    children,
+    as,
+    align,
+    color,
+    backgroundColor,
+    outerSpacing,
+    innerSpacing,
+    testID,
+    style,
+    ...props
+  }: TableCaptionProps) => import('react/jsx-runtime').JSX.Element
+>;
+export {};
+//# sourceMappingURL=TableCaption.d.ts.map

package/dts/tables/TableCaption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.d.ts","sourceRoot":"","sources":["../../src/tables/TableCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,KAAK,sBAAsB,GACvB,GAAG,GACH,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,KAAK,GACL,GAAG,GACH,MAAM,GACN,GAAG,GACH,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,KAAK,YAAY,GAAG,eAAe,GAAG,sBAAsB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAAE,yBAAyB,CAAC,GAAG;IAC/E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEJ,eAAO,MAAM,YAAY,mIAYpB,iBAAiB,6CAqCrB,CAAC"}