@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/cells/ListCell.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type CellBaseProps } from './Cell';
+import { type CellAccessoryType } from './CellAccessory';
+import { type CellDetailProps } from './CellDetail';
+export declare const listCellDefaultElement = "div";
+export type ListCellDefaultElement = typeof listCellDefaultElement;
+export type ListCellBaseProps = Polymorphic.ExtendableProps<Omit<CellBaseProps, 'children'>, CellDetailProps & {
+    /** Accessory to display at the end of the cell. */
+    accessory?: CellAccessoryType;
+    /** Interactive action, like a CTA or form element. Cannot be used alongside `onPress`. */
+    action?: React.ReactNode;
+    /** enables compact spacing */
+    compact?: boolean;
+    /** Description of content. Max 1 line (with title) or 2 lines (without), otherwise will truncate. */
+    description?: React.ReactNode;
+    /**
+     * When there is no description the title will take up two lines by default.
+     * When this is set to true multiline title behavior is overwritten, and regardless of description text state
+     * the title will take up a single line truncating with ellipses.
+     */
+    disableMultilineTitle?: boolean;
+    /**
+     * Disable the default accessory that is displayed when the cell is selected.
+     * If `accessory` is provided, that will continue to be displayed, otherwise no accessory will be displayed when the cell is selected.
+     */
+    disableSelectionAccessory?: boolean;
+    /** Assitive message to display below the cell content */
+    helperText?: React.ReactNode;
+    /** For internal use only. */
+    intermediary?: React.ReactNode;
+    media?: React.ReactElement;
+    /** Allow the description to span multiple lines. This *will* break fixed height requirements, so should not be used in a `FlatList`. */
+    multiline?: boolean;
+    /** Title of content. Max 1 line (with description) or 2 lines (without), otherwise will truncate. */
+    title?: React.ReactNode;
+}>;
+export type ListCellProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, ListCellBaseProps>;
+type ListCellComponent = (<AsComponent extends React.ElementType = ListCellDefaultElement>(props: ListCellProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const ListCell: ListCellComponent;
+export {};
+//# sourceMappingURL=ListCell.d.ts.map

package/dts/cells/ListCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCell.d.ts","sourceRoot":"","sources":["../../src/cells/ListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAQhE,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EAC/B,eAAe,GAAG;IAChB,mDAAmD;IACnD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qGAAqG;IACrG,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yDAAyD;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wIAAwI;IACxI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qGAAqG;IACrG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CACF,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,iBA4FtB,CAAC"}

package/dts/cells/ListCellFallback.d.ts

@@ -0,0 +1,48 @@
+import { type CSSProperties } from 'react';
+import type { FallbackRectWidthProps, SharedProps } from '@coinbase/cds-common/types';
+import { type CellBaseProps } from './Cell';
+import type { CellMediaType } from './CellMedia';
+export type ListCellFallbackBaseProps = SharedProps & FallbackRectWidthProps & Pick<CellBaseProps, 'innerSpacing' | 'outerSpacing'> & {
+    /** Display description shimmer. */
+    description?: boolean;
+    /** Display detail shimmer. */
+    detail?: boolean;
+    /** Display helper text shimmer. */
+    helperText?: boolean;
+    /** Display media shimmer with a shape according to type. */
+    media?: CellMediaType;
+    /** Display subdetail shimmer. */
+    subdetail?: boolean;
+    /** Display title shimmer. */
+    title?: boolean;
+};
+export type ListCellFallbackProps = ListCellFallbackBaseProps & {
+    /** Class names to apply to the detail, bottomContent, and title. */
+    classNames?: {
+        /** Class name for the bottom content (helper text). */
+        helperText?: string;
+        /** Class name for the detail shimmer. */
+        detail?: string;
+        /** Class name for the subdetail shimmer. */
+        subdetail?: string;
+        /** Class name for the title shimmer. */
+        title?: string;
+        /** Class name for the description shimmer. */
+        description?: string;
+    };
+    /** Styles to apply to the detail, bottomContent, and title. */
+    styles?: {
+        /** Style to apply to the bottom content (helper text shimmer). */
+        helperText?: CSSProperties;
+        /** Style to apply to the detail shimmer. */
+        detail?: CSSProperties;
+        /** Style to apply to the subdetail shimmer. */
+        subdetail?: CSSProperties;
+        /** Style to apply to the title shimmer. */
+        title?: CSSProperties;
+        /** Style to apply to the description shimmer. */
+        description?: CSSProperties;
+    };
+};
+export declare const ListCellFallback: import("react").NamedExoticComponent<ListCellFallbackProps>;
+//# sourceMappingURL=ListCellFallback.d.ts.map

package/dts/cells/ListCellFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCellFallback.d.ts","sourceRoot":"","sources":["../../src/cells/ListCellFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAiB,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAMtF,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,MAAM,yBAAyB,GAAG,WAAW,GACjD,sBAAsB,GACtB,IAAI,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc,CAAC,GAAG;IACrD,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG;IAC9D,oEAAoE;IACpE,UAAU,CAAC,EAAE;QACX,uDAAuD;QACvD,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,4CAA4C;QAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,wCAAwC;QACxC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,8CAA8C;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,+DAA+D;IAC/D,MAAM,CAAC,EAAE;QACP,kEAAkE;QAClE,UAAU,CAAC,EAAE,aAAa,CAAC;QAC3B,4CAA4C;QAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;QACvB,+CAA+C;QAC/C,SAAS,CAAC,EAAE,aAAa,CAAC;QAC1B,2CAA2C;QAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;QACtB,iDAAiD;QACjD,WAAW,CAAC,EAAE,aAAa,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,gBAAgB,6DAuJ3B,CAAC"}

package/dts/cells/MediaFallback.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { CellMediaType } from './CellMedia';
+export type MediaFallbackProps = {
+    type: CellMediaType;
+} & SharedProps;
+export declare const MediaFallback: React.NamedExoticComponent<MediaFallbackProps>;
+//# sourceMappingURL=MediaFallback.d.ts.map

package/dts/cells/MediaFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaFallback.d.ts","sourceRoot":"","sources":["../../src/cells/MediaFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;CACrB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,aAAa,gDAMxB,CAAC"}

package/dts/cells/__figma__/ContentCell.figma.d.ts

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

package/dts/cells/__figma__/ContentCell.figma.d.ts.map

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

package/dts/cells/__figma__/ListCell.figma.d.ts

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

package/dts/cells/__figma__/ListCell.figma.d.ts.map

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

package/dts/cells/__stories__/ContentCell.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: (<AsComponent extends React.ElementType = "div">(props: import("..").ContentCellProps<AsComponent>) => import("../..").Polymorphic.ReactReturn) & import("../..").Polymorphic.ReactNamed;
+};
+export default _default;
+export declare const Content: () => import("react/jsx-runtime").JSX.Element;
+export declare const LongContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const PressableContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithAccessory: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithMedia: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentCell.stories.d.ts.map

package/dts/cells/__stories__/ContentCell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCell.stories.d.ts","sourceRoot":"","sources":["../../../src/cells/__stories__/ContentCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAQ1B,wBAGE;AAMF,eAAO,MAAM,OAAO,+CAUnB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAmBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA+B5B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAgBzB,CAAC;AAEF,eAAO,MAAM,SAAS,+CA2CrB,CAAC"}

package/dts/cells/__stories__/ContentCellFallback.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("..").ContentCellFallbackProps>;
+};
+export default _default;
+export declare const Fallbacks: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentCellFallback.stories.d.ts.map

