@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/tables/__mocks__/retailWebYourAssets.mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retailWebYourAssets.mock.d.ts","sourceRoot":"","sources":["../../../src/tables/__mocks__/retailWebYourAssets.mock.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAm3D1B,CAAC"}

package/dts/tables/__stories__/Table.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const SampleTable: () => import("react/jsx-runtime").JSX.Element;
+export declare const StickyHeaderSortingExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const FixedLayoutExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompactExample: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/Table.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;wBAkBxC,IAAI;AAHT,wBAGU;AAEV,eAAO,MAAM,WAAW,+CAuDvB,CAAC;AAIF,eAAO,MAAM,0BAA0B,+CA2CtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAqD9B,CAAC;AAKF,eAAO,MAAM,cAAc,+CAkE1B,CAAC"}

package/dts/tables/__stories__/TableCaption.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const SpacingExamples: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableCaption.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableCaption.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;wBAQxC,IAAI;AAHT,wBAGU;AAKV,eAAO,MAAM,eAAe,+CAuB3B,CAAC"}

package/dts/tables/__stories__/TableCell.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, Story } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const CellSpacing: Story;
+export declare const VerticallyAlignedTableCell: Story;
+export declare const ComplexSpacingOverride: Story;
+export declare const SampleCells: Story;
+export declare const SampleFixedLayout: Story;
+//# sourceMappingURL=TableCell.stories.d.ts.map

package/dts/tables/__stories__/TableCell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableCell.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;wBAc/C,IAAI;AAHT,wBAGU;AAcV,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAMF,eAAO,MAAM,0BAA0B,EAAE,KAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmFpC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkDzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkD/B,CAAC"}

package/dts/tables/__stories__/TableCellFallback.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, Story } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const TableCellFallbackExample: Story;
+//# sourceMappingURL=TableCellFallback.stories.d.ts.map

package/dts/tables/__stories__/TableCellFallback.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellFallback.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableCellFallback.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;wBAc/C,IAAI;AAHT,wBAGU;AAIV,eAAO,MAAM,wBAAwB,EAAE,KAiFtC,CAAC"}

package/dts/tables/__stories__/TableInteractive.stories.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentStoryObj } from '@storybook/react';
+import { StickyHeaderSortingExample } from './Table.stories';
+declare const _default: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SortingFocus: ComponentStoryObj<typeof StickyHeaderSortingExample>;
+//# sourceMappingURL=TableInteractive.stories.d.ts.map

package/dts/tables/__stories__/TableInteractive.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInteractive.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableInteractive.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;;;;;AAE7D,wBAGE;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,OAAO,0BAA0B,CAU7E,CAAC"}

package/dts/tables/__stories__/TableRow.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, Story } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const TableRowExample: Story;
+//# sourceMappingURL=TableRow.stories.d.ts.map

package/dts/tables/__stories__/TableRow.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableRow.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;wBAS/C,IAAI;AAHT,wBAGU;AAIV,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC"}

package/dts/tables/__stories__/TableSection.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, Story } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const SampleTableSection: Story;
+export declare const SectionFlowControl: Story;
+export declare const LoadingStateExample: Story;
+//# sourceMappingURL=TableSection.stories.d.ts.map

package/dts/tables/__stories__/TableSection.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/tables/__stories__/TableSection.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;wBAU/C,IAAI;AAHT,wBAGU;AAEV,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAC"}

package/dts/tables/__tests__/Table.test.d.ts

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

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

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

package/dts/tables/__tests__/TableCaption.test.d.ts

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

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

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

package/dts/tables/__tests__/TableCell.test.d.ts

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

package/dts/tables/__tests__/TableCell.test.d.ts.map

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

package/dts/tables/__tests__/TableCellFallback.test.d.ts

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

package/dts/tables/__tests__/TableCellFallback.test.d.ts.map

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

package/dts/tables/__tests__/TableCellSortIcon.test.d.ts

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

package/dts/tables/__tests__/TableCellSortIcon.test.d.ts.map

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

package/dts/tables/__tests__/TableFooter.test.d.ts

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

