@ziyarago/ui 0.11.0 → 0.13.0

package/dist/llms.txt

@@ -2,7 +2,7 @@
 
 > ZiyaraGo UI — glass design system for Umrah and Hajj products. OKLCH tokens, two palettes, dark and light, RTL, Thmanyah. One framework-neutral core with Vue 3, Nuxt and React adapters, 208 components and 40 page templates.
 
-Version 0.11.0. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
+Version 0.13.0. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
 
 ## Setup
 - import { UiButton } from '@ziyarago/ui/vue'
@@ -41,9 +41,9 @@ Stacks, grids and page structure.
 - UiPageHeader: Page title block with optional breadcrumbs, subtitle and an actions area.
 - UiAuthLayout: Centered card layout for sign-in and sign-up pages.
 - UiSettingsSection: Settings block with a title and description on the left and fields below.
-- UiLiquidGlass: Frosted liquid-glass panel with adjustable corner radius and blur.
+- UiLiquidGlass (Pro): Frosted liquid-glass panel with adjustable corner radius and blur.
 - UiFooter: Page footer with a copyright line and a row of links.
-- UiSortable: Drag-and-drop reorderable list with grip handles and up/down buttons.
+- UiSortable (Pro): Drag-and-drop reorderable list with grip handles and up/down buttons.
 - UiPortal: Renders its children outside the component tree, for example into document.body.
 
 ## Actions
@@ -51,7 +51,7 @@ Buttons and things you press.
 - UiButton: Primary action control with visual variants, tones, sizes, icons and a loading state.
 - UiIconButton: Square button with only an icon; use for toolbars and compact actions.
 - UiPressable: Unstyled pressable wrapper that makes any content a button with press feedback.
-- UiFab: Floating action button for the main action of a screen; extended when a label is given.
+- UiFab (Pro): Floating action button for the main action of a screen; extended when a label is given.
 - UiCopyButton: Button that copies a value to the clipboard and briefly confirms with a check icon, or reports a failure.
 - UiToggleGroup: Group of toggle buttons with single or multiple selection, optionally icon-only.
 - UiSegmentedControl: Segmented switch for choosing exactly one of a few options.
@@ -59,9 +59,9 @@ Buttons and things you press.
 - UiChip: Compact label with optional icon and remove button; use for statuses, filters and attributes.
 - UiTag: Small pill label, optionally removable; use for keywords and selected values.
 - UiBadge: Status badge with a colored tone and optional dot.
-- UiActionRail: Floating vertical or horizontal rail of icon buttons with a highlighted active item.
-- UiActionCard: Card with a title and built-in collapse, refresh and remove controls.
-- UiNotificationBell: Bell icon button with an unread counter and a dropdown list of notifications.
+- UiActionRail (Pro): Floating vertical or horizontal rail of icon buttons with a highlighted active item.
+- UiActionCard (Pro): Card with a title and built-in collapse, refresh and remove controls.
+- UiNotificationBell (Pro): Bell icon button with an unread counter and a dropdown list of notifications.
 
 ## Forms
 Inputs, pickers and form building blocks.
@@ -72,67 +72,67 @@ Inputs, pickers and form building blocks.
 - UiSearchInput: Compact search field with a clear button and an Enter-to-search event. Use above lists and tables.
 - UiPhoneInput: Phone field with a country code dropdown. Use for contact numbers where the dial code matters.
 - UiCodeInput: One-time code input rendered as separate digit cells. Use for SMS or email verification codes.
-- UiChipInput: Input that turns typed text into removable chips. Use for tags, keywords and email lists.
-- UiInlineEdit: Text that turns into an input on click. Use for renaming and quick edits without a form.
-- UiRichEditor: Rich text editor with a formatting toolbar, built on contenteditable. Use for formatted descriptions and notes.
+- UiChipInput (Pro): Input that turns typed text into removable chips. Use for tags, keywords and email lists.
+- UiInlineEdit (Pro): Text that turns into an input on click. Use for renaming and quick edits without a form.
+- UiRichEditor (Pro): Rich text editor with a formatting toolbar, built on contenteditable. Use for formatted descriptions and notes.
 - UiSelect: Single-choice dropdown. Use when the user picks one value from a known list.
 - UiMultiSelect: Dropdown with checkboxes for choosing several values. Use for filters and multi-valued fields.