package/dts/cells/__stories__/ContentCellFallback.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCellFallback.stories.d.ts","sourceRoot":"","sources":["../../../src/cells/__stories__/ContentCellFallback.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAGE;AAEF,eAAO,MAAM,SAAS,+CAoBrB,CAAC"}

package/dts/cells/__stories__/ListCell.stories.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: (<AsComponent extends React.ElementType = "div">(props: import("..").ListCellProps<AsComponent>) => import("../..").Polymorphic.ReactReturn) & import("../..").Polymorphic.ReactNamed;
+    parameters: {
+        percy: {
+            enableJavaScript: boolean;
+        };
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const withA11yVStack: () => import("react/jsx-runtime").JSX.Element;
+declare const Content: () => import("react/jsx-runtime").JSX.Element;
+declare const CompactContent: () => import("react/jsx-runtime").JSX.Element;
+declare const PressableContent: () => import("react/jsx-runtime").JSX.Element;
+declare const CompactPressableContent: () => import("react/jsx-runtime").JSX.Element;
+declare const LongContent: () => import("react/jsx-runtime").JSX.Element;
+declare const PriorityContent: () => import("react/jsx-runtime").JSX.Element;
+declare const WithAccessory: () => import("react/jsx-runtime").JSX.Element;
+declare const WithMedia: () => import("react/jsx-runtime").JSX.Element;
+declare const WithActions: () => import("react/jsx-runtime").JSX.Element;
+declare const WithIntermediary: () => import("react/jsx-runtime").JSX.Element;
+declare const WithHelperText: () => import("react/jsx-runtime").JSX.Element;
+export { CompactContent, CompactPressableContent, Content, LongContent, PressableContent, PriorityContent, WithAccessory, WithActions, WithHelperText, WithIntermediary, WithMedia, };
+//# sourceMappingURL=ListCell.stories.d.ts.map

package/dts/cells/__stories__/ListCell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCell.stories.d.ts","sourceRoot":"","sources":["../../../src/cells/__stories__/ListCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;AAuB1B,wBAME;AAIF,eAAO,MAAM,cAAc,+CAO1B,CAAC;AAEF,QAAA,MAAM,OAAO,+CAsCZ,CAAC;AAEF,QAAA,MAAM,cAAc,+CA8CnB,CAAC;AAIF,QAAA,MAAM,gBAAgB,+CA4FrB,CAAC;AAEF,QAAA,MAAM,uBAAuB,+CAuG5B,CAAC;AAEF,QAAA,MAAM,WAAW,+CAiBhB,CAAC;AAIF,QAAA,MAAM,eAAe,+CAgDpB,CAAC;AAEF,QAAA,MAAM,aAAa,+CAwDlB,CAAC;AAEF,QAAA,MAAM,SAAS,+CA2Cd,CAAC;AAEF,QAAA,MAAM,WAAW,+CAsBhB,CAAC;AAEF,QAAA,MAAM,gBAAgB,+CAsCrB,CAAC;AAEF,QAAA,MAAM,cAAc,+CA2DnB,CAAC;AAEF,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,CAAC"}

package/dts/cells/__stories__/ListCellFallback.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("..").ListCellFallbackProps>;
+};
+export default _default;
+export declare const Fallbacks: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListCellFallback.stories.d.ts.map