package/dts/tables/__tests__/TableFooter.test.d.ts.map

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

package/dts/tables/__tests__/TableHeader.test.d.ts

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

package/dts/tables/__tests__/TableHeader.test.d.ts.map

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

package/dts/tables/__tests__/TableRow.test.d.ts

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

package/dts/tables/__tests__/TableRow.test.d.ts.map

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

package/dts/tables/__tests__/TableSection.test.d.ts

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

package/dts/tables/__tests__/TableSection.test.d.ts.map

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

package/dts/tables/context/TableContext.d.ts

@@ -0,0 +1,4 @@
+import type { TableProps } from '../Table';
+export type TableContextValue = Pick<TableProps, 'variant' | 'cellSpacing' | 'compact'>;
+export declare const TableContext: import("react").Context<TableContextValue>;
+//# sourceMappingURL=TableContext.d.ts.map

package/dts/tables/context/TableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/tables/context/TableContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAC;AAExF,eAAO,MAAM,YAAY,4CAGvB,CAAC"}

package/dts/tables/context/TableSectionContext.d.ts

@@ -0,0 +1,6 @@
+import type { TableSectionTag } from '../TableSection';
+export type TableSectionContextValue = {
+    as?: TableSectionTag;
+};
+export declare const TableSectionContext: import("react").Context<TableSectionContextValue>;
+//# sourceMappingURL=TableSectionContext.d.ts.map

package/dts/tables/context/TableSectionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSectionContext.d.ts","sourceRoot":"","sources":["../../../src/tables/context/TableSectionContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,eAAe,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mDAA8C,CAAC"}

package/dts/tables/hooks/__tests__/useSortableCell.test.d.ts

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

package/dts/tables/hooks/__tests__/useSortableCell.test.d.ts.map

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

package/dts/tables/hooks/__tests__/useTable.test.d.ts

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

package/dts/tables/hooks/__tests__/useTable.test.d.ts.map

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

package/dts/tables/hooks/__tests__/useTableRowListener.test.d.ts

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

package/dts/tables/hooks/__tests__/useTableRowListener.test.d.ts.map

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

package/dts/tables/hooks/__tests__/useTableVariant.test.d.ts

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

package/dts/tables/hooks/__tests__/useTableVariant.test.d.ts.map

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

package/dts/tables/hooks/useSortableCell.d.ts

@@ -0,0 +1,13 @@
+import { type TableCellSortIconProps } from '../TableCellSortIcon';
+export type UseSortableCellProps<T extends string = string> = {
+    sortBy: T;
+    sortDirection: TableCellSortIconProps['direction'];
+    onChange: (key: T) => void;
+};
+export declare const useSortableCell: <T extends string>({ sortBy, sortDirection, onChange, }: UseSortableCellProps<T>) => (key: T) => {
+    readonly onClick: () => void;
+    readonly color: "fgMuted" | "fgPrimary";
+    readonly end: import("react/jsx-runtime").JSX.Element;
+    readonly 'aria-sort': "none" | "ascending" | "descending" | "other" | undefined;
+};
+//# sourceMappingURL=useSortableCell.d.ts.map

package/dts/tables/hooks/useSortableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableCell.d.ts","sourceRoot":"","sources":["../../../src/tables/hooks/useSortableCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC5D,MAAM,EAAE,CAAC,CAAC;IACV,aAAa,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAAE,sCAI/C,oBAAoB,CAAC,CAAC,CAAC,MACS,KAAK,CAAC;;;;;CAUxC,CAAC"}

package/dts/tables/hooks/useTable.d.ts

