dawn-ui-react 1.0.0-alpha.38 → 1.0.0-alpha.39

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 PHNTMbandit
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# Dawn UI React
+
+A React component library for building polished product interfaces with composable primitives, Tailwind CSS styling, and accessible interaction patterns.
+
+Dawn UI React is currently in beta. APIs are close to the planned `1.0.0` release, but breaking changes may still happen before the stable release.
+
+## Features
+
+- Accessible React components built on modern primitives.
+- Tailwind CSS 4 styling with reusable design tokens.
+- TypeScript-first exports for components, hooks, and utilities.
+- Storybook coverage for component development and review.
+- Semantic-release powered alpha, beta, release-candidate, and stable channels.
+
+## Installation
+
+```sh
+pnpm add dawn-ui-react
+```
+
+Install the required peer dependencies if your app does not already include them:
+
+```sh
+pnpm add react react-dom
+```
+
+Import the library styles once in your app entry file:
+
+```ts
+import 'dawn-ui-react/styles.css'
+```
+
+## Usage
+
+```tsx
+import { Button } from 'dawn-ui-react'
+
+export function Example() {
+  return <Button>Continue</Button>
+}
+```
+
+## Available Components
+
+Dawn UI React includes primitives for accordions, alerts, dialogs, autocomplete, avatars, badges, breadcrumbs, buttons, charts, checkboxes, code blocks, comboboxes, context menus, drawers, dropzones, fields, forms, inputs, menus, navigation, popovers, profiles, progress, radio groups, scroll areas, selects, sidebars, sliders, switches, tables, tabs, text areas, toasts, toggles, tooltips, and more.
+
+## Development
+
+```sh
+pnpm install
+pnpm run storybook
+```
+
+Useful commands:
+
+```sh
+pnpm run lint
+pnpm run fmt:check
+pnpm run test
+pnpm run build
+pnpm run build-storybook
+```
+
+## Release Channels
+
+This repository uses semantic-release with prerelease branches:
+
+- `alpha` publishes `1.0.0-alpha.x`
+- `beta` publishes `1.0.0-beta.x`
+- `rc` publishes `1.0.0-rc.x`
+- `main` publishes stable releases
+
+## Contributing
+
+Contributions are welcome. Read [CONTRIBUTING.md](CONTRIBUTING.md) before opening a pull request.
+
+## Security
+
+Please report vulnerabilities privately using the guidance in [SECURITY.md](SECURITY.md).
+
+## License
+
+MIT. See [LICENSE](LICENSE).

package/dist/components/sidebar/sidebar-menu-collapsible-trigger.d.ts

@@ -1,2 +1,2 @@
 import { SidebarMenuCollapsibleTriggerProps } from './sidebar.types';
-export declare const SidebarMenuCollapsibleTrigger: ({ className, children, ref, ...props }: SidebarMenuCollapsibleTriggerProps) => import("react").JSX.Element;
+export declare const SidebarMenuCollapsibleTrigger: ({ className, children, ref, style: _style, ...props }: SidebarMenuCollapsibleTriggerProps) => import("react").JSX.Element;