package/dts/cells/__stories__/ListCellFallback.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCellFallback.stories.d.ts","sourceRoot":"","sources":["../../../src/cells/__stories__/ListCellFallback.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAK1B,wBAGE;AAWF,eAAO,MAAM,SAAS,+CAwErB,CAAC"}

package/dts/cells/__tests__/Cell.test.d.ts

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

package/dts/cells/__tests__/Cell.test.d.ts.map

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

package/dts/cells/__tests__/CellAccessory.test.d.ts

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

package/dts/cells/__tests__/CellAccessory.test.d.ts.map

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

package/dts/cells/__tests__/CellMedia.test.d.ts

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

package/dts/cells/__tests__/CellMedia.test.d.ts.map

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

package/dts/cells/__tests__/ContentCell.test.d.ts

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

package/dts/cells/__tests__/ContentCell.test.d.ts.map

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

package/dts/cells/__tests__/ContentCellFallback.test.d.ts

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

package/dts/cells/__tests__/ContentCellFallback.test.d.ts.map

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

package/dts/cells/__tests__/ListCell.perf-test.d.ts

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

package/dts/cells/__tests__/ListCell.perf-test.d.ts.map

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

package/dts/cells/__tests__/ListCell.test.d.ts

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

package/dts/cells/__tests__/ListCell.test.d.ts.map

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

package/dts/cells/__tests__/ListCellFallback.test.d.ts

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

package/dts/cells/__tests__/ListCellFallback.test.d.ts.map

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

package/dts/cells/__tests__/MediaFallback.test.d.ts

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

package/dts/cells/__tests__/MediaFallback.test.d.ts.map

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

package/dts/cells/index.d.ts

@@ -0,0 +1,7 @@
+export * from './CellHelperText';
+export * from './CellMedia';
+export * from './ContentCell';
+export * from './ContentCellFallback';
+export * from './ListCell';
+export * from './ListCellFallback';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dts/chips/Chip.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * This is a basic Chip component used to create all Chip components.
+ */
+export declare const Chip: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("./ChipProps").ChipBaseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+//# sourceMappingURL=Chip.d.ts.map

package/dts/chips/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/chips/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAsB1D;;GAEG;AACH,eAAO,MAAM,IAAI,uJAsEhB,CAAC"}

package/dts/chips/ChipProps.d.ts