@@ -0,0 +1,27 @@
+import type { CellSpacing } from '../../cells/Cell';
+import type { TableCellSpacing } from '../Table';
+import type { TableCellProps, TableCellTag } from '../TableCell';
+import type { TableSectionTag } from '../TableSection';
+export declare const defaultCellSpacing: TableCellSpacing;
+export declare const compactCellSpacing: TableCellSpacing;
+type UseTableContext = {
+    skipAsValidation?: boolean;
+};
+export declare const useTableContext: ({ skipAsValidation }?: UseTableContext) => {
+    as: TableSectionTag | undefined;
+    cellSpacing: TableCellSpacing | undefined;
+    compact: boolean | undefined;
+};
+export declare const useTableCellTag: (asProp?: TableCellProps["as"]) => TableCellTag;
+export declare const useTableSectionTag: () => TableSectionTag;
+type UseTableCellSpacing = {
+    outer?: CellSpacing;
+    inner?: CellSpacing;
+} & UseTableContext;
+export declare const useTableCellSpacing: (props?: UseTableCellSpacing) => {
+    outer?: CellSpacing;
+    inner?: CellSpacing;
+    skipAsValidation?: boolean;
+};
+export {};
+//# sourceMappingURL=useTable.d.ts.map

package/dts/tables/hooks/useTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/tables/hooks/useTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,eAAO,MAAM,kBAAkB,EAAE,gBAGhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAGhC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uBAAsB,eAAoB;;;;CASzE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,CAAC,IAAI,CAAC,iBAM5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,uBAI9B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,eAAO,MAAM,mBAAmB,GAAI,QAAQ,mBAAmB;;;uBAjC1C,OAAO;CAwC3B,CAAC"}

package/dts/tables/hooks/useTableRowListener.d.ts

@@ -0,0 +1,4 @@
+import type { TableRowRef } from '../TableRow';
+/** Call an event handler on Enter and Space keypress */
+export declare const useTableRowListener: (ref: TableRowRef, handler?: () => void) => void;
+//# sourceMappingURL=useTableRowListener.d.ts.map

package/dts/tables/hooks/useTableRowListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRowListener.d.ts","sourceRoot":"","sources":["../../../src/tables/hooks/useTableRowListener.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wDAAwD;AACxD,eAAO,MAAM,mBAAmB,GAAI,KAAK,WAAW,EAAE,UAAU,MAAM,IAAI,SAqBzE,CAAC"}

package/dts/tables/hooks/useTableVariant.d.ts

@@ -0,0 +1,2 @@
+export declare const useTableVariant: () => import("../context/TableContext").TableContextValue;
+//# sourceMappingURL=useTableVariant.d.ts.map

package/dts/tables/hooks/useTableVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableVariant.d.ts","sourceRoot":"","sources":["../../../src/tables/hooks/useTableVariant.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,2DAI3B,CAAC"}

