@marktiderman/genesis-ui 1.2.0 → 2.0.0

package/dist/dashboard-page-C0TihRl5.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const gridVariants: (props?: ({
+    cols?: 1 | 2 | 4 | 3 | 5 | 6 | null | undefined;
+    gap?: "sm" | "lg" | "none" | "xs" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
+    align?: "center" | "end" | "start" | "stretch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * Grid — two-dimensional flow for card and tile collections.
+ *
+ * `cols` is the count at the widest breakpoint; the class it emits is a
+ * responsive ramp, so a card grid reflows on its own without the consumer
+ * writing a single breakpoint.
+ *
+ * ```tsx
+ * <Grid cols={3} gap="lg">
+ *   {people.map((p) => <PersonCard key={p.id} person={p} />)}
+ * </Grid>
+ *
+ * <Grid cols={4} gap="sm" align="start">
+ *   {stats.map((s) => <StatCard key={s.id} {...s} />)}
+ * </Grid>
+ * ```
+ *
+ * Deliberately NOT here: `grid-template-areas`, explicit row/column
+ * placement, and per-child spans. A component that positions a *named*
+ * child has stopped positioning things without knowing what they are, and
+ * a grid whose children each carry placement props is a CSS file wearing a
+ * React costume — reach for `className` at that point.
+ *
+ * @stability Beta
+ */
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DashboardPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Page title. Rendered as the page's single `<h1>`. */
+    title: React.ReactNode;
+    /** Supporting line under the title — a date range, a scope, a filter. */
+    subtitle?: React.ReactNode;
+    /** Trailing controls — a period picker, an export, a refresh. */
+    actions?: React.ReactNode;
+    /**
+     * The stat row: `StatCard`s, or anything tile-shaped. Laid out in a `Grid`
+     * that ramps down to one column on a phone. Omit it and no grid renders.
+     */
+    stats?: React.ReactNode;
+    /**
+     * Tiles across the stat row at the widest breakpoint. Default `4`.
+     * Reuses `Grid`'s `cols` scale, so the responsive ramp is the same one
+     * every other card grid in the app gets.
+     */
+    statColumns?: NonNullable<GridProps["cols"]>;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * DashboardPage — a stat row over a flexible region of charts, tables and
+ * sections.
+ *
+ * ```tsx
+ * <DashboardPage
+ *   title="This quarter"
+ *   subtitle="1 Apr – 30 Jun"
+ *   actions={<DatePicker … />}
+ *   stats={
+ *     <>
+ *       <StatCard label="Active clients" value={42} />
+ *       <StatCard label="Sessions" value={318} trend={{ value: 12, label: "vs Q1" }} />
+ *     </>
+ *   }
+ * >
+ *   <Section title="Revenue"><ChartContainer …/></Section>
+ *   <Section title="At risk"><DataTable …/></Section>
+ * </DashboardPage>
+ * ```
+ *
+ * The two regions are separated on purpose. Stats are a fixed-shape row that
+ * must reflow as a unit; everything below is free-form and stacks. Folding
+ * both into one `children` is how the stat row ends up hand-gridded per page,
+ * with a different breakpoint each time — the exact drift `Grid` exists to
+ * stop.
+ *
+ * Children stack at `gap-8`, wider than the page's own `gap-6`, so a chart
+ * and the table under it don't read as one block.
+ *
+ * The header row is markup, not a component, and deliberately not
+ * `PageHeader` — see `./detail-page` for the measured reasons composing it
+ * was rejected across all four templates. Width is left to `Container` —
+ * wrap, don't duplicate.
+ *
+ * This is a **layout**: it positions tiles and regions and never fetches a
+ * metric. There is deliberately no data-bound twin — binding a dashboard
+ * needs an aggregate/metric contract, and `genesis-core` ships none. Adding
+ * a template ahead of its contract is what `docs/FRAMEWORK.md` warns against
+ * in "Why templates need the contract first".
+ *
+ * @stability Beta
+ */
+declare const DashboardPage: React.ForwardRefExoticComponent<DashboardPageProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DashboardPage as D, Grid as G, type DashboardPageProps as a, type GridProps as b, gridVariants as g };

package/dist/hooks/index.d.ts

@@ -4,10 +4,12 @@ export { KeyboardNavOptions, KeyboardNavResult, useKeyboardNavigation } from './
 export { useIsMobile } from './use-mobile.js';
 export { useViewPreference } from './use-view-preference.js';
 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-B-CFcikK.js';
-import '../navigation-qI86Ldug.js';
+export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, u as useResourcePage } from '../use-resource-page-CPs6wjKt.js';
+export { CommandPalette, CommandPaletteItem, CommandPaletteProps, useCommandPaletteHotkey } from '../components/ui/command-palette.js';
+import '../navigation-CpOEyUSb.js';
 import 'react';
-import '../ViewToggle-DDe_Luj2.js';
+import '../view-toggle-DDe_Luj2.js';
 import 'react/jsx-runtime';
 import '@marktiderman/genesis-core/provider';

package/dist/hooks/index.js

@@ -1,9 +1,14 @@
+export { useResourcePage } from '../chunk-Q4I4SFBD.js';
+export { useSavedViews } from '../chunk-GCQFVMPI.js';
+export { useViewPreference } from '../chunk-FTTNGGLA.js';
 export { useViewSettings } from '../chunk-OZ7ZAYCS.js';
-export { useResourcePage } from '../chunk-QLCDAFS7.js';
-export { useViewPreference } from '../chunk-XISSLIMH.js';
-export { useDataFilters } from '../chunk-FCGFG4RV.js';
-import '../chunk-AI6CCNWK.js';
-export { useKeyboardNavigation } from '../chunk-T465NJRL.js';
+export { CommandPalette, useCommandPaletteHotkey } from '../chunk-CNTWQSUT.js';
+import '../chunk-SEFK4NZV.js';
+import '../chunk-7XMZVISM.js';
+import '../chunk-NZ5WBA4R.js';
+export { useDataFilters } from '../chunk-D4JTQYP5.js';
+import '../chunk-6NPEMLBA.js';
+export { useKeyboardNavigation } from '../chunk-YJ6MPS6U.js';
 export { useIsMobile } from '../chunk-M7AU5DDM.js';
 export { createPrefetch } from '../chunk-HSHIZHYR.js';
 export { useOne, useResource, useResourceForm, useWizard } from '@marktiderman/genesis-core/hooks';

package/dist/hooks/use-data-filters.d.ts

@@ -1,4 +1,4 @@
-import { S as SearchParamsAdapter } from '../navigation-qI86Ldug.js';
+import { S as SearchParamsAdapter } from '../navigation-CpOEyUSb.js';
 import 'react';
 
 type FilterType = "string" | "multi";

package/dist/hooks/use-data-filters.js

@@ -1,4 +1,4 @@
-export { useDataFilters } from '../chunk-FCGFG4RV.js';
-import '../chunk-AI6CCNWK.js';
+export { useDataFilters } from '../chunk-D4JTQYP5.js';
+import '../chunk-6NPEMLBA.js';
 //# sourceMappingURL=use-data-filters.js.map
 //# sourceMappingURL=use-data-filters.js.map

package/dist/hooks/use-keyboard-navigation.d.ts

@@ -1,5 +1,26 @@
 import * as React from 'react';
 
+/**
+ * Vim/Superhuman-style list navigation: j/k (or Arrow Up/Down) move a
+ * focused-item cursor *one row at a time*, Enter opens the focused item, x
+ * toggles its selection, and Backspace goes "back" (e.g. closes an open
+ * detail view). In a multi-column grid the vertical keys step by the
+ * container's live column count and Arrow Left/Right step by one, so the
+ * cursor follows the grid the user can see rather than treating it as a flat
+ * list. Intended for list/grid views such as `DataGrid` — attach
+ * `containerRef` to the scrollable item container so the column count can be
+ * measured and focus changes can scroll the focused item into view.
+ *
+ * Deliberately inert, so a default-on consumer can't break the surrounding
+ * app: modified chords (Ctrl/Meta/Alt) are never captured, text-entry
+ * surfaces keep every key, focused controls (or anything inside a
+ * dialog/menu/listbox) keep theirs, composite widgets keep Backspace, and a
+ * key that *does nothing* is never swallowed — Arrow Up/Down fall through to
+ * the browser's page scrolling on an empty list, or at either end of a full
+ * one, instead of dying silently.
+ *
+ * @stability Beta
+ */
 interface KeyboardNavOptions {
     /** Total number of navigable items */
     itemCount: number;
@@ -7,13 +28,47 @@ interface KeyboardNavOptions {
     onOpen?: (index: number) => void;
     /** Called when x is pressed on focused item */
     onToggleSelect?: (index: number) => void;
+    /**
+     * Called when Backspace (⌫) is pressed — the conventional "go back" key,
+     * e.g. to close an open detail panel/modal and return to the list. Fires
+     * regardless of whether an item is currently focused (mirrors Escape),
+     * since "go back" should still work if a detail view was opened by mouse
+     * click rather than keyboard navigation. Not gated behind `focusedIndex`.
+     *
+     * Backspace is only intercepted (and its default suppressed) while this
+     * is supplied — pass it conditionally, i.e. only while there is something
+     * to go back from, so the key stays available to the browser and the
+     * surrounding app the rest of the time. Even then it is left alone for
+     * text-entry surfaces and for composite widgets that use Backspace
+     * themselves (see `KEEPS_BACKSPACE_SELECTOR`).
+     */
+    onBack?: (focusedIndex: number) => void;
     /** Ref to the search input to focus on "/" */
     searchInputRef?: React.RefObject<HTMLInputElement | null>;
     /** Whether navigation is enabled. Default true */
     enabled?: boolean;
-    /** Number of columns in grid for arrow key navigation */
+    /**
+     * Columns in the navigable grid. Drives the vertical stride: Arrow
+     * Down/Up (and j/k) move by `columns`, Arrow Left/Right by one — so in a
+     * 3-up grid ArrowDown moves *down* a row instead of one card to the right.
+     *
+     * Leave unset (the default) to measure the live count off `containerRef`'s
+     * resolved `grid-template-columns` on each keypress, which is the only
+     * value that stays correct across a responsive column ramp. Pass a number
+     * only to override that measurement. Either way a single-column container
+     * behaves exactly as a flat list: stride 1, Left/Right inert.
+     */
     columns?: number;
+    /**
+     * An overlay (detail panel, modal, form) is open above the list. Cursor
+     * movement and activation keys are suspended so they can't drive the list
+     * hidden behind it, while the dismissal keys (`onBack`/Backspace, Escape)
+     * stay live so the overlay can still be closed from the keyboard.
+     * Default false.
+     */
+    overlayOpen?: boolean;
 }
+/** @stability Beta */
 interface KeyboardNavResult {
     /** Currently focused item index (-1 = none) */
     focusedIndex: number;
@@ -24,6 +79,7 @@ interface KeyboardNavResult {
     /** Whether keyboard nav is actively engaged (user has pressed j/k) */
     isActive: boolean;
 }
-declare function useKeyboardNavigation({ itemCount, onOpen, onToggleSelect, searchInputRef, enabled, columns, }: KeyboardNavOptions): KeyboardNavResult;
+/** @stability Beta */
+declare function useKeyboardNavigation({ itemCount, onOpen, onToggleSelect, onBack, searchInputRef, enabled, columns, overlayOpen, }: KeyboardNavOptions): KeyboardNavResult;
 
 export { type KeyboardNavOptions, type KeyboardNavResult, useKeyboardNavigation };

package/dist/hooks/use-keyboard-navigation.js

@@ -1,3 +1,3 @@
-export { useKeyboardNavigation } from '../chunk-T465NJRL.js';
+export { useKeyboardNavigation } from '../chunk-YJ6MPS6U.js';
 //# sourceMappingURL=use-keyboard-navigation.js.map
 //# sourceMappingURL=use-keyboard-navigation.js.map

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

@@ -1,5 +1,6 @@
 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-B-CFcikK.js';
-import '../ViewToggle-DDe_Luj2.js';
+export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, t as titleCase, u as useResourcePage } from '../use-resource-page-CPs6wjKt.js';
+import '../view-toggle-DDe_Luj2.js';
 import '@marktiderman/genesis-core/provider';
 import 'react/jsx-runtime';
+import './use-view-settings.js';

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

@@ -1,4 +1,4 @@
-export { titleCase, useResourcePage } from '../chunk-QLCDAFS7.js';
-import '../chunk-XISSLIMH.js';
+export { titleCase, useResourcePage } from '../chunk-Q4I4SFBD.js';
+import '../chunk-FTTNGGLA.js';
 //# sourceMappingURL=use-resource-page.js.map
 //# sourceMappingURL=use-resource-page.js.map

package/dist/hooks/use-saved-views.d.ts

@@ -0,0 +1,28 @@
+/** Same shape as `DataFilters` `savedViews` items — kept local to avoid cycles. */
+interface SavedViewItem {
+    id: string;
+    name: string;
+    filters: Record<string, unknown>;
+}
+interface UseSavedViewsReturn {
+    savedViews: SavedViewItem[];
+    saveView: (name: string, filters: Record<string, unknown>) => void;
+    deleteView: (id: string) => void;
+    loadViewFilters: (id: string) => Record<string, unknown> | null;
+}
+/**
+ * Persist `DataFilters` saved-view shape in localStorage.
+ *
+ * @example
+ * const { savedViews, saveView, deleteView } = useSavedViews("genesis-map-views");
+ * <DataFilters
+ *   savedViews={savedViews}
+ *   canSaveViews
+ *   onSaveView={(name) => saveView(name, currentFilters)}
+ *   onLoadView={(filters) => applyFilters(filters)}
+ *   onDeleteView={deleteView}
+ * />
+ */
+declare function useSavedViews(storageKey: string): UseSavedViewsReturn;
+
+export { type SavedViewItem, type UseSavedViewsReturn, useSavedViews };

package/dist/hooks/use-saved-views.js

@@ -0,0 +1,3 @@
+export { useSavedViews } from '../chunk-GCQFVMPI.js';
+//# sourceMappingURL=use-saved-views.js.map
+//# sourceMappingURL=use-saved-views.js.map

package/dist/hooks/use-saved-views.js.map

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

package/dist/hooks/use-view-preference.d.ts

@@ -1,4 +1,4 @@
-import { V as ViewMode } from '../ViewToggle-DDe_Luj2.js';
+import { V as ViewMode } from '../view-toggle-DDe_Luj2.js';
 import 'react/jsx-runtime';
 
 declare function useViewPreference(key: string, defaultMode?: ViewMode): [ViewMode, (mode: ViewMode) => void];

package/dist/hooks/use-view-preference.js

@@ -1,3 +1,3 @@
-export { useViewPreference } from '../chunk-XISSLIMH.js';
+export { useViewPreference } from '../chunk-FTTNGGLA.js';
 //# sourceMappingURL=use-view-preference.js.map
 //# sourceMappingURL=use-view-preference.js.map

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export { Button, ButtonProps } from './components/ui/button.js';
+export { Button, ButtonAsChildProps, ButtonProps } from './components/ui/button.js';
 export { Badge, BadgeProps } from './components/ui/badge.js';
+export { StatusBadge, StatusBadgeProps, StatusBadgeStatus, statusBadgeVariants } from './components/patterns/status-badge.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/ui/card.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/dialog.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/ui/alert-dialog.js';
@@ -11,16 +12,19 @@ export { Progress } from './components/ui/progress.js';
 export { Skeleton } from './components/ui/skeleton.js';
 export { Separator } from './components/ui/separator.js';
 export { ScrollArea } from './components/ui/scroll-area.js';
-export { Tooltip } from './components/ui/tooltip.js';
+export { Tooltip, TooltipProps } from './components/ui/tooltip.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/ui/collapsible.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/dropdown-menu.js';
 export { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/ui/table.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './components/ui/command.js';
-export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './components/ui/empty-state.js';
+export { CommandPalette, CommandPaletteItem, CommandPaletteProps, useCommandPaletteHotkey } from './components/ui/command-palette.js';
+export { EmptyState, EmptyStateProps, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './components/patterns/empty-state.js';
 export { Label } from './components/ui/label.js';
 export { Textarea } from './components/ui/textarea.js';
 export { Switch } from './components/ui/switch.js';
+export { SettingsRow, SettingsRowProps } from './components/patterns/settings-row.js';
+export { ToggleRow, ToggleRowProps } from './components/patterns/toggle-row.js';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './components/ui/alert.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/ui/pagination.js';
@@ -29,6 +33,7 @@ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/drawer.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/ui/accordion.js';
 export { Avatar, AvatarFallback, AvatarImage } from './components/ui/avatar.js';
+export { UserAvatar, UserAvatarProps, userAvatarVariants } from './components/patterns/user-avatar.js';
 export { Slider } from './components/ui/slider.js';
 export { Toggle, toggleVariants } from './components/ui/toggle.js';
 export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group.js';
@@ -42,6 +47,7 @@ export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, Car
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/ui/resizable.js';
 export { Toaster } from './components/ui/sonner.js';
 export { Spinner, SpinnerProps } from './components/ui/spinner.js';
+export { PageLoading, PageLoadingProps, pageLoadingVariants } from './components/patterns/page-loading.js';
 export { Kbd, KbdProps } from './components/ui/kbd.js';
 export { H1, H2, H3, H4, Large, Lead, Muted, P, Small } from './components/ui/typography.js';
 export { ButtonGroup, ButtonGroupProps } from './components/ui/button-group.js';
@@ -49,36 +55,29 @@ export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupProps, InputGr
 export { Calendar, CalendarDayButton } from './components/ui/calendar.js';
 export { DatePicker, DatePickerProps } from './components/ui/date-picker.js';
 export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/ui/chart.js';
-export { FormDescription, FormError, FormField, FormLabel } from './components/ui/form-field.js';
+export { FormDescription, FormError, FormField, FormLabel } from './components/patterns/form-field.js';
+export { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarLink, ToolbarLinkProps, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps, ToolbarToggleGroup, ToolbarToggleItem, ToolbarToggleItemProps, toolbarVariants } from './components/ui/toolbar.js';
+export { VisuallyHidden, VisuallyHiddenProps } from './components/ui/visually-hidden.js';
+export { AccessibleIcon, AccessibleIconProps } from './components/ui/accessible-icon.js';
+export { PasswordToggleField, PasswordToggleFieldIcon, PasswordToggleFieldIconProps, PasswordToggleFieldInput, PasswordToggleFieldInputProps, PasswordToggleFieldProps, PasswordToggleFieldSlot, PasswordToggleFieldSlotProps, PasswordToggleFieldToggle, PasswordToggleFieldToggleProps } from './components/ui/password-toggle-field.js';
+export { C as Container, a as ContainerProps, G as GAP_CLASSES, S as Section, b as SectionProps, c as SpaceToken, d as Stack, e as StackProps, f as containerVariants, s as sectionHeadingVariants, g as spaceScale, h as stackVariants } from './spacing-BS6qECD4.js';
+export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps, g as gridVariants } from './dashboard-page-C0TihRl5.js';
+export { S as Split, a as SplitBreakpoint, b as SplitProps, c as SplitRatio, s as splitVariants } from './split-Dk9f4Mi0.js';
+export { DetailPage, DetailPageProps } from './components/layout/detail-page.js';
+export { FormPage, FormPageProps } from './components/layout/form-page.js';
+export { SettingsPage, SettingsPageProps, SettingsPageSection } from './components/layout/settings-page.js';
 export { cn } from './utils.js';
-export { D as DefaultLink, G as GenesisLinkProps, L as LinkComponent, N as NavigateFn, S as SearchParamsAdapter, d as defaultNavigate, i as isPathActive, u as useBrowserSearchParams } from './navigation-qI86Ldug.js';
+export { D as DefaultLink, G as GenesisLinkProps, L as LinkComponent, N as NavigateFn, S as SearchParamsAdapter, d as defaultNavigate, i as isPathActive, u as useBrowserSearchParams } from './navigation-CpOEyUSb.js';
 export { toast } from 'sonner';
-import 'react/jsx-runtime';
 import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-alert-dialog';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-select';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-popover';
+import 'react/jsx-runtime';
+import '@marktiderman/genesis-design-system/tokens';
+import 'radix-ui';
 import 'lucide-react';
-import '@radix-ui/react-label';
-import '@radix-ui/react-switch';
-import '@radix-ui/react-radio-group';
 import 'vaul';
-import '@radix-ui/react-accordion';
-import '@radix-ui/react-avatar';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-toggle';
-import '@radix-ui/react-toggle-group';
-import '@radix-ui/react-context-menu';
-import '@radix-ui/react-hover-card';
-import '@radix-ui/react-navigation-menu';
-import '@radix-ui/react-menubar';
-import '@radix-ui/react-aspect-ratio';
+import '@radix-ui/react-dialog';
 import 'input-otp';
 import 'embla-carousel-react';
 import 'react-resizable-panels';

package/dist/index.js

@@ -1,56 +1,73 @@
 export { H1, H2, H3, H4, Large, Lead, Muted, P, Small } from './chunk-HVQCZFJ7.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-JJ4NOMMI.js';
-export { ToggleGroup, ToggleGroupItem } from './chunk-5Q4FABZQ.js';
-export { Toggle, toggleVariants } from './chunk-JXI2MYL3.js';
-export { Tooltip } from './chunk-EI5EGKHL.js';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-TAP3PBQT.js';
-export { ScrollArea } from './chunk-OCTV3S4I.js';
-export { Slider } from './chunk-LRXDZBV2.js';
+export { VisuallyHidden } from './chunk-SY62XJFA.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-VXFYETRK.js';
+export { ToggleGroup, ToggleGroupItem } from './chunk-NUXW6NPP.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 { ScrollArea } from './chunk-6KHY647C.js';
+export { Slider } from './chunk-PSR47JRA.js';
 export { Toaster, toast } from './chunk-4RAZJ6LL.js';
-export { Kbd } from './chunk-FFSDFQQN.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-4V4H2ZM7.js';
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-SVXDWPLO.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-LDPPIBIJ.js';
-export { RadioGroup, RadioGroupItem } from './chunk-TKA4LOMT.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 { 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';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-TAP3PBQT.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-JYPENH7T.js';
-export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './chunk-ZDAT5JDH.js';
-export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-63FW5ZUA.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-P3ZL6FGR.js';
 export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupSuffix } from './chunk-GJ6XSCNF.js';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './chunk-K23AQNOM.js';
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-O4B5ALO7.js';
+export { Kbd } from './chunk-FFSDFQQN.js';
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './chunk-QCJAASJT.js';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-KBS4BHME.js';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-UGHQFQOE.js';
-export { DatePicker } from './chunk-UKSBLFEK.js';
-export { AspectRatio } from './chunk-WALXVR6V.js';
-export { Avatar, AvatarFallback, AvatarImage } from './chunk-C6H7AMO4.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 { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './chunk-2MQKBZBJ.js';
 export { ButtonGroup } from './chunk-K4YLKVMX.js';
-export { Calendar, CalendarDayButton } from './chunk-DGRHPJ3M.js';
-export { Spinner } from './chunk-OVU3Z2MT.js';
-export { Switch } from './chunk-2MXMWBDV.js';
+export { Calendar, CalendarDayButton } from './chunk-J6FBA7PH.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-AOZGQM6W.js';
+export { AccessibleIcon } from './chunk-JAMLFMDS.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-YWFPMND7.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-M62CHO3N.js';
+export { AspectRatio } from './chunk-6Q6CLLJ4.js';
+export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
+export { FormPage } from './chunk-PLIYF6KI.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
+export { Section, SettingsPage, sectionHeadingVariants } from './chunk-P64MFQXZ.js';
+export { StatusBadge, statusBadgeVariants } from './chunk-XMK3T4TA.js';
+export { ToggleRow } from './chunk-6M4NHHKG.js';
+export { UserAvatar, userAvatarVariants } from './chunk-XBX6QMR5.js';
+export { Avatar, AvatarFallback, AvatarImage } from './chunk-LNFF2RBD.js';
+export { SettingsRow } from './chunk-A7AHVDG7.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-N2ZFNOOT.js';
 export { Textarea } from './chunk-YETMISCE.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from './chunk-2B3MFHBQ.js';
 export { Separator } from './chunk-SXSCHWZU.js';
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './chunk-SCUT2ZCD.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './chunk-XCGZPFT7.js';
 export { Skeleton } from './chunk-QFM4Z2SS.js';
 export { Progress } from './chunk-W5Y3LG5K.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-SBJV3K4G.js';
-export { FormDescription, FormError, FormField, FormLabel } from './chunk-IP6TMT3D.js';
-export { Label } from './chunk-T5VX5DYO.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-QJ6P2DW6.js';
 export { Input } from './chunk-QSXVL5UB.js';
-export { Checkbox } from './chunk-WZWR2ELB.js';
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-7OBL3H5P.js';
-export { Popover, PopoverContent, PopoverTrigger } from './chunk-NJMO3VPA.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-YZEA5TGK.js';
-export { Badge } from './chunk-NPNADZHM.js';
-export { Button } from './chunk-I6JQHP6D.js';
+export { Checkbox } from './chunk-SEBU6JCK.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-FN3FZVUR.js';
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-5J7BP5DI.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-QBZMY2AF.js';
-export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-B2GIBUQD.js';
+export { Badge } from './chunk-NPNADZHM.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from './chunk-FK42ZGGV.js';
+export { Popover, PopoverContent, PopoverTrigger } from './chunk-22XB3Q6H.js';
+export { Switch } from './chunk-27ELYTGE.js';
+export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './chunk-65SPT7EA.js';
+export { Button } from './chunk-NWSCYLPT.js';
+export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
+export { Spinner } from './chunk-OVU3Z2MT.js';
+export { FormDescription, FormError, FormField, FormLabel } from './chunk-R7QFP6EL.js';
+export { Label } from './chunk-F47U5KNW.js';
+export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
+export { DetailPage } from './chunk-AFZ76Q26.js';
+export { Split, splitVariants } from './chunk-D2LIXA2Y.js';
+export { GAP_CLASSES, spaceScale } from './chunk-AVFZ4P4B.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';
 export { cn } from './chunk-NZ5WBA4R.js';
-export { DefaultLink, defaultNavigate, isPathActive, useBrowserSearchParams } from './chunk-AI6CCNWK.js';
+export { DefaultLink, defaultNavigate, isPathActive, useBrowserSearchParams } from './chunk-6NPEMLBA.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{navigation-qI86Ldug.d.ts → navigation-CpOEyUSb.d.ts}

@@ -26,6 +26,10 @@ interface GenesisLinkProps {
     children?: ReactNode;
     /** Set to "page" when the link points at the active route. */
     "aria-current"?: AnchorHTMLAttributes<HTMLAnchorElement>["aria-current"];
+    /** Accessible name — useful when the visible label is hidden (icon rail). */
+    "aria-label"?: string;
+    /** Native tooltip / title attribute. */
+    title?: string;
     /**
      * Stable test/automation selector. {@link DefaultLink} renders it as
      * `data-testid`; injected router adapters (`next/link`, RR `Link`) forward it