@ziyarago/ui 0.8.0 → 0.10.0

package/types/vue-global.d.ts

@@ -103,32 +103,43 @@ 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;
     UiPageDetail: typeof Ui.UiPageDetail;
     UiPageFaq: typeof Ui.UiPageFaq;
     UiPageForm: typeof Ui.UiPageForm;
+    UiPageGroupManager: typeof Ui.UiPageGroupManager;
     UiPageHeader: typeof Ui.UiPageHeader;
+    UiPageHelp: typeof Ui.UiPageHelp;
     UiPageInbox: typeof Ui.UiPageInbox;
     UiPageIntegrations: typeof Ui.UiPageIntegrations;
+    UiPageItinerary: typeof Ui.UiPageItinerary;
     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;
+    UiPagePrayer: typeof Ui.UiPagePrayer;
     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;
+    UiPageTourPublic: typeof Ui.UiPageTourPublic;
     UiPageUserList: typeof Ui.UiPageUserList;
     UiPagination: typeof Ui.UiPagination;
     UiPasswordInput: typeof Ui.UiPasswordInput;
@@ -144,6 +155,7 @@ declare module 'vue' {
     UiPricingCard: typeof Ui.UiPricingCard;
     UiProfileHeader: typeof Ui.UiProfileHeader;
     UiProgress: typeof Ui.UiProgress;
+    UiQiblaCompass: typeof Ui.UiQiblaCompass;
     UiRadioGroup: typeof Ui.UiRadioGroup;
     UiRamadanTracker: typeof Ui.UiRamadanTracker;
     UiRangeCalendar: typeof Ui.UiRangeCalendar;

package/types/vue.d.ts

@@ -2728,6 +2728,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
@@ -3239,6 +3244,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.
@@ -3355,6 +3400,44 @@ export interface UiPageBillingSlots {
 }
 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.
@@ -3470,6 +3553,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.
@@ -3701,6 +3820,48 @@ export interface UiPageFormSlots {
 }
 export const UiPageForm: UiVueComponent<UiPageFormProps, UiPageFormSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageGroupManagerSlots {
+  /** 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;
+  /** Trip header with dates, route and counters; Card, StatStrip, Progress. */
+  trip?: () => any;
+  /** Search and status filters; SearchInput, FilterChips. */
+  toolbar?: () => any;
+  /** Actions for the selected pilgrims; Button, Badge. */
+  bulk?: () => any;
+  /** Pilgrims table with documents and visa; Card, DataTable, Badge. */
+  pilgrims?: () => any;
+  /** Rooming assignment; Card, RoomGrid. */
+  rooms?: () => any;
+  /** Payments summary and manager contact; Card, Progress, ContactPanel. */
+  payments?: () => any;
+}
+export const UiPageGroupManager: UiVueComponent<UiPageGroupManagerProps, UiPageGroupManagerSlots>;
+
 /** Page title block with optional breadcrumbs, subtitle and an actions area. */
 export interface UiPageHeaderProps {
   /** Page title (rendered as h1). */
@@ -3721,6 +3882,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.
@@ -3799,6 +3998,46 @@ export interface UiPageIntegrationsSlots {
 }
 export const UiPageIntegrations: UiVueComponent<UiPageIntegrationsProps, UiPageIntegrationsSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageItinerarySlots {
+  /** 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;
+  /** Day switcher; Tabs or PillTabs. */
+  days?: () => any;
+  /** Stops of the active day with times and places; Card, Timeline, StatRow. */
+  timeline?: () => any;
+  /** Flights, buses and transfers of the day; Card, StatRow. */
+  transport?: () => any;
+  /** Where the group stays that night; Card, Badge, IconTile. */
+  hotel?: () => any;
+  /** Trip summary; Card, Descriptions, Progress. */
+  summary?: () => any;
+}
+export const UiPageItinerary: UiVueComponent<UiPageItineraryProps, UiPageItinerarySlots>;
+
 /**
  * Kanban template: filters, task board columns and a card detail panel.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -3860,6 +4099,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.
@@ -4022,6 +4335,44 @@ export interface UiPagePatternsSlots {
 }
 export const UiPagePatterns: UiVueComponent<UiPagePatternsProps, UiPagePatternsSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPagePrayerSlots {
+  /** 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;
+  /** City and method pickers; Select, PillSelect, SegmentedControl. */
+  location?: () => any;
+  /** Today's prayers and the countdown to the next one; Card, PrayerTimes. */
+  today?: () => any;
+  /** Prayer times for the whole month; Card, DataTable. */
+  month?: () => any;
+  /** Qibla direction; Card, QiblaCompass. */
+  qibla?: () => any;
+}
+export const UiPagePrayer: UiVueComponent<UiPagePrayerProps, UiPagePrayerSlots>;
+
 /**
  * Pricing template: billing-period toggle, plan cards and an FAQ.
  * Note: Place inside AppShell; fill only the slots you need.
@@ -4173,6 +4524,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.
@@ -4268,6 +4663,48 @@ export interface UiPageTeamSlots {
 }
 export const UiPageTeam: UiVueComponent<UiPageTeamProps, UiPageTeamSlots>;
 
+/**
+ * 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 }[];
+}
+export interface UiPageTourPublicSlots {
+  /** 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;
+  /** Hero area made of gradients or photos; Gallery, Card. */
+  gallery?: () => any;
+  /** Key facts and highlights; StatStrip, IconTile. */
+  highlights?: () => any;
+  /** Day by day program; Accordion. */
+  itinerary?: () => any;
+  /** What the price includes and excludes; Card, Descriptions. */
+  included?: () => any;
+  /** Pilgrim reviews; Card, Rating, Avatar. */
+  reviews?: () => any;
+  /** Price, dates, seats and the booking button; Card, Button. */
+  booking?: () => any;
+}
+export const UiPageTourPublic: UiVueComponent<UiPageTourPublicProps, UiPageTourPublicSlots>;
+
 /**
  * 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.
@@ -4381,6 +4818,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'
@@ -4746,6 +5198,32 @@ export interface UiProgressProps {
 export interface UiProgressSlots {}
 export const UiProgress: UiVueComponent<UiProgressProps, UiProgressSlots>;
 
+/**
+ * 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;
+}
+export interface UiQiblaCompassSlots {}
+export const UiQiblaCompass: UiVueComponent<UiQiblaCompassProps, UiQiblaCompassSlots>;
+
 /** 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. */