package/dts/tables/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Table';
+export * from './TableBody';
+export * from './TableCaption';
+export * from './TableCell';
+export * from './TableCellFallback';
+export * from './TableFooter';
+export * from './TableHeader';
+export * from './TableRow';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tables/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dts/tabs/Paddle.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type { TabLabelBaseProps } from '../tabs/TabLabel';
+export declare const paddleWidth = 80;
+export type PaddleProps = {
+    direction?: 'left' | 'right';
+    show: boolean;
+    variant: TabLabelBaseProps['variant'];
+    background?: ThemeVars.Color;
+    onClick: () => void;
+    /**
+     * Web only. Styling for the paddle icon button. Mobile does not have paddles.
+     */
+    paddleStyle?: React.CSSProperties;
+} & SharedProps & SharedAccessibilityProps;
+/**
+ * Paddles are left/right IconButtons, rendered by TabNavigation to visually indicate the presence of tabs that are out of sight due to content overflow.
+ */
+export declare const Paddle: {
+    ({ direction, show, background, onClick, testID, accessibilityLabel, paddleStyle, }: PaddleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Paddle.d.ts.map

package/dts/tabs/Paddle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paddle.d.ts","sourceRoot":"","sources":["../../src/tabs/Paddle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AASxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,WAAW,KAAK,CAAC;AAwB9B,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,GAAG,WAAW,GACb,wBAAwB,CAAC;AA8B3B;;GAEG;AACH,eAAO,MAAM,MAAM;yFAQhB,WAAW;;CA8Cb,CAAC"}

package/dts/tabs/SegmentedTab.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+export type SegmentedTabProps<T extends string = string> = {
+    /**
+     * Text color when the SegmentedTab is active.
+     * @default negativeForeground
+     */
+    activeColor?: ThemeVars.Color;
+    /**
+     * Text color when the SegmentedTab is inactive.
+     * @default foreground
+     */
+    color?: ThemeVars.Color;
+    /** Callback that is fired when the SegmentedTab is clicked. */
+    onClick?: (id: T, event: React.MouseEvent) => void;
+} & TabValue<T> & Omit<React.ComponentProps<'button'>, 'ref'> & SharedProps;
+type SegmentedTabComponent = <T extends string = string>(props: SegmentedTabProps<T> & {
+    ref?: React.ForwardedRef<HTMLButtonElement>;
+}) => React.ReactElement;
+declare const SegmentedTabComponent: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    /**
+     * Text color when the SegmentedTab is active.
+     * @default negativeForeground
+     */
+    activeColor?: ThemeVars.Color;
+    /**
+     * Text color when the SegmentedTab is inactive.
+     * @default foreground
+     */
+    color?: ThemeVars.Color;
+    /** Callback that is fired when the SegmentedTab is clicked. */
+    onClick?: ((id: string, event: React.MouseEvent) => void) | undefined;
+} & TabValue<string> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SharedProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const SegmentedTab: SegmentedTabComponent;
+export {};
+//# sourceMappingURL=SegmentedTab.d.ts.map

package/dts/tabs/SegmentedTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAuC1E,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACpD,GAAG,QAAQ,CAAC,CAAC,CAAC,GACb,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAC3C,WAAW,CAAC;AAMd,KAAK,qBAAqB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACrD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC1E,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,qBAAqB;IAxBzB;;;OAGG;kBACW,SAAS,CAAC,KAAK;IAC7B;;;OAGG;YACK,SAAS,CAAC,KAAK;IACvB,+DAA+D;mCACtC,KAAK,CAAC,UAAU,KAAK,IAAI;sLAkFnD,CAAC;AAIF,eAAO,MAAM,YAAY,EAA4B,qBAAqB,CAAC"}

package/dts/tabs/SegmentedTabs.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type TabsProps } from './Tabs';
+export type SegmentedTabsProps<T extends string = string> = Partial<Pick<TabsProps<T>, 'TabComponent' | 'TabsActiveIndicatorComponent'>> & Omit<TabsProps<T>, 'TabComponent' | 'TabsActiveIndicatorComponent'>;
+type SegmentedTabsFC = <T extends string>(props: SegmentedTabsProps<T> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+}) => React.ReactElement;
+export declare const SegmentedTabs: SegmentedTabsFC;
+export {};
+//# sourceMappingURL=SegmentedTabs.d.ts.map

package/dts/tabs/SegmentedTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACjE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CACpE,GACC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC;AAEtE,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,MAAM,EACtC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACrE,KAAK,CAAC,YAAY,CAAC;AA+BxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}

package/dts/tabs/SegmentedTabsActiveIndicator.d.ts