-- UiGroupedSelect: Single-choice dropdown with option groups under headings. Use for long lists that have natural categories.
+- UiGroupedSelect (Pro): Single-choice dropdown with option groups under headings. Use for long lists that have natural categories.
 - UiCombobox: Searchable single-choice dropdown. Use for long option lists where typing to filter is faster than scrolling.
-- UiTreeSelect: Dropdown with a searchable tree. Use for hierarchical choices such as regions, categories or org units.
-- UiPillSelect: Small pill-shaped dropdown button. Use for inline filters and sort controls in toolbars.
+- UiTreeSelect (Pro): Dropdown with a searchable tree. Use for hierarchical choices such as regions, categories or org units.
+- UiPillSelect (Pro): Small pill-shaped dropdown button. Use for inline filters and sort controls in toolbars.
 - UiCheckbox: Boolean checkbox with an inline label. Use for opt-ins and independent yes/no choices.
 - UiSwitch: On/off toggle with an inline label. Use for settings that apply immediately.
 - UiRadioGroup: Group of radio options with optional hints. Use for a short single-choice list that should stay visible.
-- UiOptionCard: Selectable card with title, description, price and optional image or icon. Usually rendered by OptionCards.
-- UiOptionCards: Grid of selectable OptionCards, single or multiple choice. Use for plans, room types and delivery options.
+- UiOptionCard (Pro): Selectable card with title, description, price and optional image or icon. Usually rendered by OptionCards.
+- UiOptionCards (Pro): Grid of selectable OptionCards, single or multiple choice. Use for plans, room types and delivery options.
 - UiSlider: Single-handle range slider with a value readout. Use for picking one number in a bounded range.
-- UiRangeSlider: Two-handle slider for a min-max range. Use for price, duration or date-number filters.
+- UiRangeSlider (Pro): Two-handle slider for a min-max range. Use for price, duration or date-number filters.
 - UiRating: Star rating input. Use for reviews and quick feedback.
-- UiColorPicker: Swatch row for choosing a color from presets. Use for tags, labels and theme accents.
+- UiColorPicker (Pro): Swatch row for choosing a color from presets. Use for tags, labels and theme accents.
 - UiCalendar: Month grid for picking one date. Use inline, or inside a popover via DatePicker.
-- UiRangeCalendar: Month grid for picking a date range with hover preview. Use for stays, trips and report periods.
+- UiRangeCalendar (Pro): Month grid for picking a date range with hover preview. Use for stays, trips and report periods.
 - UiDatePicker: Field with a calendar popup for choosing a date. Use in forms where a single date is needed.
 - UiTimePicker: Hour and minute selects for a time of day. Use for opening hours and appointment times.
 - UiFileUpload: Drop-zone style file picker. Use for documents and attachments.
-- UiImageUpload: Image picker with a live preview, square or circular. Use for avatars, covers and logos.
+- UiImageUpload (Pro): Image picker with a live preview, square or circular. Use for avatars, covers and logos.
 - UiFormField: Label, required marker, hint and error wrapper around any control. Use to build a field from custom inputs.
-- UiValidatedField: TextField (or PasswordInput) with built-in validation rules. Use for simple client-side validation without a form library.
+- UiValidatedField (Pro): TextField (or PasswordInput) with built-in validation rules. Use for simple client-side validation without a form library.
 - UiLoginForm: Ready sign-in form with login, password, remember-me, forgot link and submit button. Use as the body of an auth page.
-- UiStepForm: Multi-step form shell: stepper, current step content and Back/Next buttons. Use for wizards and onboarding.
-- UiStepper: Horizontal progress indicator with numbered steps. Use to show position in a multi-step flow.
+- UiStepForm (Pro): Multi-step form shell: stepper, current step content and Back/Next buttons. Use for wizards and onboarding.
+- UiStepper (Pro): Horizontal progress indicator with numbered steps. Use to show position in a multi-step flow.
 
 ## Data display
 Tables, stats, charts and lists.
 - UiCard: Glass surface container with an optional title header, used to group related content.
 - UiDataTable: Table with sortable columns, custom cell rendering and optional row selection checkboxes.
