@ziyarago/ui 0.8.0 → 0.10.0

package/types/react.d.ts

@@ -2618,6 +2618,11 @@ export interface UiLoginFormProps {
    * @default true
    */
   showForgot?: boolean;
+  /**
+   * Show the "Remember device" checkbox. Hide it when your backend has no such option; the submit payload then keeps remember: true.
+   * @default true
+   */
+  showRemember?: boolean;
   /**
    * Submit button text. Wins over labels.submit.
    * @default Sign in
@@ -3150,6 +3155,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.
@@ -3300,6 +3365,61 @@ export interface UiPageBillingProps {
 }
 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.
@@ -3469,6 +3589,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.
@@ -3811,6 +3981,71 @@ export interface UiPageFormProps {
 }
 export const UiPageForm: ComponentType<UiPageFormProps>;
 
+/**
+ * Group manager template: trip summary, pilgrims table with document and visa status, bulk actions, rooming and a sticky payments summary.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The payments card stays visible on the right and goes below the table under 860 px.
+ */
+export interface UiPageGroupManagerProps {
+  /**
+   * 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;
+  /**
+   * Trip header with dates, route and counters; Card, StatStrip, Progress.
+   * @slot trip (React: pass as a prop)
+   */
+  trip?: ReactNode;
+  /**
+   * Search and status filters; SearchInput, FilterChips.
+   * @slot toolbar (React: pass as a prop)
+   */
+  toolbar?: ReactNode;
+  /**
+   * Actions for the selected pilgrims; Button, Badge.
+   * @slot bulk (React: pass as a prop)
+   */
+  bulk?: ReactNode;
+  /**
+   * Pilgrims table with documents and visa; Card, DataTable, Badge.
+   * @slot pilgrims (React: pass as a prop)
+   */
+  pilgrims?: ReactNode;
+  /**
+   * Rooming assignment; Card, RoomGrid.
+   * @slot rooms (React: pass as a prop)
+   */
+  rooms?: ReactNode;
+  /**
+   * Payments summary and manager contact; Card, Progress, ContactPanel.
+   * @slot payments (React: pass as a prop)
+   */
+  payments?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageGroupManager: ComponentType<UiPageGroupManagerProps>;
+
 /** Page title block with optional breadcrumbs, subtitle and an actions area. */
 export interface UiPageHeaderProps {
   /** Page title (rendered as h1). */
@@ -3833,6 +4068,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.
@@ -3948,6 +4238,66 @@ export interface UiPageIntegrationsProps {
 }
 export const UiPageIntegrations: ComponentType<UiPageIntegrationsProps>;
 
+/**
+ * Itinerary template: day tabs, a timeline of stops for the chosen day, transport and hotel blocks and a sticky trip summary card.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: Render only the active day in timeline, transport and hotel. The summary stays visible on the right and goes below the day under 860 px.
+ */
+export interface UiPageItineraryProps {
+  /**
+   * 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;
+  /**
+   * Day switcher; Tabs or PillTabs.
+   * @slot days (React: pass as a prop)
+   */
+  days?: ReactNode;
+  /**
+   * Stops of the active day with times and places; Card, Timeline, StatRow.
+   * @slot timeline (React: pass as a prop)
+   */
+  timeline?: ReactNode;
+  /**
+   * Flights, buses and transfers of the day; Card, StatRow.
+   * @slot transport (React: pass as a prop)
+   */
+  transport?: ReactNode;
+  /**
+   * Where the group stays that night; Card, Badge, IconTile.
+   * @slot hotel (React: pass as a prop)
+   */
+  hotel?: ReactNode;
+  /**
+   * Trip summary; Card, Descriptions, Progress.
+   * @slot summary (React: pass as a prop)
+   */
+  summary?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageItinerary: ComponentType<UiPageItineraryProps>;
+
 /**
  * Kanban template: filters, task board columns and a card detail panel.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -4042,6 +4392,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.
@@ -4290,6 +4745,61 @@ export interface UiPagePatternsProps {
 }
 export const UiPagePatterns: ComponentType<UiPagePatternsProps>;
 
+/**
+ * Prayer times template: a location picker, today's times with the next prayer highlighted, a month table and a sticky Qibla compass.
+ * Note: Place inside AppShell; fill only the slots you need.
+ * Note: The Qibla card stays visible on the right and goes below the times under 860 px.
+ */
+export interface UiPagePrayerProps {
+  /**
+   * 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;
+  /**
+   * City and method pickers; Select, PillSelect, SegmentedControl.
+   * @slot location (React: pass as a prop)
+   */
+  location?: ReactNode;
+  /**
+   * Today's prayers and the countdown to the next one; Card, PrayerTimes.
+   * @slot today (React: pass as a prop)
+   */
+  today?: ReactNode;
+  /**
+   * Prayer times for the whole month; Card, DataTable.
+   * @slot month (React: pass as a prop)
+   */
+  month?: ReactNode;
+  /**
+   * Qibla direction; Card, QiblaCompass.
+   * @slot qibla (React: pass as a prop)
+   */
+  qibla?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPagePrayer: ComponentType<UiPagePrayerProps>;
+
 /**
  * Pricing template: billing-period toggle, plan cards and an FAQ.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -4512,6 +5022,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.
@@ -4632,6 +5212,71 @@ export interface UiPageTeamProps {
 }
 export const UiPageTeam: ComponentType<UiPageTeamProps>;
 
+/**
+ * Public tour page: header, gradient gallery area, highlights, itinerary accordion, included and excluded lists, reviews and a sticky price and booking card. Has no shell and follows the theme.
+ * Note: Render the page on its own, without AppShell: it supplies its own width and padding in your layout.
+ * Note: The booking card stays visible on the right and goes below the content under 860 px.
+ */
+export interface UiPageTourPublicProps {
+  /**
+   * 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;
+  /**
+   * Hero area made of gradients or photos; Gallery, Card.
+   * @slot gallery (React: pass as a prop)
+   */
+  gallery?: ReactNode;
+  /**
+   * Key facts and highlights; StatStrip, IconTile.
+   * @slot highlights (React: pass as a prop)
+   */
+  highlights?: ReactNode;
+  /**
+   * Day by day program; Accordion.
+   * @slot itinerary (React: pass as a prop)
+   */
+  itinerary?: ReactNode;
+  /**
+   * What the price includes and excludes; Card, Descriptions.
+   * @slot included (React: pass as a prop)
+   */
+  included?: ReactNode;
+  /**
+   * Pilgrim reviews; Card, Rating, Avatar.
+   * @slot reviews (React: pass as a prop)
+   */
+  reviews?: ReactNode;
+  /**
+   * Price, dates, seats and the booking button; Card, Button.
+   * @slot booking (React: pass as a prop)
+   */
+  booking?: ReactNode;
+  children?: ReactNode;
+}
+export const UiPageTourPublic: ComponentType<UiPageTourPublicProps>;
+
 /**
  * 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.
@@ -4765,6 +5410,21 @@ export interface UiPasswordInputProps {
    * @remarks Forwarded to the inner element.
    */
   error?: string;
+  /**
+   * Adds a red asterisk to the label and the native required attribute.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * Native name attribute of the input.
+   * @remarks Forwarded to the inner element.
+   */
+  name?: string;
+  /**
+   * Focuses the input on mount.
+   * @remarks Forwarded to the inner element.
+   */
+  autofocus?: boolean;
   /**
    * Native autocomplete token. Use "new-password" on sign-up and password-change forms so managers offer to generate one.
    * @default 'current-password'
@@ -5112,6 +5772,32 @@ export interface UiProgressProps {
 }
 export const UiProgress: ComponentType<UiProgressProps>;
 
+/**
+ * Compass dial with a Kaaba marker pointing to the Qibla and the bearing in degrees below it.
+ * Note: Exposed as role="img" with a label that states the bearing. Compute the bearing and heading yourself (geolocation and DeviceOrientation); the component only draws them.
+ */
+export interface UiQiblaCompassProps {
+  /**
+   * Qibla bearing in degrees clockwise from true north, 0 to 360; other values wrap.
+   * @default 0
+   */
+  bearing: number;
+  /**
+   * Direction the device points to, in degrees. The dial turns against it so the marker follows the real Qibla; 0 keeps north up.
+   * @default 0
+   */
+  heading?: number;
+  /** Optional small caption under the bearing, such as "4 210 km to the Kaaba". */
+  distance?: string;
+  /**
+   * Diameter: xs 120, sm 160, md 200, lg 250, xl 300 px; a number is used as px.
+   * @default 'md'
+   */
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+  children?: ReactNode;
+}
+export const UiQiblaCompass: ComponentType<UiQiblaCompassProps>;
+
 /** Group of radio options with optional hints. Use for a short single-choice list that should stay visible. */
 export interface UiRadioGroupProps {
   /** Value of the selected option. */