@@ -0,0 +1,36 @@
+import type { DimensionValue, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type { PressableDefaultElement, PressableProps } from '../system/Pressable';
+export type ChipBaseProps = SharedProps & Omit<PressableProps<PressableDefaultElement>, 'children' | 'loading' | 'start' | 'numberOfLines' | 'accessibilityHint' | 'accessibilityLabelledBy' | 'onChange'> & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+    /** ReactNode placed in the center of the Chip */
+    children: React.ReactNode;
+    /** ReactNode placed before the value */
+    start?: React.ReactNode;
+    /** ReactNode placed after the value */
+    end?: React.ReactNode;
+    /**
+     * If text content overflows, it will get truncated with an ellipsis.
+     * @default 200
+     */
+    maxWidth?: DimensionValue;
+    /**
+     * Invert the foreground and background colors to emphasize the Chip.
+     * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
+     * @default false
+     */
+    inverted?: boolean;
+    /** Reduces spacing around Chip content */
+    compact?: boolean;
+    /**
+     * How many lines the text in the chip will be broken into.
+     * @default 1
+     */
+    numberOfLines?: number;
+    /** Apply styles to Chip content. */
+    contentStyle?: React.CSSProperties;
+};
+export type ChipProps = ChipBaseProps;
+export type InputChipProps = {
+    /** Value indicates what is currently selected */
+    value: string;
+} & Omit<ChipProps, 'end' | 'inverted' | 'children' | 'noScaleOnPress'>;
+//# sourceMappingURL=ChipProps.d.ts.map

package/dts/chips/ChipProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,cAAc,CAAC,uBAAuB,CAAC,EACrC,UAAU,GACV,SAAS,GACT,OAAO,GACP,eAAe,GACf,mBAAmB,GACnB,yBAAyB,GACzB,UAAU,CACb,GACD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,CAAC,CAAC"}

package/dts/chips/InputChip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { InputChipProps } from './ChipProps';
+export declare const InputChip: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InputChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+//# sourceMappingURL=InputChip.d.ts.map

package/dts/chips/InputChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../src/chips/InputChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,SAAS,kIA6BrB,CAAC"}

package/dts/chips/SelectChip.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { SelectBaseProps } from '../controls/Select';
+import type { DropdownProps } from '../dropdown';
+import type { ChipProps } from './ChipProps';
+export declare const SELECT_CHIP_DEFAULT_TEST_ID = "select-chip";
+export type SelectChipProps = {
+    /** Indicates that the control is being used to manipulate data elsewhere */
+    active?: boolean;
+    /**
+     * @deprecated The prop will be removed in a future version.
+     */
+    children?: React.ReactNode;
+} & Omit<ChipProps, 'inverted' | 'children' | 'onBlur' | 'noScaleOnPress' | 'content'> & Pick<SelectBaseProps, 'onChange' | 'valueLabel' | 'placeholder' | 'value'> & Omit<DropdownProps, 'onChange' | 'children'>;
+export declare const SelectChip: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SelectChipProps, "ref"> & React.RefAttributes<unknown>>>;
+//# sourceMappingURL=SelectChip.d.ts.map

package/dts/chips/SelectChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../src/chips/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,2BAA2B,gBAAgB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,gBAAgB,GAAG,SAAS,CAAC,GACpF,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,GAC1E,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,yHAoFtB,CAAC"}

package/dts/chips/TabbedChips.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type BoxBaseProps } from '../layout';
+import { type TabNavigationBaseProps } from '../tabs';
+export type TabbedChipsBaseProps<T extends string = string> = BoxBaseProps & Omit<TabNavigationBaseProps<T>, 'variant'>;
+export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T>;
+type TabbedChipsFC = <T extends string = string>(props: TabbedChipsProps<T> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+}) => React.ReactElement;
+export declare const TabbedChips: TabbedChipsFC;
+export {};
+//# sourceMappingURL=TabbedChips.d.ts.map

package/dts/chips/TabbedChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAMxF,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,WAAW,CAAC;AACtD,OAAO,EAAU,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;AAmCpE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,GACxE,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7C,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAElF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AAwHxB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}

package/dts/chips/__figma__/InputChip.figma.d.ts

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

package/dts/chips/__figma__/InputChip.figma.d.ts.map

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

package/dts/chips/__figma__/SelectChip.figma.d.ts

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

package/dts/chips/__figma__/SelectChip.figma.d.ts.map

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

package/dts/chips/__figma__/TabbedChips.figma.d.ts

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

package/dts/chips/__figma__/TabbedChips.figma.d.ts.map

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

package/dts/chips/__stories__/Chip.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ChipBaseProps } from '../ChipProps';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ChipBaseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.stories.d.ts.map