-- UiDataGroup: Table whose rows are collapsed into labeled groups, with optional per-row expandable details.
+- UiDataGroup (Pro): Table whose rows are collapsed into labeled groups, with optional per-row expandable details.
 - UiDescriptions: Definition list of label and value pairs for record details.
 - UiTimeline: Vertical list of events connected by a line, for activity history and status progress.
-- UiTreeView: Expandable tree of nodes for hierarchies such as folders, categories or regions.
-- UiCalendarView: Month calendar that marks days with events, wrapping Calendar with a list-style events prop.
+- UiTreeView (Pro): Expandable tree of nodes for hierarchies such as folders, categories or regions.
+- UiCalendarView (Pro): Month calendar that marks days with events, wrapping Calendar with a list-style events prop.
 - UiKpiTile: Key metric tile with a label, large value and optional delta, for dashboards.
-- UiKpiInline: Compact inline metric with a label, value and delta, for toolbars and card headers.
+- UiKpiInline (Pro): Compact inline metric with a label, value and delta, for toolbars and card headers.
 - UiStatsCard: Metric card with an optional icon, value and an up or down trend.
-- UiStatRow: List row with an icon tile, title, subtitle and a right-aligned value with delta.
-- UiStatLine: Card with a large value, icon tile, label and an accent bar, for a single headline number.
-- UiStatStrip: Horizontal strip of several icon, value and label stats in one card.
-- UiCountryRow: Row with a country code badge, amount, country name and a percentage change.
-- UiVersusBar: Head-to-head comparison of two values with a proportional two-color bar.
-- UiSegBar: Single stacked bar split into proportional segments with a legend, for distributions.
+- UiStatRow (Pro): List row with an icon tile, title, subtitle and a right-aligned value with delta.
+- UiStatLine (Pro): Card with a large value, icon tile, label and an accent bar, for a single headline number.
+- UiStatStrip (Pro): Horizontal strip of several icon, value and label stats in one card.
+- UiCountryRow (Pro): Row with a country code badge, amount, country name and a percentage change.
+- UiVersusBar (Pro): Head-to-head comparison of two values with a proportional two-color bar.
+- UiSegBar (Pro): Single stacked bar split into proportional segments with a legend, for distributions.
 - UiMiniChart: Tiny sparkline in bar or line form for trends inside cards and tables.
-- UiChartCard: Card shell for a chart with title, subtitle and an optional overflow menu; put the chart in the default slot.
+- UiChartCard (Pro): Card shell for a chart with title, subtitle and an optional overflow menu; put the chart in the default slot.
 - UiRing: Circular progress gauge with a percentage in the center and a tick scale around it.
-- UiOccupancyChart: Bar chart of percentages by label, such as hotel occupancy per day or month.
-- UiSalesFunnel: Horizontal funnel of steps with bars scaled to the largest value, for conversion flows.
-- UiSystemStatus: List of services with a status dot and a value such as uptime or latency.
-- UiUserCell: Avatar with a name and optional subtitle, for table cells and lists of people.
+- UiOccupancyChart (Pro): Bar chart of percentages by label, such as hotel occupancy per day or month.
+- UiSalesFunnel (Pro): Horizontal funnel of steps with bars scaled to the largest value, for conversion flows.
+- UiSystemStatus (Pro): List of services with a status dot and a value such as uptime or latency.
+- UiUserCell (Pro): Avatar with a name and optional subtitle, for table cells and lists of people.
 - UiIconTile: Square or circular tinted tile holding an icon, used as a leading visual in lists and cards.
 - UiStatusIcon: Round tinted icon with a hover and focus tooltip, for compact status markers.
-- UiHeroBanner: Wide promotional banner with title, text, a big value, optional action and a background image.
-- UiTabTiles: Row of icon tiles that work as tabs, with an optional add button.
-- UiPricingCard: Pricing plan card with price, feature list and a select button.
-- UiIntegrationCard: Card for a third-party integration showing its connection status and a connect or manage button.
+- UiHeroBanner (Pro): Wide promotional banner with title, text, a big value, optional action and a background image.
+- UiTabTiles (Pro): Row of icon tiles that work as tabs, with an optional add button.
+- UiPricingCard (Pro): Pricing plan card with price, feature list and a select button.
+- UiIntegrationCard (Pro): Card for a third-party integration showing its connection status and a connect or manage button.
 
 ## Feedback
 Alerts, progress and states.
