@ziyarago/ui 0.7.0 → 0.9.0

package/types/vue-global.d.ts

@@ -103,9 +103,14 @@ declare module 'vue' {
     UiOptionCards: typeof Ui.UiOptionCards;
     UiPageAccount: typeof Ui.UiPageAccount;
     UiPageAnalytics: typeof Ui.UiPageAnalytics;
+    UiPageArticle: typeof Ui.UiPageArticle;
     UiPageAuth: typeof Ui.UiPageAuth;
+    UiPageBilling: typeof Ui.UiPageBilling;
+    UiPageBookingFlow: typeof Ui.UiPageBookingFlow;
     UiPageBookings: typeof Ui.UiPageBookings;
+    UiPageCalendar: typeof Ui.UiPageCalendar;
     UiPageCatalog: typeof Ui.UiPageCatalog;
+    UiPageChangelog: typeof Ui.UiPageChangelog;
     UiPageCheckout: typeof Ui.UiPageCheckout;
     UiPageCrm: typeof Ui.UiPageCrm;
     UiPageDashboard: typeof Ui.UiPageDashboard;
@@ -113,16 +118,24 @@ declare module 'vue' {
     UiPageFaq: typeof Ui.UiPageFaq;
     UiPageForm: typeof Ui.UiPageForm;
     UiPageHeader: typeof Ui.UiPageHeader;
+    UiPageHelp: typeof Ui.UiPageHelp;
     UiPageInbox: typeof Ui.UiPageInbox;
+    UiPageIntegrations: typeof Ui.UiPageIntegrations;
+    UiPageKanban: typeof Ui.UiPageKanban;
     UiPageLanding: typeof Ui.UiPageLanding;
+    UiPageLegal: typeof Ui.UiPageLegal;
+    UiPageLocations: typeof Ui.UiPageLocations;
     UiPageNotifications: typeof Ui.UiPageNotifications;
     UiPageOnboarding: typeof Ui.UiPageOnboarding;
     UiPageOrder: typeof Ui.UiPageOrder;
     UiPagePatterns: typeof Ui.UiPagePatterns;
     UiPagePricing: typeof Ui.UiPagePricing;
     UiPageProfile: typeof Ui.UiPageProfile;
+    UiPageSearch: typeof Ui.UiPageSearch;
     UiPageSettings: typeof Ui.UiPageSettings;
+    UiPageStates: typeof Ui.UiPageStates;
     UiPageStatus: typeof Ui.UiPageStatus;
+    UiPageTeam: typeof Ui.UiPageTeam;
     UiPageUserList: typeof Ui.UiPageUserList;
     UiPagination: typeof Ui.UiPagination;
     UiPasswordInput: typeof Ui.UiPasswordInput;

package/types/vue.d.ts

@@ -3239,6 +3239,46 @@ export interface UiPageAnalyticsSlots {
 }
 export const UiPageAnalytics: UiVueComponent<UiPageAnalyticsProps, UiPageAnalyticsSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageArticleSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Cover image area with title and author line; a gradient Card or LazyImage. */
+  cover?: () => any;
+  /** Article text; Heading, Text, Code, Alert. */
+  body?: () => any;
+  /** Sticky table of contents; Card with a list of anchor links. */
+  toc?: () => any;
+  /** Share and reaction row; Button, IconButton, CopyButton. */
+  share?: () => any;
+  /** Related posts; Card grid. */
+  related?: () => any;
+}
+export const UiPageArticle: UiVueComponent<UiPageArticleProps, UiPageArticleSlots>;
+
 /**
  * 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.
@@ -3315,6 +3355,84 @@ export interface UiPageAuthSlots {
 }
 export const UiPageAuth: UiVueComponent<UiPageAuthProps, UiPageAuthSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageBillingSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Current plan; Card with Badge and Buttons. */
+  plan?: () => any;
+  /** Usage meters; Progress. */
+  usage?: () => any;
+  /** Invoices; DataTable. */
+  invoices?: () => any;
+  /** Saved cards; Card, IconTile, Badge. */
+  methods?: () => any;
+  /** Upgrade call to action; Card variant="inverse" or PricingCard. */
+  upgrade?: () => any;
+}
+export const UiPageBilling: UiVueComponent<UiPageBillingProps, UiPageBillingSlots>;
+
+/**
+ * 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 }[];
+}
+export interface UiPageBookingFlowSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Progress; Stepper. */
+  steps?: () => any;
+  /** Content of the active step (search, pick, guests, confirm); Card, DatePicker, OptionCards, NumberInput. */
+  content?: () => any;
+  /** Back and Continue buttons. */
+  nav?: () => any;
+  /** Booking summary; Card, Descriptions. */
+  summary?: () => any;
+}
+export const UiPageBookingFlow: UiVueComponent<UiPageBookingFlowProps, UiPageBookingFlowSlots>;
+
 /**
  * Bookings list template: stats, toolbar, bulk-action bar, table and pagination.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3354,6 +3472,44 @@ export interface UiPageBookingsSlots {
 }
 export const UiPageBookings: UiVueComponent<UiPageBookingsProps, UiPageBookingsSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageCalendarSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** SegmentedControl, Button, IconButton. */