package/dist/components/sidebar/sidebar-provider.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 type SidebarContextProps = React.ComponentProps<'div'> & {
+    id: string;
     defaultOpen?: boolean;
     trigger?: () => void;
     open?: boolean;
@@ -9,6 +10,6 @@ type SidebarContextProps = React.ComponentProps<'div'> & {
     side?: 'left' | 'right';
     collapsible?: 'offcanvas' | 'icon' | 'none';
 };
-export declare const SidebarProvider: ({ defaultOpen, side, collapsible, className, children, ref, ...props }: SidebarContextProps) => React.JSX.Element;
+export declare const SidebarProvider: ({ id, defaultOpen, side, collapsible, className, children, ref, ...props }: SidebarContextProps) => React.JSX.Element;
 export declare const useSidebar: () => SidebarContextProps;
 export {};

package/dist/components/sidebar/sidebar.types.d.ts

@@ -1,16 +1,18 @@
 import { Badge } from '../badge';
+import { Button } from '../button';
 import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from '../collapsible';
-import { ButtonProps } from '../button/button.types';
-export type SidebarToggleProps = ButtonProps;
+export type SidebarToggleProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
+    children: React.ReactNode | ((open?: boolean) => React.ReactNode);
+};
 export type SidebarContentProps = React.ComponentProps<'div'>;
 export type SidebarGroupContentProps = React.ComponentProps<'div'>;
 export type SidebarGroupLabelProps = React.ComponentProps<'span'>;
 export type SidebarGroupProps = React.ComponentProps<'div'>;
 export type SidebarHeaderProps = Omit<React.ComponentProps<'div'>, 'children'> & {
-    children?: React.ReactNode | ((isExpanded: boolean) => React.ReactNode);
+    children: (isExpanded?: boolean) => React.ReactNode;
 };
 export type SidebarFooterProps = Omit<React.ComponentProps<'div'>, 'children'> & {
-    children?: React.ReactNode | ((isExpanded: boolean) => React.ReactNode);
+    children: (isExpanded?: boolean) => React.ReactNode;
 };
 export type SidebarMenuProps = React.ComponentProps<'div'>;
 export type SidebarProps = React.ComponentProps<'div'> & {

package/dist/components/table/table-context.d.ts

@@ -8,6 +8,7 @@ export declare const features: {
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -55,6 +56,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -101,7 +103,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableTextCell: ({ className, children, ref, ...props }: import('./table.types').TableTextCellProps) => import("react").JSX.Element;
 }, {
     readonly TableSelectHeader: ({ className, children, ref, ...props }: import('./table.types').TableSelectHeaderProps) => import("react").JSX.Element;
-}>, useAppTable: <TData extends import('@tanstack/react-table').RowData, TSelected = import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting>(tableOptions: Omit<import('@tanstack/react-table').TableOptions<{
+}>, useAppTable: <TData extends import('@tanstack/react-table').RowData, TSelected = import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting & import('./table.utils').TableState_ViewMode>(tableOptions: Omit<import('@tanstack/react-table').TableOptions<{
     columnFacetingFeature: import('@tanstack/react-table').TableFeature;
     columnFilteringFeature: import('@tanstack/react-table').TableFeature;
     columnSizingFeature: import('@tanstack/react-table').TableFeature;
@@ -110,6 +112,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -147,7 +150,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
         datetime: import('@tanstack/react-table').CreatedSortFn<any, any>;
         basic: import('@tanstack/react-table').CreatedSortFn<any, any>;
     };
-}, TData>, "features">, selector?: ((state: import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting) => TSelected) | undefined) => import('@tanstack/react-table').AppReactTable<{
+}, TData>, "features">, selector?: ((state: import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting & import('./table.utils').TableState_ViewMode) => TSelected) | undefined) => import('@tanstack/react-table').AppReactTable<{
     columnFacetingFeature: import('@tanstack/react-table').TableFeature;
     columnFilteringFeature: import('@tanstack/react-table').TableFeature;
     columnSizingFeature: import('@tanstack/react-table').TableFeature;
@@ -156,6 +159,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -201,7 +205,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableFilterMenu: ({ className, children, ref, ...props }: import('./table.types').TableFilterMenuProps) => import("react").JSX.Element;
     readonly TableFilterList: ({ className, children, ref, ...props }: import('./table.types').TableFilterListProps) => import("react").JSX.Element;
     readonly TableFooter: ({ className, children, ref, ...props }: import('./table.types').TableFooterProps) => import("react").JSX.Element;
-    readonly TableHeader: ({ className, children, ref, ...props }: import('./table.types').TableHeaderProps) => import("react").JSX.Element;
+    readonly TableHeader: ({ className, children, ref, ...props }: import('./table.types').TableHeaderProps) => import("react").JSX.Element | null;
     readonly TableLastPage: ({ className, children, ref, ...props }: import('./table.types').TableLastPageProps) => import("react").JSX.Element;
     readonly TableNav: ({ sticky, className, children, ref, ...props }: import('./table.types').TableNavProps) => import("react").JSX.Element;
     readonly TableNextPage: ({ className, children, ref, ...props }: import('./table.types').TableNextPageProps) => import("react").JSX.Element;
@@ -212,6 +216,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableSortMenu: ({ className, children, ref, ...props }: import('./table.types').TableSortMenuProps) => import("react").JSX.Element;
     readonly TableSortList: ({ className, children, ref, ...props }: import('./table.types').TableSortListProps) => import("react").JSX.Element | null;
     readonly TableToolbar: ({ sticky, className, children, ref, ...props }: import('./table.types').TableToolbarProps) => import("react").JSX.Element;
+    readonly TableViewModeToggle: ({ className, children, ref, ...props }: import('./table.types').TableViewModeToggleProps) => import("react").JSX.Element;
     readonly TableViewport: ({ className, children, ref, ...props }: import('./table.types').TableViewportProps) => import("react").JSX.Element;
 }, {
     readonly TableCheckboxCell: ({ className, children, ref, ...props }: import('./table.types').TableCheckboxCellProps) => import("react").JSX.Element;
@@ -222,7 +227,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableTextCell: ({ className, children, ref, ...props }: import('./table.types').TableTextCellProps) => import("react").JSX.Element;
 }, {
     readonly TableSelectHeader: ({ className, children, ref, ...props }: import('./table.types').TableSelectHeaderProps) => import("react").JSX.Element;
-}>, useTableContext: <TData extends import('@tanstack/react-table').RowData = import('@tanstack/react-table').RowData, TSelected = import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting>() => import('@tanstack/react-table').AppReactTable<{
+}>, useTableContext: <TData extends import('@tanstack/react-table').RowData = import('@tanstack/react-table').RowData, TSelected = import('@tanstack/react-table').TableState_ColumnFiltering & import('@tanstack/react-table').TableState_ColumnSizing & import('@tanstack/react-table').TableState_ColumnVisibility & import('@tanstack/react-table').TableState_GlobalFiltering & import('@tanstack/react-table').TableState_RowPagination & import('@tanstack/react-table').TableState_RowSelection & import('@tanstack/react-table').TableState_RowSorting & import('./table.utils').TableState_ViewMode>() => import('@tanstack/react-table').AppReactTable<{
     columnFacetingFeature: import('@tanstack/react-table').TableFeature;
     columnFilteringFeature: import('@tanstack/react-table').TableFeature;
     columnSizingFeature: import('@tanstack/react-table').TableFeature;
@@ -231,6 +236,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -276,7 +282,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableFilterMenu: ({ className, children, ref, ...props }: import('./table.types').TableFilterMenuProps) => import("react").JSX.Element;
     readonly TableFilterList: ({ className, children, ref, ...props }: import('./table.types').TableFilterListProps) => import("react").JSX.Element;
     readonly TableFooter: ({ className, children, ref, ...props }: import('./table.types').TableFooterProps) => import("react").JSX.Element;
-    readonly TableHeader: ({ className, children, ref, ...props }: import('./table.types').TableHeaderProps) => import("react").JSX.Element;
+    readonly TableHeader: ({ className, children, ref, ...props }: import('./table.types').TableHeaderProps) => import("react").JSX.Element | null;
     readonly TableLastPage: ({ className, children, ref, ...props }: import('./table.types').TableLastPageProps) => import("react").JSX.Element;
     readonly TableNav: ({ sticky, className, children, ref, ...props }: import('./table.types').TableNavProps) => import("react").JSX.Element;
     readonly TableNextPage: ({ className, children, ref, ...props }: import('./table.types').TableNextPageProps) => import("react").JSX.Element;
@@ -287,6 +293,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     readonly TableSortMenu: ({ className, children, ref, ...props }: import('./table.types').TableSortMenuProps) => import("react").JSX.Element;
     readonly TableSortList: ({ className, children, ref, ...props }: import('./table.types').TableSortListProps) => import("react").JSX.Element | null;
     readonly TableToolbar: ({ sticky, className, children, ref, ...props }: import('./table.types').TableToolbarProps) => import("react").JSX.Element;
+    readonly TableViewModeToggle: ({ className, children, ref, ...props }: import('./table.types').TableViewModeToggleProps) => import("react").JSX.Element;
     readonly TableViewport: ({ className, children, ref, ...props }: import('./table.types').TableViewportProps) => import("react").JSX.Element;
 }, {
     readonly TableCheckboxCell: ({ className, children, ref, ...props }: import('./table.types').TableCheckboxCellProps) => import("react").JSX.Element;
@@ -306,6 +313,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;
@@ -361,6 +369,7 @@ export declare const createAppColumnHelper: <TData extends import('@tanstack/rea
     rowPaginationFeature: import('@tanstack/react-table').TableFeature;
     rowSelectionFeature: import('@tanstack/react-table').TableFeature;
     rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    viewModePlugin: import('@tanstack/react-table').TableFeature;
     filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedRowModel: (table: import('@tanstack/react-table').Table<any, any>, columnId: string) => () => import('@tanstack/react-table').RowModel<any, any>;
     facetedUniqueValues: (table: import('@tanstack/react-table').Table<import('@tanstack/react-table').TableFeatures, any>, columnId: string) => () => Map<any, number>;

package/dist/components/table/table-header.d.ts

@@ -1,2 +1,2 @@
 import { TableHeaderProps } from './table.types';
-export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react").JSX.Element;
+export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react").JSX.Element | null;

package/dist/components/table/table-view-mode-toggle.d.ts

@@ -0,0 +1,2 @@
+import { TableViewModeToggleProps } from './table.types';
+export declare const TableViewModeToggle: ({ className, children, ref, ...props }: TableViewModeToggleProps) => import("react").JSX.Element;

package/dist/components/table/table.types.d.ts

@@ -5,7 +5,8 @@ import { Button } from '../button';
 import { Checkbox } from '../checkbox';
 import { inputVariants } from '../input/input.types';
 import { features } from './table-context';
-import { Column, RowData } from '@tanstack/react-table';
+import { Table_ViewMode, TableOptions_ViewMode, TableState_ViewMode } from './table.utils';
+import { Column, RowData, TableFeature, TableFeatures } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
 export type TableFirstPageProps = React.ComponentProps<typeof Button>;
 export type TableFooterProps = React.ComponentProps<'tfoot'>;
@@ -39,6 +40,9 @@ export type TableContainerProps = React.ComponentProps<'div'>;
 export type TableToolbarProps = React.ComponentProps<'div'> & {
     sticky?: boolean;
 };
+export type TableViewModeToggleProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
+    children: (isGridView: boolean) => React.ReactNode;
+};
 export type TableFilterMenuProps = React.ComponentProps<'button'>;
 export type TableFilterListProps = React.ComponentProps<'ul'>;
 export type TableDateFilterFormProps<TData extends RowData> = React.ComponentProps<'form'> & {
@@ -101,11 +105,11 @@ export declare const defaultFilterOperatorLabels: {
     lessThan: string;
     between: string;
 };
+export type ViewMode = 'list' | 'grid';
 export interface TableColumnMeta {
     filterVariant?: 'range' | 'select' | 'date' | 'string' | 'number';
 }
 export interface TableMeta {
-    viewMode?: 'table' | 'grid';
     translations?: {
         filterOperatorLabels?: Partial<Record<FilterOperator, string>>;
         buttonLabels?: {
@@ -149,3 +153,17 @@ export declare const numberFilterSchema: z.ZodObject<{
     filterValueFrom: z.ZodString;
     filterValueTo: z.ZodString;
 }, z.core.$strip>;
+declare module '@tanstack/react-table' {
+    interface Plugins {
+        viewModePlugin: TableFeature;
+    }
+    interface TableState_FeatureMap {
+        viewModePlugin: TableState_ViewMode;
+    }
+    interface TableOptions_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {
+        viewModePlugin: TableOptions_ViewMode;
+    }
+    interface Table_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {
+        viewModePlugin: Table_ViewMode;
+    }
+}

package/dist/components/table/table.utils.d.ts

@@ -1,4 +1,5 @@
-import { DateFilterOperator, NumberFilterOperator, StringFilterOperator } from './table.types';
+import { OnChangeFn, TableFeature, Updater } from '@tanstack/react-table';
+import { DateFilterOperator, NumberFilterOperator, StringFilterOperator, ViewMode } from './table.types';
 export type DateFilterValue = {
     operator: DateFilterOperator;
     date: [string, string];
@@ -15,3 +16,15 @@ export declare const selectFilterFn: import('@tanstack/react-table').CreatedFilt
 export declare const dateFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
 export declare const stringFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
 export declare const numberFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+export interface TableState_ViewMode {
+    viewMode: ViewMode;
+}
+export interface TableOptions_ViewMode {
+    enableViewModeToggle?: boolean;
+    onViewModeChange?: OnChangeFn<ViewMode>;
+}
+export interface Table_ViewMode {
+    setViewMode: (updater: Updater<ViewMode>) => void;
+    toggleViewMode: (value?: ViewMode) => void;
+}
+export declare const viewModePlugin: TableFeature;