@@ -155,22 +155,22 @@ Dialogs, sheets and popovers.
 - UiDrawer: Side panel that slides over the page; use for filters, details and secondary forms.
 - UiConfirmDialog: Small Modal with a message and Cancel/Confirm buttons; use to confirm destructive or irreversible actions.
 - UiPopconfirm: Button that opens a small confirmation popover with cancel/confirm buttons (No/Yes by default); use for quick inline confirmation of a single action.
-- UiStepDialog: Wide Modal with a vertical step list on the left and Previous/Next buttons; use for multi-step wizards.
-- UiFullscreenDialog: Full-screen dialog with a close button, title and Save action in the header; use for long editing flows on mobile.
+- UiStepDialog (Pro): Wide Modal with a vertical step list on the left and Previous/Next buttons; use for multi-step wizards.
+- UiFullscreenDialog (Pro): Full-screen dialog with a close button, title and Save action in the header; use for long editing flows on mobile.
 - UiBottomSheet: Panel anchored to the bottom of the screen with a grab handle; use for mobile pickers and short forms.
-- UiActionsheet: Bottom sheet with a list of actions and a Cancel button; use for mobile "more actions" menus.
+- UiActionsheet (Pro): Bottom sheet with a list of actions and a Cancel button; use for mobile "more actions" menus.
 - UiPopover: Button that toggles a floating panel with arbitrary content; use for small forms and extra info next to a control.
-- UiHoverCard: Rich card shown on hover or keyboard focus of a trigger; use for previews of users, links or entities.
+- UiHoverCard (Pro): Rich card shown on hover or keyboard focus of a trigger; use for previews of users, links or entities.
 - UiTooltip: Short text bubble shown on hover or focus of the wrapped element; use for icon-only controls and hints.
 - UiDropdown: Button that opens a menu of actions; use for "more" menus and action lists.
 - UiMenu: Static vertical list of actions rendered inline; use in sidebars and custom popovers.
 - UiContextMenu: Wraps an area and shows a menu at the cursor on right click; use for row and canvas actions.
-- UiCommandBar: Floating glass toolbar of icon buttons; use for selection actions or editor tools.
+- UiCommandBar (Pro): Floating glass toolbar of icon buttons; use for selection actions or editor tools.
 - UiCommandPalette: Searchable list of commands in a top-aligned dialog; use for a Cmd+K launcher.
-- UiImageViewer: Full-screen lightbox for one or several images with previous/next buttons and a counter.
-- UiTour: Guided product tour that dims the page, highlights a target element and shows a step popover.
-- UiTourPopover: Step card of a tour with title, text, step counter and Back/Next buttons; used by Tour and usable standalone.
-- UiScreensaver: Full-screen idle screen with a large clock, date and the brand mark; show it after inactivity.
+- UiImageViewer (Pro): Full-screen lightbox for one or several images with previous/next buttons and a counter.
+- UiTour (Pro): Guided product tour that dims the page, highlights a target element and shows a step popover.
+- UiTourPopover (Pro): Step card of a tour with title, text, step counter and Back/Next buttons; used by Tour and usable standalone.
+- UiScreensaver (Pro): Full-screen idle screen with a large clock, date and the brand mark; show it after inactivity.
 
 ## Navigation
 Menus, tabs and paging.
@@ -188,75 +188,75 @@ Avatars, images, maps and icons.
 - UiAvatar: Round user picture that falls back to initials when there is no image.
 - UiIcon: Renders a named icon from the library at a chosen size.
 - UiLazyImage: Image box with a fixed aspect ratio and rounded corners, rendered as a background image.
