@marktiderman/genesis-ui 2.8.0 → 2.10.0

package/dist/components/layout/index.d.ts

@@ -1,5 +1,6 @@
-export { A as AppShell, a as AppShellOptions, b as AppShellProps, N as NavItem, P as PageHeader, c as PageHeaderOptions, d as PageHeaderProps, e as ParentNavigation } from '../../AppShell-LXQykEqe.js';
+export { A as AppShell, a as AppShellOptions, b as AppShellProps, N as NavItem, P as ParentNavigation } from '../../AppShell-BVr4V0UK.js';
 export { G as GenesisLinkProps, L as LinkComponent, N as NavigationNode, R as ResolvedNavigation, r as resolveNavigation } from '../../navigation-Bha0R3Fu.js';
+export { P as PageHeader, a as PageHeaderOptions, b as PageHeaderProps } from '../../PageHeader-V9lVkZtF.js';
 export { DetailPage, DetailPageProps } from './detail-page.js';
 export { FormPage, FormPageProps } from './form-page.js';
 export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps, g as gridVariants } from '../../dashboard-page-C0TihRl5.js';

package/dist/components/layout/index.js

@@ -1,19 +1,19 @@
 export { AppShell, PageHeader } from '../../chunk-UYI3GLFJ.js';
 import '../../chunk-46TZGMFW.js';
 export { Container, Stack, containerVariants, stackVariants } from '../../chunk-4CQHPWJD.js';
-export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
-export { FormPage } from '../../chunk-MPI33I4K.js';
-import '../../chunk-OZZTPE7F.js';
-export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MFQXZ.js';
 import '../../chunk-B2GIBUQD.js';
 import '../../chunk-NPNADZHM.js';
-export { DetailPage } from '../../chunk-AFZ76Q26.js';
-export { Split, splitVariants } from '../../chunk-D2LIXA2Y.js';
-export { GAP_CLASSES, spaceScale } from '../../chunk-AVFZ4P4B.js';
 import '../../chunk-FK42ZGGV.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-27ELYTGE.js';
 import '../../chunk-22XB3Q6H.js';
+export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
+export { DetailPage } from '../../chunk-AFZ76Q26.js';
+export { FormPage } from '../../chunk-MPI33I4K.js';
+import '../../chunk-OZZTPE7F.js';
+export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MFQXZ.js';
+export { Split, splitVariants } from '../../chunk-D2LIXA2Y.js';
+export { GAP_CLASSES, spaceScale } from '../../chunk-AVFZ4P4B.js';
 import '../../chunk-NWSCYLPT.js';
 import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';

package/dist/components/patterns/index.js

@@ -1,5 +1,5 @@
 export { ViewSettings, ViewToggle } from '../../chunk-46TZGMFW.js';
-export { SortableList } from '../../chunk-S7NXD37O.js';
+export { SortableList } from '../../chunk-25XEXYGC.js';
 export { StatusBadge, statusBadgeVariants } from '../../chunk-XMK3T4TA.js';
 export { ToggleRow } from '../../chunk-6M4NHHKG.js';
 export { SettingsRow } from '../../chunk-A7AHVDG7.js';
@@ -7,6 +7,7 @@ export { UserAvatar, userAvatarVariants } from '../../chunk-XBX6QMR5.js';
 import '../../chunk-LNFF2RBD.js';
 export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
 import '../../chunk-OVU3Z2MT.js';
+import '../../chunk-I4NBE2KL.js';
 import '../../chunk-FK42ZGGV.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-27ELYTGE.js';

package/dist/components/patterns/sortable-list.js

@@ -1,4 +1,5 @@
-export { SortableList } from '../../chunk-S7NXD37O.js';
+export { SortableList } from '../../chunk-25XEXYGC.js';
+import '../../chunk-I4NBE2KL.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=sortable-list.js.map

package/dist/hooks/index.d.ts