package/dts/chips/__stories__/Chip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/chips/__stories__/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;;;;;AAElD,wBAGE;AAyDF,eAAO,MAAM,OAAO,+CAmBnB,CAAC"}

package/dts/chips/__stories__/InputChip.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").InputChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputChip.stories.d.ts.map

package/dts/chips/__stories__/InputChip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChip.stories.d.ts","sourceRoot":"","sources":["../../../src/chips/__stories__/InputChip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAS1B,wBAGE;AAWF,eAAO,MAAM,OAAO,+CAsCnB,CAAC"}

package/dts/chips/__stories__/SelectChip.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SelectChipProps } from '../SelectChip';
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomEndNode: () => import("react/jsx-runtime").JSX.Element;
+export declare const ObjectValueModel: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomStyle: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SelectChipProps, "ref"> & React.RefAttributes<unknown>>>;
+};
+export default _default;
+//# sourceMappingURL=SelectChip.stories.d.ts.map

package/dts/chips/__stories__/SelectChip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.stories.d.ts","sourceRoot":"","sources":["../../../src/chips/__stories__/SelectChip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAqCrD,eAAO,MAAM,OAAO,+CAKnB,CAAC;AAEF,eAAO,MAAM,aAAa,+CASzB,CAAC;AASF,eAAO,MAAM,gBAAgB,+CA6C5B,CAAC;AAEF,eAAO,MAAM,WAAW,+CAQvB,CAAC;;;;;AAEF,wBAGE"}

package/dts/chips/__stories__/TabbedChips.stories.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: <T extends string = string>(props: import("..").TabbedChipsProps<T> & {
+        ref?: React.ForwardedRef<HTMLElement>;
+    }) => React.ReactElement;
+};
+export default _default;
+export declare const Default: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        percy: {
+            enableJavaScript: boolean;
+        };
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+//# sourceMappingURL=TabbedChips.stories.d.ts.map

package/dts/chips/__stories__/TabbedChips.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedChips.stories.d.ts","sourceRoot":"","sources":["../../../src/chips/__stories__/TabbedChips.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;WAqD9B,CAAC;;;AA7CX,wBAGE;AA4BF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CA0BnB,CAAC"}

package/dts/chips/__tests__/Chip.test.d.ts

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

package/dts/chips/__tests__/Chip.test.d.ts.map

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

package/dts/chips/__tests__/InputChip.test.d.ts

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

package/dts/chips/__tests__/InputChip.test.d.ts.map

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

package/dts/chips/__tests__/SelectChip.test.d.ts

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

package/dts/chips/__tests__/SelectChip.test.d.ts.map

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

package/dts/chips/__tests__/TabbedChips.test.d.ts

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

package/dts/chips/__tests__/TabbedChips.test.d.ts.map

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

package/dts/chips/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Chip';
+export * from './ChipProps';
+export * from './InputChip';
+export * from './SelectChip';
+export * from './TabbedChips';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dts/coachmark/Coachmark.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { type DimensionValue, type SharedProps } from '@coinbase/cds-common';
+import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout';
+export type CoachmarkBaseProps = SharedProps & BoxBaseProps & {
+    /**
+     * Title of the Coachmark. Text or ReactNode
+     */
+    title: React.ReactNode;
+    /**
+     * Content of the Coachmark. Text or ReactNode to be rendered below the title
+     */
+    content: React.ReactNode;
+    /**
+     * Checkbox component to be rendered below the content
+     */
+    checkbox?: React.ReactNode;
+    /**
+     * Media of the Coachmark
+     */
+    media?: React.ReactNode;
+    /**
+     * Callback function fired when close button is pressed
+     */
+    onClose?: () => void;
+    /**
+     * Action button for next step or ending the tour
+     */
+    action: React.ReactNode;
+    /**
+     * Desired width of the Coachmark with respect to max width of windowWidth - spacing2 * 2
+     */
+    width?: DimensionValue;
+    /**
+     * a11y label of the close button
+     */
+    closeButtonAccessibilityLabel?: string;
+};
+export type CoachmarkProps = CoachmarkBaseProps & Omit<BoxProps<BoxDefaultElement>, 'title' | 'content'>;
+export declare const Coachmark: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CoachmarkProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=Coachmark.d.ts.map

package/dts/coachmark/Coachmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../src/coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG7E,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EAGd,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,YAAY,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,+HAuErB,CAAC"}

package/dts/coachmark/__figma__/Coachmark.figma.d.ts

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

package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map

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