-- UiGallery: Large image with a counter and a thumbnail strip for browsing a set of photos.
-- UiCarousel: Slideshow of image slides with captions, arrows and dot pagination.
-- UiMap: Interactive raster map with panning, zoom buttons and clickable markers, using OpenStreetMap data via CARTO tiles.
-- UiProfileHeader: Profile card with a cover image, large avatar, name and a row of meta items.
-- UiChatAi: Chat panel with message bubbles, a typing indicator and an input, for AI assistant UIs.
+- UiGallery (Pro): Large image with a counter and a thumbnail strip for browsing a set of photos.
+- UiCarousel (Pro): Slideshow of image slides with captions, arrows and dot pagination.
+- UiMap (Pro): Interactive raster map with panning, zoom buttons and clickable markers, using OpenStreetMap data via CARTO tiles.
+- UiProfileHeader (Pro): Profile card with a cover image, large avatar, name and a row of meta items.
+- UiChatAi (Pro): Chat panel with message bubbles, a typing indicator and an input, for AI assistant UIs.
 
 ## Domain
 Umrah, Hajj, hotel and CRM blocks.
-- UiHotelCard: Hotel listing card with photo, tags, stars, distance, rating and nightly price; use in catalogs and search results.
-- UiTourCard: Tour or virtual-tour card with session count and a seat-occupancy bar.
-- UiPrayerTimes: Row of daily prayer times with the upcoming prayer highlighted.
-- UiRamadanTracker: Thirty-day Ramadan progress strip; the last ten days and odd nights are marked.
-- UiQiblaCompass: Compass dial with a Kaaba marker pointing to the Qibla and the bearing in degrees below it.
-- UiBookingCard: Compact booking summary: code, status, guest, hotel, dates and total.
-- UiGuestCard: Guest profile card with avatar, country, stay length and tags.
-- UiRoomGrid: Tile grid of rooms colored by housekeeping status; use for front-desk room selection.
-- UiRoomCalendar: Gantt-style occupancy calendar: rooms as rows, days as columns, bookings as bars.
-- UiLeadCard: CRM lead card with avatar, code, phone and amount.
-- UiDealCard: CRM deal card with stage badge, amount, win probability and owner; the card type inside PipelineBoard.
-- UiPipelineBoard: Horizontally scrolling kanban pipeline of stage columns filled with DealCards.
-- UiContactPanel: Contact detail card with avatar, role, contact fields and Call / Message buttons.
-- UiKanbanColumn: Single kanban column with a title, count badge and stacked cards.
-- UiKanbanCard: Simple kanban card with title, subtitle, free content and an optional tag.
-- UiCallRow: One-line call log row with avatar, status, duration and a play button.
-- UiCallCard: Call recording card with status badge, a playback progress bar and duration.
-- UiIncomingCall: Glass banner for an incoming call with Decline and Answer buttons.
+- UiHotelCard (Pro): Hotel listing card with photo, tags, stars, distance, rating and nightly price; use in catalogs and search results.
+- UiTourCard (Pro): Tour or virtual-tour card with session count and a seat-occupancy bar.
+- UiPrayerTimes (Pro): Row of daily prayer times with the upcoming prayer highlighted.
+- UiRamadanTracker (Pro): Thirty-day Ramadan progress strip; the last ten days and odd nights are marked.
+- UiQiblaCompass (Pro): Compass dial with a Kaaba marker pointing to the Qibla and the bearing in degrees below it.
+- UiBookingCard (Pro): Compact booking summary: code, status, guest, hotel, dates and total.
+- UiGuestCard (Pro): Guest profile card with avatar, country, stay length and tags.
+- UiRoomGrid (Pro): Tile grid of rooms colored by housekeeping status; use for front-desk room selection.
+- UiRoomCalendar (Pro): Gantt-style occupancy calendar: rooms as rows, days as columns, bookings as bars.
+- UiLeadCard (Pro): CRM lead card with avatar, code, phone and amount.
+- UiDealCard (Pro): CRM deal card with stage badge, amount, win probability and owner; the card type inside PipelineBoard.
+- UiPipelineBoard (Pro): Horizontally scrolling kanban pipeline of stage columns filled with DealCards.
+- UiContactPanel (Pro): Contact detail card with avatar, role, contact fields and Call / Message buttons.
+- UiKanbanColumn (Pro): Single kanban column with a title, count badge and stacked cards.
+- UiKanbanCard (Pro): Simple kanban card with title, subtitle, free content and an optional tag.
+- UiCallRow (Pro): One-line call log row with avatar, status, duration and a play button.
+- UiCallCard (Pro): Call recording card with status badge, a playback progress bar and duration.
+- UiIncomingCall (Pro): Glass banner for an incoming call with Decline and Answer buttons.
 - UiAuthSplit: Two-column sign-in layout with a brand panel on the left and the form on the right.