@@ -6,9 +6,16 @@ export { ResponsiveViewMode, ViewModeDefault, useViewPreference } from './use-vi
 export { Density, ViewSettings, useViewSettings } from './use-view-settings.js';
 export { UseSavedViewsReturn, useSavedViews } from './use-saved-views.js';
 export { RouteMap, createPrefetch } from './use-prefetch.js';
-export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, u as useResourcePage } from '../use-resource-page-D4byuwAs.js';
+export { R as ResourceTableState, u as useResourceTable } from '../use-resource-table-DCVf_lEG.js';
+export { ResourceUrlParams, ResourceUrlState, ResourceUrlStateOptions, useResourceUrlState } from './use-resource-url-state.js';
+export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, u as useResourcePage } from '../use-resource-page-DaJzuq3M.js';
 export { CommandPalette, CommandPaletteItem, CommandPaletteProps, useCommandPaletteHotkey } from '../components/ui/command-palette.js';
 import '../navigation-Bha0R3Fu.js';
 import 'react';
 import '../view-toggle-CahQ87PW.js';
+import 'lucide-react';
+import 'react-hook-form';
+import '../PageHeader-V9lVkZtF.js';
+import '@marktiderman/genesis-core';
+import '../slots-tR0wf89f.js';
 import '@marktiderman/genesis-core/provider';

package/dist/hooks/index.js

@@ -1,7 +1,10 @@
-export { useResourcePage } from '../chunk-DWCAC2E7.js';
+export { useResourceTable } from '../chunk-C7PQ54JI.js';
+export { useResourcePage } from '../chunk-RKPS7ERS.js';
+export { useResourceUrlState } from '../chunk-DIV4BYXX.js';
 export { useSavedViews } from '../chunk-GCQFVMPI.js';
 export { useViewPreference } from '../chunk-PKFDGGZV.js';
 export { useViewSettings } from '../chunk-OZ7ZAYCS.js';
+import '../chunk-4RAZJ6LL.js';
 export { CommandPalette, useCommandPaletteHotkey } from '../chunk-CNTWQSUT.js';
 import '../chunk-SEFK4NZV.js';
 import '../chunk-7XMZVISM.js';

package/dist/hooks/use-resource-page.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, t as titleCase, u as useResourcePage } from '../use-resource-page-D4byuwAs.js';
+export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, t as titleCase, u as useResourcePage } from '../use-resource-page-DaJzuq3M.js';
 import '../view-toggle-CahQ87PW.js';
 import '@marktiderman/genesis-core/provider';
 import './use-view-preference.js';

package/dist/hooks/use-resource-page.js

@@ -1,4 +1,4 @@
-export { titleCase, useResourcePage } from '../chunk-DWCAC2E7.js';
+export { titleCase, useResourcePage } from '../chunk-RKPS7ERS.js';
 import '../chunk-PKFDGGZV.js';
 import '../chunk-VFO3I7PV.js';
 //# sourceMappingURL=use-resource-page.js.map

package/dist/hooks/use-resource-url-state.d.ts