+  toolbar?: () => any;
+  /** Time grid with events; Card with custom grid, or CalendarView for the month. */
+  grid?: () => any;
+  /** Month picker; Calendar. */
+  mini?: () => any;
+  /** Selected event; Card, Descriptions, Avatar, Button. */
+  details?: () => any;
+}
+export const UiPageCalendar: UiVueComponent<UiPageCalendarProps, UiPageCalendarSlots>;
+
 /**
  * Catalog template with a filter sidebar and a card grid (hotels, tours).
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3392,6 +3548,42 @@ export interface UiPageCatalogSlots {
 }
 export const UiPageCatalog: UiVueComponent<UiPageCatalogProps, UiPageCatalogSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageChangelogSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Tag filter; FilterChips, SearchInput. */
+  filters?: () => any;
+  /** Releases grouped by version; Card, Chip, Divider. */
+  timeline?: () => any;
+  /** Sticky subscribe card; Card, TextField, Button. */
+  subscribe?: () => any;
+}
+export const UiPageChangelog: UiVueComponent<UiPageChangelogProps, UiPageChangelogSlots>;
+
 /**
  * Checkout template: step indicator, cart items, delivery address, payment and an order summary column.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3643,6 +3835,44 @@ export interface UiPageHeaderSlots {
 }
 export const UiPageHeader: UiVueComponent<UiPageHeaderProps, UiPageHeaderSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageHelpSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Large search field; SearchInput. */
+  search?: () => any;
+  /** Category tiles; Card with IconTile. */
+  categories?: () => any;
+  /** Popular articles list; Card. */
+  popular?: () => any;
+  /** Contact options; Card, Button. */
+  contact?: () => any;
+}
+export const UiPageHelp: UiVueComponent<UiPageHelpProps, UiPageHelpSlots>;
+
 /**
  * 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.
@@ -3683,6 +3913,80 @@ export interface UiPageInboxSlots {
 }
 export const UiPageInbox: UiVueComponent<UiPageInboxProps, UiPageInboxSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageIntegrationsSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** SearchInput, FilterChips. */