-- UiAuthShowcase: Sign-in layout with a media panel: dark photo card with floating avatars, light gradient card with a social-proof pill, or a tinted panel with a glass caption. The default slot is the form.
+- UiAuthShowcase (Pro): Sign-in layout with a media panel: dark photo card with floating avatars, light gradient card with a social-proof pill, or a tinted panel with a glass caption. The default slot is the form.
 - UiSocialAuth: Continue with Google and Apple buttons with an "or" divider. Place it under the sign-in form.
 
 ## Page templates
 Ready layouts with named slots.
 - UiPageDashboard: Dashboard template: greeting hero, KPI tiles, occupancy chart, sales funnel, top list and activity feed.
-- UiPagePatterns: Showcase template combining twelve recurring dashboard card patterns (banner, strips, stat lines, charts, lists).
-- UiPageCrm: CRM template: summary tiles, filters, pipeline board and call queue.
-- UiPageBookings: Bookings list template: stats, toolbar, bulk-action bar, table and pagination.
-- UiPageCatalog: Catalog template with a filter sidebar and a card grid (hotels, tours).
-- UiPageDetail: Detail page template (hotel, tour): gallery, summary, tabs, history and a booking side card.
+- UiPagePatterns (Pro): Showcase template combining twelve recurring dashboard card patterns (banner, strips, stat lines, charts, lists).
+- UiPageCrm (Pro): CRM template: summary tiles, filters, pipeline board and call queue.
+- UiPageBookings (Pro): Bookings list template: stats, toolbar, bulk-action bar, table and pagination.
+- UiPageCatalog (Pro): Catalog template with a filter sidebar and a card grid (hotels, tours).
+- UiPageDetail (Pro): Detail page template (hotel, tour): gallery, summary, tabs, history and a booking side card.
 - UiPageSettings: Settings template with a section sub-navigation and stacked settings sections.
 - UiPageUserList: User or customer list template: stats, filters, toolbar, table and a right-hand add/edit drawer.
-- UiPageProfile: User profile template: cover header, tabs and two columns of about, activity and plan cards.
-- UiPageForm: Create/edit form template: main column, media, side column and header actions.
-- UiPageOrder: Order/booking details template: status chips, items table, timeline and side info cards.
-- UiPageAccount: Account settings template with pill tabs and a swappable panel.
+- UiPageProfile (Pro): User profile template: cover header, tabs and two columns of about, activity and plan cards.
+- UiPageForm (Pro): Create/edit form template: main column, media, side column and header actions.
+- UiPageOrder (Pro): Order/booking details template: status chips, items table, timeline and side info cards.
+- UiPageAccount (Pro): Account settings template with pill tabs and a swappable panel.
 - UiPagePricing: Pricing template: billing-period toggle, plan cards and an FAQ.