@@ -0,0 +1,68 @@
+import { S as SearchParamsAdapter } from '../navigation-Bha0R3Fu.js';
+import { SortParam } from '@marktiderman/genesis-core/provider';
+import 'react';
+
+/**
+ * The query-string names a list keeps its state under. Rename one when two
+ * lists share a page, or when `id` already means something in your routes.
+ *
+ * @stability Beta
+ */
+interface ResourceUrlParams {
+    /** The open record's key. Default `"id"`. */
+    detail?: string;
+    /** The page number (from 1). Default `"page"`. */
+    page?: string;
+    /** `field:asc` or `field:desc`. Default `"sort"`. */
+    sort?: string;
+    /** The search text. Default `"q"`. */
+    q?: string;
+}
+/**
+ * Where a list's state lives in the URL: the router's search params, plus
+ * optional names for each value.
+ *
+ * @stability Beta
+ */
+interface ResourceUrlStateOptions {
+    searchParams: SearchParamsAdapter;
+    params?: ResourceUrlParams;
+}
+/** @stability Beta */
+interface ResourceUrlState {
+    /** The open record's key, or null when no record is open. */
+    detailId: string | null;
+    /** Open a record (a new history entry, so Back closes it) or close it (null; replaces). */
+    setDetailId: (id: string | null) => void;
+    /** The page from the URL, or null when absent or not a positive integer. */
+    page: number | null;
+    /** The sort from the URL, or null. */
+    sort: SortParam | null;
+    /** The search text from the URL ("" when absent). */
+    q: string;
+    /**
+     * Write page, sort and search. Replaces the history entry (typing a search
+     * shouldn't fill Back with every keystroke). A default value (page 1, no
+     * sort, empty search) is dropped from the URL; `undefined` leaves a value as is.
+     */
+    write: (next: {
+        page?: number | null;
+        sort?: SortParam | null;
+        q?: string;
+    }) => void;
+}
+/**
+ * A list's peek, page, sort and search, kept in the URL through any
+ * {@link SearchParamsAdapter} (the browser's, React Router's or TanStack
+ * Router's). The URL is the source of truth: a copied link reopens the same
+ * record on the same page, and Back closes a record that was opened.
+ *
+ * `ResourcePage` uses it when given `urlState`; a server-controlled page
+ * that owns its own page/sort/search can call it directly.
+ *
+ * @stability Beta
+ */
+declare function useResourceUrlState(options: ResourceUrlStateOptions): ResourceUrlState;
+declare function useResourceUrlState(options: ResourceUrlStateOptions | undefined): ResourceUrlState | undefined;
+
+export { type ResourceUrlParams, type ResourceUrlState, type ResourceUrlStateOptions, useResourceUrlState };

package/dist/hooks/use-resource-url-state.js

@@ -0,0 +1,3 @@
+export { useResourceUrlState } from '../chunk-DIV4BYXX.js';
+//# sourceMappingURL=use-resource-url-state.js.map
+//# sourceMappingURL=use-resource-url-state.js.map

package/dist/hooks/use-resource-url-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"use-resource-url-state.js"}

package/dist/index.js

@@ -1,9 +1,9 @@
+export { VisuallyHidden } from './chunk-SY62XJFA.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-VXFYETRK.js';
 export { ToggleGroup, ToggleGroupItem } from './chunk-NUXW6NPP.js';
 export { H1, H2, H3, H4, Large, Lead, Muted, P, Small } from './chunk-HVQCZFJ7.js';
-export { VisuallyHidden } from './chunk-SY62XJFA.js';
 export { Slider } from './chunk-PSR47JRA.js';
-export { Toaster, toast } from './chunk-4RAZJ6LL.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-THD3YOOZ.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-IJCT5IJD.js';
 export { PasswordToggleField, PasswordToggleFieldIcon, PasswordToggleFieldInput, PasswordToggleFieldSlot, PasswordToggleFieldToggle } from './chunk-SRIT4NFQ.js';
 export { RadioGroup, RadioGroupItem } from './chunk-ZZ7H7VVX.js';
@@ -13,7 +13,6 @@ export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-P3ZL6FGR.
 export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupSuffix } from './chunk-GJ6XSCNF.js';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './chunk-K23AQNOM.js';
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-AL5TMEZQ.js';
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-THD3YOOZ.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-6TVMQH6M.js';
 export { DatePicker } from './chunk-6XPMU65K.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-JYPENH7T.js';
@@ -25,47 +24,49 @@ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartToolt
 export { AccessibleIcon } from './chunk-JAMLFMDS.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-YWFPMND7.js';
 export { AspectRatio } from './chunk-6Q6CLLJ4.js';
