@ziyarago/ui 0.7.0 → 0.9.0

package/types/react.d.ts

@@ -3150,6 +3150,66 @@ export interface UiPageAnalyticsProps {
 }
 export const UiPageAnalytics: ComponentType<UiPageAnalyticsProps>;
 
+/**
+ * Article template: cover, post body, sticky table of contents, share row and related posts.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Body, share and related share the main column; the table of contents stays visible on the right while the body scrolls and drops under the body below 860 px.
+ */
+export interface UiPageArticleProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Cover image area with title and author line; a gradient Card or LazyImage.
+   * @slot cover (React: pass as a prop)
+   */
+  cover?: ReactNode;
+  /**
+   * Article text; Heading, Text, Code, Alert.
+   * @slot body (React: pass as a prop)
+   */
+  body?: ReactNode;
+  /**
+   * Sticky table of contents; Card with a list of anchor links.
+   * @slot toc (React: pass as a prop)
+   */
+  toc?: ReactNode;
+  /**
+   * Share and reaction row; Button, IconButton, CopyButton.
+   * @slot share (React: pass as a prop)
+   */
+  share?: ReactNode;
+  /**
+   * Related posts; Card grid.
+   * @slot related (React: pass as a prop)
+   */
+  related?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageArticle: ComponentType<UiPageArticleProps>;
+
 /**
  * Sign-in page template without the app shell, as a centered card or a split layout.
  * Note: Designed for the dark theme and used without AppShell.
@@ -3240,6 +3300,121 @@ export interface UiPageAuthProps {
 }
 export const UiPageAuth: ComponentType<UiPageAuthProps>;
 
+/**
+ * Billing template: current plan, usage meters, invoices, payment methods and an upgrade card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Plan, usage and invoices share the main column; methods and upgrade form the side column.
+ */
+export interface UiPageBillingProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Current plan; Card with Badge and Buttons.
+   * @slot plan (React: pass as a prop)
+   */
+  plan?: ReactNode;
+  /**
+   * Usage meters; Progress.
+   * @slot usage (React: pass as a prop)
+   */
+  usage?: ReactNode;
+  /**
+   * Invoices; DataTable.
+   * @slot invoices (React: pass as a prop)
+   */
+  invoices?: ReactNode;
+  /**
+   * Saved cards; Card, IconTile, Badge.
+   * @slot methods (React: pass as a prop)
+   */
+  methods?: ReactNode;
+  /**
+   * Upgrade call to action; Card variant="inverse" or PricingCard.
+   * @slot upgrade (React: pass as a prop)
+   */
+  upgrade?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageBilling: ComponentType<UiPageBillingProps>;
+
+/**
+ * Booking flow template: stepper, the active step content, back and continue buttons and a sticky summary card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Render only the active step in content. The summary stays visible on the right and goes below the step under 860 px.
+ */
+export interface UiPageBookingFlowProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Progress; Stepper.
+   * @slot steps (React: pass as a prop)
+   */
+  steps?: ReactNode;
+  /**
+   * Content of the active step (search, pick, guests, confirm); Card, DatePicker, OptionCards, NumberInput.
+   * @slot content (React: pass as a prop)
+   */
+  content?: ReactNode;
+  /**
+   * Back and Continue buttons.
+   * @slot nav (React: pass as a prop)
+   */
+  nav?: ReactNode;
+  /**
+   * Booking summary; Card, Descriptions.
+   * @slot summary (React: pass as a prop)
+   */
+  summary?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageBookingFlow: ComponentType<UiPageBookingFlowProps>;
+
 /**
  * Bookings list template: stats, toolbar, bulk-action bar, table and pagination.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3299,6 +3474,61 @@ export interface UiPageBookingsProps {
 }
 export const UiPageBookings: ComponentType<UiPageBookingsProps>;
 
+/**
+ * Calendar template: view switch, time grid, mini calendar and event details.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The grid sits beside the mini calendar and details; they stack under 860 px.
+ */
+export interface UiPageCalendarProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * SegmentedControl, Button, IconButton.
+   * @slot toolbar (React: pass as a prop)
+   */
+  toolbar?: ReactNode;
+  /**
+   * Time grid with events; Card with custom grid, or CalendarView for the month.
+   * @slot grid (React: pass as a prop)
+   */
+  grid?: ReactNode;
+  /**
+   * Month picker; Calendar.
+   * @slot mini (React: pass as a prop)
+   */
+  mini?: ReactNode;
+  /**
+   * Selected event; Card, Descriptions, Avatar, Button.
+   * @slot details (React: pass as a prop)
+   */
+  details?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageCalendar: ComponentType<UiPageCalendarProps>;
+
 /**
  * Catalog template with a filter sidebar and a card grid (hotels, tours).
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3354,6 +3584,56 @@ export interface UiPageCatalogProps {
 }
 export const UiPageCatalog: ComponentType<UiPageCatalogProps>;
 
+/**
+ * Changelog template: release timeline grouped by version with new, fix and improved tags, a filter and a subscribe card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Filters and timeline share the main column; the subscribe card is a sticky side column.
+ */
+export interface UiPageChangelogProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Tag filter; FilterChips, SearchInput.
+   * @slot filters (React: pass as a prop)
+   */
+  filters?: ReactNode;
+  /**
+   * Releases grouped by version; Card, Chip, Divider.
+   * @slot timeline (React: pass as a prop)
+   */
+  timeline?: ReactNode;
+  /**
+   * Sticky subscribe card; Card, TextField, Button.
+   * @slot subscribe (React: pass as a prop)
+   */
+  subscribe?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageChangelog: ComponentType<UiPageChangelogProps>;
+
 /**
  * Checkout template: step indicator, cart items, delivery address, payment and an order summary column.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3718,6 +3998,61 @@ export interface UiPageHeaderProps {
 }
 export const UiPageHeader: ComponentType<UiPageHeaderProps>;
 
+/**
+ * Help center home: search, category grid, popular articles and a contact card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Popular articles and contact share a row and wrap on narrow screens. For a single question list use PageFaq.
+ */
+export interface UiPageHelpProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Large search field; SearchInput.
+   * @slot search (React: pass as a prop)
+   */
+  search?: ReactNode;
+  /**
+   * Category tiles; Card with IconTile.
+   * @slot categories (React: pass as a prop)
+   */
+  categories?: ReactNode;
+  /**
+   * Popular articles list; Card.
+   * @slot popular (React: pass as a prop)
+   */
+  popular?: ReactNode;
+  /**
+   * Contact options; Card, Button.
+   * @slot contact (React: pass as a prop)
+   */
+  contact?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageHelp: ComponentType<UiPageHelpProps>;
+
 /**
  * Inbox template: filters and conversation list, the open thread with a composer, and a customer panel.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3779,8 +4114,113 @@ export interface UiPageInboxProps {
 export const UiPageInbox: ComponentType<UiPageInboxProps>;
 
 /**
- * Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.
- * Note: Landing does not use the app shell: render it on its own page. Blocks stack in one column; each block may use its own grid and wraps on narrow screens.
+ * Integrations template: connection cards, API keys and webhooks.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Keys and webhooks share a row and wrap on narrow screens.
+ */
+export interface UiPageIntegrationsProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * SearchInput, FilterChips.
+   * @slot filters (React: pass as a prop)
+   */
+  filters?: ReactNode;
+  /**
+   * IntegrationCard grid.
+   * @slot connections (React: pass as a prop)
+   */
+  connections?: ReactNode;
+  /**
+   * Keys; DataTable with CopyButton and IconButton.
+   * @slot keys (React: pass as a prop)
+   */
+  keys?: ReactNode;
+  /**
+   * Webhooks list; Card, Switch, Chip.
+   * @slot webhooks (React: pass as a prop)
+   */
+  webhooks?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageIntegrations: ComponentType<UiPageIntegrationsProps>;
+
+/**
+ * Kanban template: filters, task board columns and a card detail panel.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Board scrolls horizontally inside its area; detail goes below it under 860 px.
+ */
+export interface UiPageKanbanProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * SearchInput, FilterChips, Select.
+   * @slot filters (React: pass as a prop)
+   */
+  filters?: ReactNode;
+  /**
+   * Columns with cards; KanbanColumn, KanbanCard.
+   * @slot board (React: pass as a prop)
+   */
+  board?: ReactNode;
+  /**
+   * Selected card; Card, Descriptions, Checkbox, Timeline.
+   * @slot detail (React: pass as a prop)
+   */
+  detail?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageKanban: ComponentType<UiPageKanbanProps>;
+
+/**
+ * Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.
+ * Note: Landing does not use the app shell: render it on its own page. Blocks stack in one column; each block may use its own grid and wraps on narrow screens.
  */
 export interface UiPageLandingProps {
   /**
@@ -3822,6 +4262,111 @@ export interface UiPageLandingProps {
 }
 export const UiPageLanding: ComponentType<UiPageLandingProps>;
 
+/**
+ * Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The table of contents sits left of the document and stacks above it under 860 px.
+ */
+export interface UiPageLegalProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Version, last-updated date and print or download buttons; Chip, Button.
+   * @slot meta (React: pass as a prop)
+   */
+  meta?: ReactNode;
+  /**
+   * Sticky table of contents; Card with anchor links.
+   * @slot toc (React: pass as a prop)
+   */
+  toc?: ReactNode;
+  /**
+   * Document sections; Card, Heading, Text.
+   * @slot document (React: pass as a prop)
+   */
+  document?: ReactNode;
+  /**
+   * Questions card; Card, Button.
+   * @slot contact (React: pass as a prop)
+   */
+  contact?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageLegal: ComponentType<UiPageLegalProps>;
+
+/**
+ * Locations template: filters, a scrollable list of places and a sticky map panel.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The list is a fixed-width column left of the map; under 860 px the map goes below the list.
+ */
+export interface UiPageLocationsProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Search and category filters; SearchInput, FilterChips.
+   * @slot filters (React: pass as a prop)
+   */
+  filters?: ReactNode;
+  /**
+   * Places list; Card rows.
+   * @slot list (React: pass as a prop)
+   */
+  list?: ReactNode;
+  /**
+   * Map panel; Map, or a gradient placeholder.
+   * @slot map (React: pass as a prop)
+   */
+  map?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageLocations: ComponentType<UiPageLocationsProps>;
+
 /**
  * Notifications template: filters, a feed grouped by day and an empty state. Put Mark all read in actions.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -4178,6 +4723,61 @@ export interface UiPageProfileProps {
 }
 export const UiPageProfile: ComponentType<UiPageProfileProps>;
 
+/**
+ * Search template: query field, filter sidebar, result groups and an empty state.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Filters sit left of the results and stack above them under 860 px. Fill empty only when there are no results.
+ */
+export interface UiPageSearchProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * SearchInput, Tabs.
+   * @slot search (React: pass as a prop)
+   */
+  search?: ReactNode;
+  /**
+   * Filters; Card, Checkbox, Select.
+   * @slot filters (React: pass as a prop)
+   */
+  filters?: ReactNode;
+  /**
+   * Result groups; Card, Chip, Divider.
+   * @slot results (React: pass as a prop)
+   */
+  results?: ReactNode;
+  /**
+   * Shown only when there are no results; EmptyState.
+   * @slot empty (React: pass as a prop)
+   */
+  empty?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageSearch: ComponentType<UiPageSearchProps>;
+
 /**
  * Settings template with a section sub-navigation and stacked settings sections.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -4237,6 +4837,76 @@ export interface UiPageSettingsProps {
 }
 export const UiPageSettings: ComponentType<UiPageSettingsProps>;
 
+/**
+ * State gallery: empty list, no results, no permission, offline, error with retry, loading and success on one page.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The first six slots sit in two rows of auto-fit cards; success spans the full width.
+ */
+export interface UiPageStatesProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Empty list; EmptyState with a primary action.
+   * @slot empty (React: pass as a prop)
+   */
+  empty?: ReactNode;
+  /**
+   * No search results; EmptyState with a reset action.
+   * @slot noresults (React: pass as a prop)
+   */
+  noresults?: ReactNode;
+  /**
+   * No permission; EmptyState with a request-access action.
+   * @slot forbidden (React: pass as a prop)
+   */
+  forbidden?: ReactNode;
+  /**
+   * Offline; DataState state="offline".
+   * @slot offline (React: pass as a prop)
+   */
+  offline?: ReactNode;
+  /**
+   * Error with retry; DataState state="error".
+   * @slot error (React: pass as a prop)
+   */
+  error?: ReactNode;
+  /**
+   * Loading; Skeleton or DataState state="loading".
+   * @slot loading (React: pass as a prop)
+   */
+  loading?: ReactNode;
+  /**
+   * Success confirmation; Alert tone="success" or EmptyState.
+   * @slot success (React: pass as a prop)
+   */
+  success?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageStates: ComponentType<UiPageStatesProps>;
+
 /**
  * Full-page status screen (404, 401, maintenance, coming soon) with one action.
  * Note: Slots replace only their own part: fill message and the preset code and button remain; kind, title, description, onAction and actionLabel apply to the parts whose slot is empty.
@@ -4302,6 +4972,61 @@ export interface UiPageStatusProps {
 }
 export const UiPageStatus: ComponentType<UiPageStatusProps>;
 
+/**
+ * Team template: member stats, members table, roles and permissions matrix, and an invite form.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Members and roles share the main column; the invite form is the side column.
+ */
+export interface UiPageTeamProps {
+  /**
+   * Page heading. The built-in header renders only when title is set and the header slot is empty.
+   * @remarks Forwarded to the inner element.
+   */
+  title?: string;
+  /**
+   * Caption under the heading.
+   * @remarks Forwarded to the inner element.
+   */
+  subtitle?: string;
+  /**
+   * Breadcrumb trail above the title.
+   * @remarks Forwarded to the inner element.
+   */
+  crumbs?: { label: string; href?: string }[];
+  /**
+   * Custom page header; replaces the built-in title/subtitle/crumbs header.
+   * @slot header (React: pass as a prop)
+   */
+  header?: ReactNode;
+  /**
+   * Buttons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
+   * @slot actions (React: pass as a prop)
+   */
+  actions?: ReactNode;
+  /**
+   * Counters; KpiTile, StatsCard.
+   * @slot stats (React: pass as a prop)
+   */
+  stats?: ReactNode;
+  /**
+   * Members; DataTable with UserCell, Select, Badge.
+   * @slot members (React: pass as a prop)
+   */
+  members?: ReactNode;
+  /**
+   * Permissions matrix; DataTable with Checkbox cells.
+   * @slot roles (React: pass as a prop)
+   */
+  roles?: ReactNode;
+  /**
+   * Invite form; Card, TextField, Select, Button.
+   * @slot invite (React: pass as a prop)
+   */
+  invite?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageTeam: ComponentType<UiPageTeamProps>;
+
 /**
  * User or customer list template: stats, filters, toolbar, table and a right-hand add/edit drawer.
  * Note: Place inside AppShell; fill only the slots you need.