@payfit/unity-components/skills/unity-find-component/references/component-catalog.md

# Unity component catalog

All exports come from a single entry: `@payfit/unity-components`. There are
no sub-paths for runtime components; the only sub-paths are
`@payfit/unity-components/integrations/tanstack-router` (router-aware
navigation) and `@payfit/unity-components/i18n/<locale>.json` (message
bundles). Names below are grouped by purpose.

### Layout

`Flex`, `FlexItem`, `Grid`, `GridItem`, `Card`, `CardTitle`,
`CardContent`, `SelectableCard...`, `NavigationCard`, `NavigationCardGroup`,
`Page`, `PageHeader`, `PageHeading`, `AppLayout`, `AppMenu`,
`FunnelLayout`, `FunnelPage`, `FunnelBody`, `FunnelSidebar`, `FunnelTopBar`,
`FunnelPageHeader`, `FunnelPageContent`, `FunnelPageFooter`,
`FunnelPageActions`, `FunnelBackButton`.

### Navigation

Router-agnostic (base entry): `RawLink`, `RawNavItem`, `RawBreadcrumbLink`,
`RawPaginationLink`, `RawPaginationPrevious`, `RawPaginationNext`, `RawTab`,
`Nav`, `NavGroup`, `Breadcrumbs`, `Breadcrumb`, `Pagination`,
`PaginationContent`, `PaginationItem`, `PaginationEllipsis`, `Tabs`,
`TabList`, `TabPanel`, `SkipLinks`, `TaskMenu`, `RawTask`, `RawSubTask`,
`TaskGroup`, `ListView`, `RawListViewItem`, `ListViewSection`,
`ListViewItemLabel`, `ListViewItemText`.

Router-aware (from
`@payfit/unity-components/integrations/tanstack-router`): `Link`,
`NavItem`, `BreadcrumbLink`, `PaginationLink`, `Tab`.

### Form fields (Tanstack Form — current)

Bound via `form.AppField` then `field.<Name>`: `TextField`, `SelectField`,
`NumberField`, `CheckboxField`, `CheckboxGroupField`, `DatePickerField`,
`DateRangePickerField`, `MultiSelectField`, `RadioButtonGroupField`,
`SelectableButtonGroupField`, `SelectableCardCheckboxGroupField`,
`SelectableCardRadioGroupField`, `ToggleSwitchField`,
`ToggleSwitchGroupField`, `PasswordField`.

### Form primitives (no form state)

`Input`, `NumberInput`, `Select`, `SelectButton`, `SelectOption`,
`SelectOptionGroup`, `SelectOptionHelper`, `MultiSelect`,
`MultiSelectOption`, `MultiSelectOptGroup`, `Checkbox`, `CheckboxStandalone`,
`CheckboxGroup`, `RadioButtonGroup`, `RadioButton`, `RadioButtonHelper`,
`TextArea`, `ToggleSwitch`, `ToggleSwitchGroup`, `SegmentedButtonGroup`,
`ToggleButton`, `SelectableButtonGroup`, `SelectableButton`, `Search`,
`PhoneNumberInput`, `DatePicker`, `DateCalendar`, `DateRangePicker`,
`DateRangeCalendar`, `Autocomplete`, `AutocompleteItem`,
`AutocompleteItemGroup`, `Fieldset`, `FieldGroup`, `Label`, `FormField`,
`FormControl`, `FormLabel`, `FormHelperText`, `FormFeedbackText`.

### Buttons and actions

`Button`, `IconButton`, `CircularIconButton`, `RawLinkButton`, `Actionable`,
`ActionBar`, `ActionBarRoot`, `ActionBarButton`, `ActionBarIconButton`,
`FloatingActionBar`, `Anchor`.

### Overlays

Modal: `Dialog`, `DialogContent`, `DialogTitle`, `DialogActions`,
`DialogButton`, `PromoDialog`, `PromoDialogHero`, `PromoDialogTitle`,
`PromoDialogSubtitle`, `PromoDialogContent`, `PromoDialogActions`,
`SidePanel`, `SidePanelHeader`, `SidePanelContent`, `SidePanelFooter`,
`BottomSheet`, `BottomSheetHeader`, `BottomSheetContent`,
`BottomSheetFooter`.

Non-modal: `Tooltip`, `DefinitionTooltip`, `Popover`, `Menu`, `MenuTrigger`,
`MenuContent`, `MenuHeader`, `RawMenuItem`, `MenuSeparator`.

### Content and data

`Text`, `Icon`, `Pill`, `Badge`, `Alert`, `AlertTitle`, `AlertContent`,
`AlertActions`, `Avatar`, `AvatarFallback`, `AvatarIcon`, `AvatarImage`,
`AvatarPair`, `DataTable`, `DataTableRoot`, `DataTableBulkActions`,
`Table`, `TableBody`, `TableHeader`, `TableColumnHeader`, `TableRow`,
`TableCell`, `TableEmptyState`, `TablePagination`, `Filter`,
`FilterToolbar`, `Carousel`, `CarouselHeader`, `CarouselContent`,
`CarouselSlide`, `CarouselNav`, `Collapsible`, `CollapsibleTitle`,
`CollapsibleContent`, `Timeline`, `TimelineStep`, `TimelineStepHeader`,
`TimelineStepDescription`.

### Status and loading

`Spinner`, `ProgressBar`, `FullPageLoader`, `EmptyState`, `EmptyStateIcon`,
`EmptyStateContent`, `EmptyStateActions`, `EmptyStateGetStarted`,
`EmptyStateWaitingForData`, `EmptyStateGoodJob`,
`EmptyStateUpgradeRequired`, `EmptyStateNoSearchResults`,
`EmptyStateUseDesktop`, `ErrorState`, `ToastManager`, `toast`.

### Semantic and brand

`PayFitBrand`, `PayFitPreprod`.