-export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarVariants } from './chunk-YYEGAFUE.js';
-export { Toggle, toggleVariants } from './chunk-C46ITXE4.js';
-export { Tooltip } from './chunk-G5YKBPBF.js';
-export { Kbd } from './chunk-FFSDFQQN.js';
-export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
-export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
-export { FormPage } from './chunk-MPI33I4K.js';
-export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
-export { Section, SettingsPage, sectionHeadingVariants } from './chunk-P64MFQXZ.js';
-export { SortableList } from './chunk-S7NXD37O.js';
+export { SortableList } from './chunk-25XEXYGC.js';
 export { StatusBadge, statusBadgeVariants } from './chunk-XMK3T4TA.js';
 export { ToggleRow } from './chunk-6M4NHHKG.js';
 export { SettingsRow } from './chunk-A7AHVDG7.js';
 export { UserAvatar, userAvatarVariants } from './chunk-XBX6QMR5.js';
 export { Avatar, AvatarFallback, AvatarImage } from './chunk-LNFF2RBD.js';
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarVariants } from './chunk-YYEGAFUE.js';
+export { Toggle, toggleVariants } from './chunk-C46ITXE4.js';
+export { Tooltip } from './chunk-G5YKBPBF.js';
+export { Kbd } from './chunk-FFSDFQQN.js';
 export { renderSlot } from './chunk-7S7LKQBD.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-N2ZFNOOT.js';
 export { Textarea } from './chunk-YETMISCE.js';
 export { Separator } from './chunk-SXSCHWZU.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './chunk-XCGZPFT7.js';
 export { Skeleton } from './chunk-QFM4Z2SS.js';
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-N2ZFNOOT.js';
 export { Progress } from './chunk-W5Y3LG5K.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-FN3FZVUR.js';
 export { Checkbox } from './chunk-SEBU6JCK.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-FN3FZVUR.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-4C4ESW6O.js';
+export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
+export { Spinner } from './chunk-OVU3Z2MT.js';
+import './chunk-I4NBE2KL.js';
 export { Input } from './chunk-QSXVL5UB.js';
+export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-B2GIBUQD.js';
 export { Badge } from './chunk-NPNADZHM.js';
-export { DetailPage } from './chunk-AFZ76Q26.js';
-export { Split, splitVariants } from './chunk-D2LIXA2Y.js';
-export { GAP_CLASSES, spaceScale } from './chunk-AVFZ4P4B.js';
-export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
-export { Spinner } from './chunk-OVU3Z2MT.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from './chunk-FK42ZGGV.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-QJ6P2DW6.js';
 export { Switch } from './chunk-27ELYTGE.js';
 export { Popover, PopoverContent, PopoverTrigger } from './chunk-22XB3Q6H.js';
+export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
+export { DetailPage } from './chunk-AFZ76Q26.js';
+export { FormPage } from './chunk-MPI33I4K.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
+export { Section, SettingsPage, sectionHeadingVariants } from './chunk-P64MFQXZ.js';
+export { Split, splitVariants } from './chunk-D2LIXA2Y.js';
+export { GAP_CLASSES, spaceScale } from './chunk-AVFZ4P4B.js';
 export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './chunk-65SPT7EA.js';
 export { Button } from './chunk-NWSCYLPT.js';
 export { FormDescription, FormError, FormField, FormLabel } from './chunk-R7QFP6EL.js';
 export { Label } from './chunk-F47U5KNW.js';
+export { Toaster, toast } from './chunk-4RAZJ6LL.js';
 export { CommandPalette, useCommandPaletteHotkey } from './chunk-CNTWQSUT.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-SEFK4NZV.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7XMZVISM.js';

package/dist/{use-resource-page-D4byuwAs.d.ts → use-resource-page-DaJzuq3M.d.ts}