@@ -0,0 +1,4 @@
+import { type TabsActiveIndicatorProps } from './Tabs';
+export type SegmentedTabsActiveIndicatorProps = TabsActiveIndicatorProps;
+export declare const SegmentedTabsActiveIndicator: ({ borderRadius, ...props }: SegmentedTabsActiveIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedTabsActiveIndicator.d.ts.map

package/dts/tabs/SegmentedTabsActiveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabsActiveIndicator.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabsActiveIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAE5E,MAAM,MAAM,iCAAiC,GAAG,wBAAwB,CAAC;AAEzE,eAAO,MAAM,4BAA4B,GAAI,4BAG1C,iCAAiC,4CAEnC,CAAC"}

package/dts/tabs/TabIndicator.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { SharedProps } from '@coinbase/cds-common/types';
+export type TabIndicatorProps = SharedProps & {
+    /** The width of the active TabLabel. */
+    width: number;
+    /** The xPosition of the active TabLabel. */
+    x: number;
+    /** This should always match the background color of the parent container
+     * @default: 'bg'
+     */
+    background?: ThemeVars.Color;
+};
+export declare const TabIndicator: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & {
+    /** The width of the active TabLabel. */
+    width: number;
+    /** The xPosition of the active TabLabel. */
+    x: number;
+    /** This should always match the background color of the parent container
+     * @default: 'bg'
+     */
+    background?: ThemeVars.Color;
+} & React.RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=TabIndicator.d.ts.map

package/dts/tabs/TabIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabIndicator.d.ts","sourceRoot":"","sources":["../../src/tabs/TabIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS9D,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY;IAVvB,wCAAwC;WACjC,MAAM;IACb,4CAA4C;OACzC,MAAM;IACT;;OAEG;iBACU,SAAS,CAAC,KAAK;yCAqC7B,CAAC"}

package/dts/tabs/TabLabel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type TextProps } from '../typography/Text';
+import type { TabIndicatorProps } from './TabIndicator';
+import type { TabProps } from './TabNavigation';
+export type TabLabelBaseProps = SharedProps & Pick<TabProps, 'variant' | 'count' | 'accessibilityLabel' | 'max' | 'Component'> & {
+    /** Identify the active tab */
+    active?: boolean;
+    /** Display title to render as the TabLabel. */
+    children: React.ReactNode;
+    /** Callback to fire when pressed */
+    onPress?: () => void;
+};
+export type TabLabelProps = TabLabelBaseProps & TextProps<'h2'> & {
+    onLayout?: (key: string, props: TabIndicatorProps) => void;
+};
+export declare const TabLabel: React.MemoExoticComponent<({ id, active, variant, count, max, onLayout, Component, ...props }: TabLabelProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=TabLabel.d.ts.map

package/dts/tabs/TabLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLabel.d.ts","sourceRoot":"","sources":["../../src/tabs/TabLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAQ9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAiChD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,oBAAoB,GAAG,KAAK,GAAG,WAAW,CAAC,GAAG;IACjF,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,SAAS,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAAE,CAAC;AAEnF,eAAO,MAAM,QAAQ,iGAUhB,aAAa,6CA8EjB,CAAC"}

package/dts/tabs/TabNavigation.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import type { ForwardedRef } from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type DotCountBaseProps } from '../dots/DotCount';
+import type { BoxBaseProps } from '../layout/Box';
+export declare const tabNavigationTestId = "tabNavigation";
+export declare const tabNavigationPaddleLeftTestId = "tabNavigationPaddleLeft";
+export declare const tabNavigationPaddleRightTestId = "tabNavigationPaddleRight";
+export type TabProps<T extends string | undefined = string> = SharedProps & Partial<Pick<DotCountBaseProps, 'count' | 'max'>> & {
+    /** The id should be a meaningful and useful identifier like "watchlist" or "forSale" */
+    id: T;
+    /** Define a label for this Tab */
+    label: React.ReactNode;
+    /** See the Tabs TDD to understand which variant should be used.
+     *  @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /** Disable interactions on the tab. */
+    disabled?: boolean;
+    /** Full length accessibility label when the child text is not descriptive enough. */
+    accessibilityLabel?: string;
+    /** Callback to fire when pressed */
+    onClick?: (id: T) => void;
+    /** Render a custom Component for the Tab */
+    Component?: (props: CustomTabProps) => React.ReactNode;
+};
+export type CustomTabProps = Pick<TabProps, 'id'> & {
+    /**
+     * @default false
+     * When true, used to surface an active state for the currently selected tab
+     */
+    active?: boolean;
+    /** Define a label for this Tab */
+    label?: React.ReactNode;
+};
+export type TabNavigationBaseProps<T extends string | undefined = string> = SharedProps & BoxBaseProps & Pick<TabProps<T>, 'variant' | 'Component'> & {
+    /** The active tabId
+     *  @default tabs[0].id
+     */
+    value?: T;
+    /** Children should be TabLabels. If you only have one child, don't use tabs 🤪 */
+    tabs: TabProps<T>[];
+    /** Use the onChange handler to deal with any side effects, ie event tracking or showing a tooltip */
+    onChange: ((tabId: T) => void) | React.Dispatch<React.SetStateAction<T>>;
+    /** This should always match the background color of the parent container
+     * @default: 'bg'
+     */
+    background?: ThemeVars.Color;
+    /**
+     * The spacing between Tabs
+     * @default 4
+     */
+    gap?: ThemeVars.Space;
+    /**
+     * Used to generate a11y attributes for the Tabs
+     * If TabNavigation is used to display options that will filter data, use `radiogroup`
+     * If TabNavigation is used to display a list of pages or views, use `tablist`
+     * @default tablist
+     */
+    role?: 'radiogroup' | 'tablist';
+    /**
+     * Web only. Accessibility label for the previous arrow paddle (skip to beginning).
+     */
+    previousArrowAccessibilityLabel?: string | undefined;
+    /**
+     * Web only. Accessibility label for the next arrow paddle (skip to end).
+     */
+    nextArrowAccessibilityLabel?: string | undefined;
+    /**
+     * Web only. Styling for the paddle icon buttons. Mobile does not have paddles.
+     */
+    paddleStyle?: React.CSSProperties;
+};
+export type TabNavigationProps<T extends string | undefined = string> = TabNavigationBaseProps<T>;
+type TabNavigationFC = <T extends string | undefined = string>(props: TabNavigationProps<T> & {
+    ref?: ForwardedRef<HTMLElement | null>;
+}) => React.ReactElement;
+export declare const TabNavigation: TabNavigationFC;
+export {};
+//# sourceMappingURL=TabNavigation.d.ts.map