-- UiPageFaq: Help center template: search, categories, answers accordion and a contact block.
-- UiPageAnalytics: Analytics template: period picker, KPI strip, trend charts, a breakdown block and a table. Put Export in actions.
-- UiPageCalendar: Calendar template: view switch, time grid, mini calendar and event details.
-- UiPageKanban: Kanban template: filters, task board columns and a card detail panel.
-- UiPageBilling: Billing template: current plan, usage meters, invoices, payment methods and an upgrade card.
-- UiPageTeam: Team template: member stats, members table, roles and permissions matrix, and an invite form.
-- UiPageIntegrations: Integrations template: connection cards, API keys and webhooks.
-- UiPageSearch: Search template: query field, filter sidebar, result groups and an empty state.
-- UiPageArticle: Article template: cover, post body, sticky table of contents, share row and related posts.
-- UiPageChangelog: Changelog template: release timeline grouped by version with new, fix and improved tags, a filter and a subscribe card.
-- UiPageHelp: Help center home: search, category grid, popular articles and a contact card.
-- UiPageStates: State gallery: empty list, no results, no permission, offline, error with retry, loading and success on one page.
-- UiPageLegal: Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.
-- UiPageLocations: Locations template: filters, a scrollable list of places and a sticky map panel.
-- UiPageBookingFlow: Booking flow template: stepper, the active step content, back and continue buttons and a sticky summary card.
-- UiPageItinerary: Itinerary template: day tabs, a timeline of stops for the chosen day, transport and hotel blocks and a sticky trip summary card.
-- UiPagePrayer: Prayer times template: a location picker, today's times with the next prayer highlighted, a month table and a sticky Qibla compass.
-- UiPageGroupManager: Group manager template: trip summary, pilgrims table with document and visa status, bulk actions, rooming and a sticky payments summary.
-- UiPageTourPublic: 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.
-- UiPageNotifications: Notifications template: filters, a feed grouped by day and an empty state. Put Mark all read in actions.
-- UiPageInbox: Inbox template: filters and conversation list, the open thread with a composer, and a customer panel.
-- UiPageCheckout: Checkout template: step indicator, cart items, delivery address, payment and an order summary column.
-- UiPageOnboarding: Onboarding template: progress block, active step content, setup checklist and a column of tips.
-- UiPageLanding: Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.
+- UiPageFaq (Pro): Help center template: search, categories, answers accordion and a contact block.
+- UiPageAnalytics (Pro): Analytics template: period picker, KPI strip, trend charts, a breakdown block and a table. Put Export in actions.
+- UiPageCalendar (Pro): Calendar template: view switch, time grid, mini calendar and event details.
+- UiPageKanban (Pro): Kanban template: filters, task board columns and a card detail panel.
+- UiPageBilling (Pro): Billing template: current plan, usage meters, invoices, payment methods and an upgrade card.
+- UiPageTeam (Pro): Team template: member stats, members table, roles and permissions matrix, and an invite form.
+- UiPageIntegrations (Pro): Integrations template: connection cards, API keys and webhooks.
+- UiPageSearch (Pro): Search template: query field, filter sidebar, result groups and an empty state.
+- UiPageArticle (Pro): Article template: cover, post body, sticky table of contents, share row and related posts.
+- UiPageChangelog (Pro): Changelog template: release timeline grouped by version with new, fix and improved tags, a filter and a subscribe card.
+- UiPageHelp (Pro): Help center home: search, category grid, popular articles and a contact card.
+- UiPageStates (Pro): State gallery: empty list, no results, no permission, offline, error with retry, loading and success on one page.
+- UiPageLegal (Pro): Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.
+- UiPageLocations (Pro): Locations template: filters, a scrollable list of places and a sticky map panel.
+- UiPageBookingFlow (Pro): Booking flow template: stepper, the active step content, back and continue buttons and a sticky summary card.
+- UiPageItinerary (Pro): Itinerary template: day tabs, a timeline of stops for the chosen day, transport and hotel blocks and a sticky trip summary card.
+- UiPagePrayer (Pro): Prayer times template: a location picker, today's times with the next prayer highlighted, a month table and a sticky Qibla compass.
+- UiPageGroupManager (Pro): Group manager template: trip summary, pilgrims table with document and visa status, bulk actions, rooming and a sticky payments summary.
+- UiPageTourPublic (Pro): 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.
+- UiPageNotifications (Pro): Notifications template: filters, a feed grouped by day and an empty state. Put Mark all read in actions.
+- UiPageInbox (Pro): Inbox template: filters and conversation list, the open thread with a composer, and a customer panel.
+- UiPageCheckout (Pro): Checkout template: step indicator, cart items, delivery address, payment and an order summary column.
+- UiPageOnboarding (Pro): Onboarding template: progress block, active step content, setup checklist and a column of tips.
+- UiPageLanding (Pro): Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.
 - UiPageAuth: Sign-in page template without the app shell, as a centered card or a split layout.
 - UiPageStatus: Full-page status screen (404, 401, maintenance, coming soon) with one action.