@@ -72,8 +72,63 @@ interface DataTableProps<T> {
      * - spacious: taller (py-3)
      */
     density?: Density;
+    /**
+     * Keyboard use of rows when `onRowClick` is set. Each row's open column
+     * (see `openColumn`) is a button named by its content, and the table is
+     * one tab stop: Tab reaches the current row's button, Enter or Space
+     * opens it, ↑/↓ (or j/k) and Home/End move between rows, and x toggles
+     * the row's selection when `selectable`. Default true.
+     */
+    keyboardNavigation?: boolean;
+    /**
+     * The column whose cell opens the row (as a button), by key. Default: the
+     * first visible column that isn't `editable`. A plain-text cell is wrapped
+     * by the button; an `editable` or `render` cell keeps its own content (a
+     * link or input stays usable) with the open button beside it, shown when
+     * focused. `null` makes no cell a button (mouse only).
+     */
+    openColumn?: string | null;
+    /**
+     * Render only the rows in view, for a long table without pagination
+     * (`pagination={false}`). The table scrolls inside a box of `height` px
+     * (default 600). Ignored while paginated.
+     */
+    virtualize?: boolean | {
+        height?: number;
+        estimateRowHeight?: number;
+    };
+    /**
+     * Columns that stay in view when the table scrolls sideways, by key, on
+     * the left and right. `stickyFirstColumn` is shorthand for pinning the
+     * first visible column left.
+     */
+    pinnedColumns?: {
+        left?: string[];
+        right?: string[];
+    };
+    /**
+     * Let users reorder columns: drag a header, or press Alt+←/→ on its sort
+     * button. Default true; the order is kept per device under
+     * `columnOrderKey`, and "Reset to defaults" in the Columns menu restores it.
+     */
+    reorderableColumns?: boolean;
+    /** localStorage key for the user's column order. */
+    columnOrderKey?: string;
+    /**
+     * The header sort, controlled: the first entry is the primary sort, later
+     * ones break ties (Shift-click adds one). Leave it unset and the table
+     * keeps its own sort, starting unsorted.
+     */
+    sort?: readonly DataTableSort[];
+    /** Called with the next header sort whenever a header is clicked. */
+    onSortChange?: (sort: DataTableSort[]) => void;
 }
-declare function DataTable<T>({ items, columns, getKey, onRowClick, selectable, selected, onToggleSelect, onToggleAll, renderActions, emptyMessage, columnVisibility, columnVisibilityKey, resizableColumns, pagination, pageSize: initialPageSize, pageSizeOptions, stickyHeader, resizeKey, stickyFirstColumn, density, }: DataTableProps<T>): React.JSX.Element;
+/** One column of a `DataTable` header sort. */
+interface DataTableSort {
+    key: string;
+    dir: "asc" | "desc";
+}
+declare function DataTable<T>({ items, columns, getKey, onRowClick, selectable, selected, onToggleSelect, onToggleAll, renderActions, emptyMessage, columnVisibility, columnVisibilityKey, resizableColumns, pagination, pageSize: initialPageSize, pageSizeOptions, stickyHeader, resizeKey, stickyFirstColumn, density, keyboardNavigation, openColumn, virtualize, pinnedColumns, reorderableColumns, columnOrderKey, sort: sortProp, onSortChange, }: DataTableProps<T>): React.JSX.Element;
 declare function ThumbnailCell({ src, alt, }: {
     src?: string | null;
     alt: string;
@@ -136,6 +191,12 @@ interface UseResourcePageProps<T> {
      * a table on desktops); only an explicit pick is persisted.
      */
     defaultView?: ViewModeDefault;
+    /**
+     * Where the table/cards/list choice is remembered. Default: `resource`,
+     * else one key shared by every keyless page — so pages without a
+     * `resource` (rows passed in) should each set their own.
+     */
+    viewKey?: string;
     /** Detail interaction mode. */
     detail?: "panel" | "modal" | "route" | "none";
     /** Field used for the detail title. Defaults to first column key. */
@@ -207,4 +268,4 @@ interface UseResourcePageReturn<T> {
 declare function titleCase(str: string): string;
 declare function useResourcePage<T = Record<string, unknown>>(props: UseResourcePageProps<T>): UseResourcePageReturn<T>;
 
-export { DataTable as D, LinkCell as L, type ResourceActions as R, ThumbnailCell as T, type UseResourcePageProps as U, type ResourceColumnDef as a, type UseResourcePageReturn as b, type DataTableColumn as c, type DataTableProps as d, titleCase as t, useResourcePage as u };
+export { DataTable as D, LinkCell as L, type ResourceActions as R, ThumbnailCell as T, type UseResourcePageProps as U, type ResourceColumnDef as a, type UseResourcePageReturn as b, type DataTableColumn as c, type DataTableSort as d, type DataTableProps as e, titleCase as t, useResourcePage as u };