package/dts/tabs/TabNavigation.d.ts.map

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

package/dts/tabs/Tabs.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type TabsOptions, type TabValue } from '@coinbase/cds-common/tabs/useTabs';
+import { type Rect } from '@coinbase/cds-common/types/Rect';
+import { type MotionProps } from 'framer-motion';
+import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
+import { type HStackDefaultElement, type HStackProps } from '../layout/HStack';
+export declare const tabsTransitionConfig: {
+    readonly type: "spring";
+    readonly mass: 0.15;
+    readonly stiffness: 170;
+    readonly damping: 10;
+    readonly velocity: 5;
+};
+export type TabsActiveIndicatorProps = {
+    activeTabRect: Rect;
+} & BoxProps<BoxDefaultElement> & MotionProps;
+export type TabComponent<T extends string = string> = React.FC<TabValue<T>>;
+export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
+export type TabsProps<T extends string = string> = {
+    /** The array of tabs data. Each tab may optionally define a custom Component to render. */
+    tabs: (TabValue<T> & {
+        Component?: TabComponent<T>;
+    })[];
+    /** The default Component to render each tab. */
+    TabComponent: TabComponent<T>;
+    /** The default Component to render the tabs active indicator. */
+    TabsActiveIndicatorComponent: TabsActiveIndicatorComponent;
+    /** Background color passed to the TabsActiveIndicatorComponent. */
+    activeBackground?: ThemeVars.Color;
+} & Omit<TabsOptions<T>, 'tabs'> & Omit<HStackProps<HStackDefaultElement>, 'onChange' | 'ref'>;
+type TabsFC = <T extends string = string>(props: TabsProps<T> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+}) => React.ReactElement;
+export declare const Tabs: TabsFC;
+export declare const TabsActiveIndicator: ({ activeTabRect, position, ...props }: TabsActiveIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dts/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAe,KAAK,WAAW,EAAmB,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAkBvF,eAAO,MAAM,oBAAoB;;;;;;CAMF,CAAC;AAEhC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,GAC7B,WAAW,CAAC;AAEd,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5E,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACjD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IACxD,gDAAgD;IAChD,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,iEAAiE;IACjE,4BAA4B,EAAE,4BAA4B,CAAC;IAC3D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACpC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAC9B,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;AAE9D,KAAK,MAAM,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KAC5D,KAAK,CAAC,YAAY,CAAC;AAoFxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,uCAIjC,wBAAwB,mDAgB1B,CAAC"}

package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts

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

package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map

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