+  filters?: () => any;
+  /** IntegrationCard grid. */
+  connections?: () => any;
+  /** Keys; DataTable with CopyButton and IconButton. */
+  keys?: () => any;
+  /** Webhooks list; Card, Switch, Chip. */
+  webhooks?: () => any;
+}
+export const UiPageIntegrations: UiVueComponent<UiPageIntegrationsProps, UiPageIntegrationsSlots>;
+
+/**
+ * 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 }[];
+}
+export interface UiPageKanbanSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** SearchInput, FilterChips, Select. */
+  filters?: () => any;
+  /** Columns with cards; KanbanColumn, KanbanCard. */
+  board?: () => any;
+  /** Selected card; Card, Descriptions, Checkbox, Timeline. */
+  detail?: () => any;
+}
+export const UiPageKanban: UiVueComponent<UiPageKanbanProps, UiPageKanbanSlots>;
+
 /**
  * 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.
@@ -3708,6 +4012,80 @@ export interface UiPageLandingSlots {
 }
 export const UiPageLanding: UiVueComponent<UiPageLandingProps, UiPageLandingSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageLegalSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Version, last-updated date and print or download buttons; Chip, Button. */
+  meta?: () => any;
+  /** Sticky table of contents; Card with anchor links. */
+  toc?: () => any;
+  /** Document sections; Card, Heading, Text. */
+  document?: () => any;
+  /** Questions card; Card, Button. */
+  contact?: () => any;
+}
+export const UiPageLegal: UiVueComponent<UiPageLegalProps, UiPageLegalSlots>;
+
+/**
+ * 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 }[];
+}
+export interface UiPageLocationsSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Search and category filters; SearchInput, FilterChips. */
+  filters?: () => any;
+  /** Places list; Card rows. */
+  list?: () => any;
+  /** Map panel; Map, or a gradient placeholder. */
+  map?: () => any;
+}
+export const UiPageLocations: UiVueComponent<UiPageLocationsProps, UiPageLocationsSlots>;
+
 /**
  * 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.
@@ -3944,6 +4322,44 @@ export interface UiPageProfileSlots {
 }
 export const UiPageProfile: UiVueComponent<UiPageProfileProps, UiPageProfileSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageSearchSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** SearchInput, Tabs. */
+  search?: () => any;
+  /** Filters; Card, Checkbox, Select. */
+  filters?: () => any;
+  /** Result groups; Card, Chip, Divider. */
+  results?: () => any;
+  /** Shown only when there are no results; EmptyState. */
+  empty?: () => any;
+}
+export const UiPageSearch: UiVueComponent<UiPageSearchProps, UiPageSearchSlots>;
+
 /**
  * Settings template with a section sub-navigation and stacked settings sections.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3983,6 +4399,50 @@ export interface UiPageSettingsSlots {
 }
 export const UiPageSettings: UiVueComponent<UiPageSettingsProps, UiPageSettingsSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageStatesSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Empty list; EmptyState with a primary action. */
+  empty?: () => any;
+  /** No search results; EmptyState with a reset action. */
+  noresults?: () => any;
+  /** No permission; EmptyState with a request-access action. */
+  forbidden?: () => any;
+  /** Offline; DataState state="offline". */
+  offline?: () => any;
+  /** Error with retry; DataState state="error". */
+  error?: () => any;
+  /** Loading; Skeleton or DataState state="loading". */
+  loading?: () => any;
+  /** Success confirmation; Alert tone="success" or EmptyState. */
+  success?: () => any;
+}
+export const UiPageStates: UiVueComponent<UiPageStatesProps, UiPageStatesSlots>;
+
 /**
  * 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.
@@ -4040,6 +4500,44 @@ export interface UiPageStatusSlots {
 }
 export const UiPageStatus: UiVueComponent<UiPageStatusProps, UiPageStatusSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageTeamSlots {
+  /** Custom page header; replaces the built-in title/subtitle/crumbs header. */
+  header?: () => any;
+  /** 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). */
+  actions?: () => any;
+  /** Counters; KpiTile, StatsCard. */
+  stats?: () => any;
+  /** Members; DataTable with UserCell, Select, Badge. */
+  members?: () => any;
+  /** Permissions matrix; DataTable with Checkbox cells. */
+  roles?: () => any;
+  /** Invite form; Card, TextField, Select, Button. */
+  invite?: () => any;
+}
+export const UiPageTeam: UiVueComponent<UiPageTeamProps, UiPageTeamSlots>;
+
 /**
  * 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.