@ziyarago/ui 0.10.0 → 0.12.0

package/dist/manifest.json

@@ -1,6 +1,6 @@
 {
  "name": "@ziyarago/ui",
- "version": "0.10.0",
+ "version": "0.12.0",
  "homepage": "https://ziyara.vip",
  "imports": {
   "vue": "import { UiButton } from '@ziyarago/ui/vue'",
@@ -5448,6 +5448,7 @@
    "name": "Heading",
    "tag": "UiHeading",
    "group": "typography",
+   "tier": "free",
    "description": "Semantic heading h1-h6 with a responsive type scale; use for page and section titles.",
    "props": {
     "level": {
@@ -5493,6 +5494,7 @@
    "name": "Text",
    "tag": "UiText",
    "group": "typography",
+   "tier": "free",
    "description": "Body text paragraph (or any inline/block tag via as) with size, tone and truncation.",
    "props": {
     "as": {
@@ -5543,6 +5545,7 @@
    "name": "Code",
    "tag": "UiCode",
    "group": "typography",
+   "tier": "free",
    "description": "Code block with a header (title or language) and a copy button; use for snippets and commands.",
    "props": {
     "code": {
@@ -5580,6 +5583,7 @@
    "name": "Kbd",
    "tag": "UiKbd",
    "group": "typography",
+   "tier": "free",
    "description": "Keyboard key cap for shortcuts such as Ctrl or K.",
    "props": {
     "size": {
@@ -5606,6 +5610,7 @@
    "name": "Link",
    "tag": "UiLink",
    "group": "typography",
+   "tier": "free",
    "description": "Styled anchor for in-text and standalone links, with optional external-link behavior.",
    "props": {
     "href": {
@@ -5650,6 +5655,7 @@
    "name": "Box",
    "tag": "UiBox",
    "group": "layout",
+   "tier": "free",
    "description": "Generic container with optional padding and glass background.",
    "props": {
     "p": {
@@ -5679,6 +5685,7 @@
    "name": "Center",
    "tag": "UiCenter",
    "group": "layout",
+   "tier": "free",
    "description": "Centers its children horizontally and vertically.",
    "props": {
     "as": {
@@ -5699,6 +5706,7 @@
    "name": "HStack",
    "tag": "UiHStack",
    "group": "layout",
+   "tier": "free",
    "description": "Horizontal flex row with a configurable gap.",
    "props": {
     "gap": {
@@ -5743,6 +5751,7 @@
    "name": "VStack",
    "tag": "UiVStack",
    "group": "layout",
+   "tier": "free",
    "description": "Vertical flex column with a configurable gap.",
    "props": {
     "gap": {
@@ -5787,6 +5796,7 @@
    "name": "Grid",
    "tag": "UiGrid",
    "group": "layout",
+   "tier": "free",
    "description": "CSS grid with a fixed column count or auto-fit columns of a minimum width.",
    "props": {
     "cols": {
@@ -5821,6 +5831,7 @@
    "name": "Divider",
    "tag": "UiDivider",
    "group": "layout",
+   "tier": "free",
    "description": "Horizontal separator line with an optional centered label.",
    "props": {
     "label": {
@@ -5848,6 +5859,7 @@
    "name": "ScrollArea",
    "tag": "UiScrollArea",
    "group": "layout",
+   "tier": "free",
    "description": "Vertically scrollable container with a max height and styled scrollbar.",
    "props": {
     "maxHeight": {
@@ -5864,6 +5876,7 @@
    "name": "SplitLayout",
    "tag": "UiSplitLayout",
    "group": "layout",
+   "tier": "free",
    "description": "Two-column layout with configurable column widths; use for master-detail or side-by-side content.",
    "props": {
     "columns": {
@@ -5884,6 +5897,7 @@
    "name": "AppShell",
    "tag": "UiAppShell",
    "group": "layout",
+   "tier": "free",
    "description": "Application frame with a top or side navigation and a main content area.",
    "props": {
     "nav": {
@@ -5946,6 +5960,7 @@
    "name": "PageHeader",
    "tag": "UiPageHeader",
    "group": "layout",
+   "tier": "free",
    "description": "Page title block with optional breadcrumbs, subtitle and an actions area.",
    "props": {
     "title": {
@@ -5982,6 +5997,7 @@
    "name": "AuthLayout",
    "tag": "UiAuthLayout",
    "group": "layout",
+   "tier": "free",
    "description": "Centered card layout for sign-in and sign-up pages.",
    "props": {
     "title": {
@@ -6010,6 +6026,7 @@
    "name": "SettingsSection",
    "tag": "UiSettingsSection",
    "group": "layout",
+   "tier": "free",
    "description": "Settings block with a title and description on the left and fields below.",
    "props": {
     "title": {
@@ -6042,6 +6059,7 @@
    "name": "LiquidGlass",
    "tag": "UiLiquidGlass",
    "group": "layout",
+   "tier": "pro",
    "description": "Frosted liquid-glass panel with adjustable corner radius and blur.",
    "props": {
     "radius": {
@@ -6078,6 +6096,7 @@
    "name": "Footer",
    "tag": "UiFooter",
    "group": "layout",
+   "tier": "free",
    "description": "Page footer with a copyright line and a row of links.",
    "props": {
     "copyright": {
@@ -6111,6 +6130,7 @@
    "name": "Sortable",
    "tag": "UiSortable",
    "group": "layout",
+   "tier": "pro",
    "description": "Drag-and-drop reorderable list with grip handles and up/down buttons.",
    "props": {
     "items": {
@@ -6148,6 +6168,7 @@
    "name": "Portal",
    "tag": "UiPortal",
    "group": "layout",
+   "tier": "free",
    "description": "Renders its children outside the component tree, for example into document.body.",
    "props": {
     "to": {
@@ -6166,6 +6187,7 @@
    "name": "Button",
    "tag": "UiButton",
    "group": "actions",
+   "tier": "free",
    "description": "Primary action control with visual variants, tones, sizes, icons and a loading state.",
    "props": {
     "variant": {
@@ -6265,6 +6287,7 @@
    "name": "IconButton",
    "tag": "UiIconButton",
    "group": "actions",
+   "tier": "free",
    "description": "Square button with only an icon; use for toolbars and compact actions.",
    "props": {
     "icon": {
@@ -6303,6 +6326,7 @@
    "name": "Pressable",
    "tag": "UiPressable",
    "group": "actions",
+   "tier": "free",
    "description": "Unstyled pressable wrapper that makes any content a button with press feedback.",
    "props": {
     "as": {
@@ -6334,6 +6358,7 @@
    "name": "Fab",
    "tag": "UiFab",
    "group": "actions",
+   "tier": "pro",
    "description": "Floating action button for the main action of a screen; extended when a label is given.",
    "props": {
     "icon": {
@@ -6369,6 +6394,7 @@
    "name": "CopyButton",
    "tag": "UiCopyButton",
    "group": "actions",
+   "tier": "free",
    "description": "Button that copies a value to the clipboard and briefly confirms with a check icon, or reports a failure.",
    "props": {
     "value": {
@@ -6421,6 +6447,7 @@
    "name": "ToggleGroup",
    "tag": "UiToggleGroup",
    "group": "actions",
+   "tier": "free",
    "description": "Group of toggle buttons with single or multiple selection, optionally icon-only.",
    "props": {
     "options": {
@@ -6473,6 +6500,7 @@
    "name": "SegmentedControl",
    "tag": "UiSegmentedControl",
    "group": "actions",
+   "tier": "free",
    "description": "Segmented switch for choosing exactly one of a few options.",
    "props": {
     "items": {
@@ -6521,6 +6549,7 @@
    "name": "FilterChips",
    "tag": "UiFilterChips",
    "group": "actions",
+   "tier": "free",
    "description": "Row of selectable filter chips with single or multiple selection.",
    "props": {
     "items": {
@@ -6560,6 +6589,7 @@
    "name": "Chip",
    "tag": "UiChip",
    "group": "actions",
+   "tier": "free",
    "description": "Compact label with optional icon and remove button; use for statuses, filters and attributes.",
    "props": {
     "variant": {
@@ -6619,6 +6649,7 @@
    "name": "Tag",
    "tag": "UiTag",
    "group": "actions",
+   "tier": "free",
    "description": "Small pill label, optionally removable; use for keywords and selected values.",
    "props": {
     "size": {
@@ -6646,6 +6677,7 @@
    "name": "Badge",
    "tag": "UiBadge",
    "group": "actions",
+   "tier": "free",
    "description": "Status badge with a colored tone and optional dot.",
    "props": {
     "tone": {
@@ -6698,6 +6730,7 @@
    "name": "ActionRail",
    "tag": "UiActionRail",
    "group": "actions",
+   "tier": "pro",
    "description": "Floating vertical or horizontal rail of icon buttons with a highlighted active item.",
    "props": {
     "items": {
@@ -6734,6 +6767,7 @@
    "name": "ActionCard",
    "tag": "UiActionCard",
    "group": "actions",
+   "tier": "pro",
    "description": "Card with a title and built-in collapse, refresh and remove controls.",
    "props": {
     "title": {
@@ -6783,6 +6817,7 @@
    "name": "NotificationBell",
    "tag": "UiNotificationBell",
    "group": "actions",
+   "tier": "pro",
    "description": "Bell icon button with an unread counter and a dropdown list of notifications.",
    "props": {
     "items": {
@@ -6817,6 +6852,7 @@
    "name": "TextField",
    "tag": "UiTextField",
    "group": "forms",
+   "tier": "free",
    "description": "Single-line text input with label, icon, suffix, hint and error. Use for any short free-text or typed value (email, url, number as text).",
    "props": {
     "modelValue": {
@@ -6983,6 +7019,7 @@
    "name": "Textarea",
    "tag": "UiTextarea",
    "group": "forms",
+   "tier": "free",
    "description": "Multi-line text input. Use for comments, descriptions and other long text.",
    "props": {
     "modelValue": {
@@ -7079,6 +7116,7 @@
    "name": "NumberInput",
    "tag": "UiNumberInput",
    "group": "forms",
+   "tier": "free",
    "description": "Numeric stepper with minus and plus buttons and a typed value. Use for quantities, guest counts and small integers.",
    "props": {
     "modelValue": {
@@ -7143,6 +7181,7 @@
    "name": "PasswordInput",
    "tag": "UiPasswordInput",
    "group": "forms",
+   "tier": "free",
    "description": "Password field with a show/hide toggle. Use for sign-in and password change forms.",
    "props": {
     "modelValue": {
@@ -7214,6 +7253,7 @@
    "name": "SearchInput",
    "tag": "UiSearchInput",
    "group": "forms",
+   "tier": "free",
    "description": "Compact search field with a clear button and an Enter-to-search event. Use above lists and tables.",
    "props": {
     "modelValue": {
@@ -7251,6 +7291,7 @@
    "name": "PhoneInput",
    "tag": "UiPhoneInput",
    "group": "forms",
+   "tier": "free",
    "description": "Phone field with a country code dropdown. Use for contact numbers where the dial code matters.",
    "props": {
     "modelValue": {
@@ -7307,6 +7348,7 @@
    "name": "CodeInput",
    "tag": "UiCodeInput",
    "group": "forms",
+   "tier": "free",
    "description": "One-time code input rendered as separate digit cells. Use for SMS or email verification codes.",
    "props": {
     "modelValue": {
@@ -7350,6 +7392,7 @@
    "name": "ChipInput",
    "tag": "UiChipInput",
    "group": "forms",
+   "tier": "pro",
    "description": "Input that turns typed text into removable chips. Use for tags, keywords and email lists.",
    "props": {
     "modelValue": {
@@ -7405,6 +7448,7 @@
    "name": "InlineEdit",
    "tag": "UiInlineEdit",
    "group": "forms",
+   "tier": "pro",
    "description": "Text that turns into an input on click. Use for renaming and quick edits without a form.",
    "props": {
     "modelValue": {
@@ -7439,6 +7483,7 @@
    "name": "RichEditor",
    "tag": "UiRichEditor",
    "group": "forms",
+   "tier": "pro",
    "description": "Rich text editor with a formatting toolbar, built on contenteditable. Use for formatted descriptions and notes.",
    "props": {
     "modelValue": {
@@ -7487,6 +7532,7 @@
    "name": "Select",
    "tag": "UiSelect",
    "group": "forms",
+   "tier": "free",
    "description": "Single-choice dropdown. Use when the user picks one value from a known list.",
    "props": {
     "modelValue": {
@@ -7557,6 +7603,7 @@
    "name": "MultiSelect",
    "tag": "UiMultiSelect",
    "group": "forms",
+   "tier": "free",
    "description": "Dropdown with checkboxes for choosing several values. Use for filters and multi-valued fields.",
    "props": {
     "modelValue": {
@@ -7608,6 +7655,7 @@
    "name": "GroupedSelect",
    "tag": "UiGroupedSelect",
    "group": "forms",
+   "tier": "pro",
    "description": "Single-choice dropdown with option groups under headings. Use for long lists that have natural categories.",
    "props": {
     "modelValue": {
@@ -7658,6 +7706,7 @@
    "name": "Combobox",
    "tag": "UiCombobox",
    "group": "forms",
+   "tier": "free",
    "description": "Searchable single-choice dropdown. Use for long option lists where typing to filter is faster than scrolling.",
    "props": {
     "modelValue": {
@@ -7733,6 +7782,7 @@
    "name": "TreeSelect",
    "tag": "UiTreeSelect",
    "group": "forms",
+   "tier": "pro",
    "description": "Dropdown with a searchable tree. Use for hierarchical choices such as regions, categories or org units.",
    "props": {
     "modelValue": {
@@ -7789,6 +7839,7 @@
    "name": "PillSelect",
    "tag": "UiPillSelect",
    "group": "forms",
+   "tier": "pro",
    "description": "Small pill-shaped dropdown button. Use for inline filters and sort controls in toolbars.",
    "props": {
     "modelValue": {
@@ -7838,6 +7889,7 @@
    "name": "Checkbox",
    "tag": "UiCheckbox",
    "group": "forms",
+   "tier": "free",
    "description": "Boolean checkbox with an inline label. Use for opt-ins and independent yes/no choices.",
    "props": {
     "modelValue": {
@@ -7892,6 +7944,7 @@
    "name": "Switch",
    "tag": "UiSwitch",
    "group": "forms",
+   "tier": "free",
    "description": "On/off toggle with an inline label. Use for settings that apply immediately.",
    "props": {
     "modelValue": {
@@ -7946,6 +7999,7 @@
    "name": "RadioGroup",
    "tag": "UiRadioGroup",
    "group": "forms",
+   "tier": "free",
    "description": "Group of radio options with optional hints. Use for a short single-choice list that should stay visible.",
    "props": {
     "modelValue": {
@@ -8008,6 +8062,7 @@
    "name": "OptionCard",
    "tag": "UiOptionCard",
    "group": "forms",
+   "tier": "pro",
    "description": "Selectable card with title, description, price and optional image or icon. Usually rendered by OptionCards.",
    "props": {
     "title": {
@@ -8061,6 +8116,7 @@
    "name": "OptionCards",
    "tag": "UiOptionCards",
    "group": "forms",
+   "tier": "pro",
    "description": "Grid of selectable OptionCards, single or multiple choice. Use for plans, room types and delivery options.",
    "props": {
     "modelValue": {
@@ -8109,6 +8165,7 @@
    "name": "Slider",
    "tag": "UiSlider",
    "group": "forms",
+   "tier": "free",
    "description": "Single-handle range slider with a value readout. Use for picking one number in a bounded range.",
    "props": {
     "modelValue": {
@@ -8176,6 +8233,7 @@
    "name": "RangeSlider",
    "tag": "UiRangeSlider",
    "group": "forms",
+   "tier": "pro",
    "description": "Two-handle slider for a min-max range. Use for price, duration or date-number filters.",
    "props": {
     "modelValue": {
@@ -8228,6 +8286,7 @@
    "name": "Rating",
    "tag": "UiRating",
    "group": "forms",
+   "tier": "free",
    "description": "Star rating input. Use for reviews and quick feedback.",
    "props": {
     "modelValue": {
@@ -8272,6 +8331,7 @@
    "name": "ColorPicker",
    "tag": "UiColorPicker",
    "group": "forms",
+   "tier": "pro",
    "description": "Swatch row for choosing a color from presets. Use for tags, labels and theme accents.",
    "props": {
     "modelValue": {
@@ -8313,6 +8373,7 @@
    "name": "Calendar",
    "tag": "UiCalendar",
    "group": "forms",
+   "tier": "free",
    "description": "Month grid for picking one date. Use inline, or inside a popover via DatePicker.",
    "props": {
     "modelValue": {
@@ -8371,6 +8432,7 @@
    "name": "RangeCalendar",
    "tag": "UiRangeCalendar",
    "group": "forms",
+   "tier": "pro",
    "description": "Month grid for picking a date range with hover preview. Use for stays, trips and report periods.",
    "props": {
     "modelValue": {
@@ -8416,6 +8478,7 @@
    "name": "DatePicker",
    "tag": "UiDatePicker",
    "group": "forms",
+   "tier": "free",
    "description": "Field with a calendar popup for choosing a date. Use in forms where a single date is needed.",
    "props": {
     "modelValue": {
@@ -8508,6 +8571,7 @@
    "name": "TimePicker",
    "tag": "UiTimePicker",
    "group": "forms",
+   "tier": "free",
    "description": "Hour and minute selects for a time of day. Use for opening hours and appointment times.",
    "props": {
     "modelValue": {
@@ -8556,6 +8620,7 @@
    "name": "FileUpload",
    "tag": "UiFileUpload",
    "group": "forms",
+   "tier": "free",
    "description": "Drop-zone style file picker. Use for documents and attachments.",
    "props": {
     "title": {
@@ -8622,6 +8687,7 @@
    "name": "ImageUpload",
    "tag": "UiImageUpload",
    "group": "forms",
+   "tier": "pro",
    "description": "Image picker with a live preview, square or circular. Use for avatars, covers and logos.",
    "props": {
     "modelValue": {
@@ -8677,6 +8743,7 @@
    "name": "FormField",
    "tag": "UiFormField",
    "group": "forms",
+   "tier": "free",
    "description": "Label, required marker, hint and error wrapper around any control. Use to build a field from custom inputs.",
    "props": {
     "label": {
@@ -8723,6 +8790,7 @@
    "name": "ValidatedField",
    "tag": "UiValidatedField",
    "group": "forms",
+   "tier": "pro",
    "description": "TextField (or PasswordInput) with built-in validation rules. Use for simple client-side validation without a form library.",
    "props": {
     "modelValue": {
@@ -8796,6 +8864,7 @@
    "name": "LoginForm",
    "tag": "UiLoginForm",
    "group": "forms",
+   "tier": "free",
    "description": "Ready sign-in form with login, password, remember-me, forgot link and submit button. Use as the body of an auth page.",
    "props": {
     "error": {
@@ -8853,6 +8922,7 @@
    "name": "StepForm",
    "tag": "UiStepForm",
    "group": "forms",
+   "tier": "pro",
    "description": "Multi-step form shell: stepper, current step content and Back/Next buttons. Use for wizards and onboarding.",
    "props": {
     "steps": {
@@ -8889,6 +8959,7 @@
    "name": "Stepper",
    "tag": "UiStepper",
    "group": "forms",
+   "tier": "pro",
    "description": "Horizontal progress indicator with numbered steps. Use to show position in a multi-step flow.",
    "props": {
     "steps": {
@@ -8919,6 +8990,7 @@
    "name": "Card",
    "tag": "UiCard",
    "group": "data",
+   "tier": "free",
    "description": "Glass surface container with an optional title header, used to group related content.",
    "props": {
     "title": {
@@ -9002,6 +9074,7 @@
    "name": "DataTable",
    "tag": "UiDataTable",
    "group": "data",
+   "tier": "free",
    "description": "Table with sortable columns, custom cell rendering and optional row selection checkboxes.",
    "props": {
     "columns": {
@@ -9074,6 +9147,7 @@
    "name": "DataGroup",
    "tag": "UiDataGroup",
    "group": "data",
+   "tier": "pro",
    "description": "Table whose rows are collapsed into labeled groups, with optional per-row expandable details.",
    "props": {
     "columns": {
@@ -9113,6 +9187,7 @@
    "name": "Descriptions",
    "tag": "UiDescriptions",
    "group": "data",
+   "tier": "free",
    "description": "Definition list of label and value pairs for record details.",
    "props": {
     "items": {
@@ -9139,6 +9214,7 @@
    "name": "Timeline",
    "tag": "UiTimeline",
    "group": "data",
+   "tier": "free",
    "description": "Vertical list of events connected by a line, for activity history and status progress.",
    "props": {
     "items": {
@@ -9165,6 +9241,7 @@
    "name": "TreeView",
    "tag": "UiTreeView",
    "group": "data",
+   "tier": "pro",
    "description": "Expandable tree of nodes for hierarchies such as folders, categories or regions.",
    "props": {
     "nodes": {
@@ -9201,6 +9278,7 @@
    "name": "CalendarView",
    "tag": "UiCalendarView",
    "group": "data",
+   "tier": "pro",
    "description": "Month calendar that marks days with events, wrapping Calendar with a list-style events prop.",
    "props": {
     "events": {
@@ -9244,6 +9322,7 @@
    "name": "KpiTile",
    "tag": "UiKpiTile",
    "group": "data",
+   "tier": "free",
    "description": "Key metric tile with a label, large value and optional delta, for dashboards.",
    "props": {
     "label": {
@@ -9290,6 +9369,7 @@
    "name": "KpiInline",
    "tag": "UiKpiInline",
    "group": "data",
+   "tier": "pro",
    "description": "Compact inline metric with a label, value and delta, for toolbars and card headers.",
    "props": {
     "label": {
@@ -9324,6 +9404,7 @@
    "name": "StatsCard",
    "tag": "UiStatsCard",
    "group": "data",
+   "tier": "free",
    "description": "Metric card with an optional icon, value and an up or down trend.",
    "props": {
     "label": {
@@ -9371,6 +9452,7 @@
    "name": "StatRow",
    "tag": "UiStatRow",
    "group": "data",
+   "tier": "pro",
    "description": "List row with an icon tile, title, subtitle and a right-aligned value with delta.",
    "props": {
     "title": {
@@ -9425,6 +9507,7 @@
    "name": "StatLine",
    "tag": "UiStatLine",
    "group": "data",
+   "tier": "pro",
    "description": "Card with a large value, icon tile, label and an accent bar, for a single headline number.",
    "props": {
     "label": {
@@ -9476,6 +9559,7 @@
    "name": "StatStrip",
    "tag": "UiStatStrip",
    "group": "data",
+   "tier": "pro",
    "description": "Horizontal strip of several icon, value and label stats in one card.",
    "props": {
     "items": {
@@ -9502,6 +9586,7 @@
    "name": "CountryRow",
    "tag": "UiCountryRow",
    "group": "data",
+   "tier": "pro",
    "description": "Row with a country code badge, amount, country name and a percentage change.",
    "props": {
     "code": {
@@ -9529,6 +9614,7 @@
    "name": "VersusBar",
    "tag": "UiVersusBar",
    "group": "data",
+   "tier": "pro",
    "description": "Head-to-head comparison of two values with a proportional two-color bar.",
    "props": {
     "left": {
@@ -9562,6 +9648,7 @@
    "name": "SegBar",
    "tag": "UiSegBar",
    "group": "data",
+   "tier": "pro",
    "description": "Single stacked bar split into proportional segments with a legend, for distributions.",
    "props": {
     "segments": {
@@ -9576,6 +9663,7 @@
    "name": "MiniChart",
    "tag": "UiMiniChart",
    "group": "data",
+   "tier": "free",
    "description": "Tiny sparkline in bar or line form for trends inside cards and tables.",
    "props": {
     "values": {
@@ -9623,6 +9711,7 @@
    "name": "ChartCard",
    "tag": "UiChartCard",
    "group": "data",
+   "tier": "pro",
    "description": "Card shell for a chart with title, subtitle and an optional overflow menu; put the chart in the default slot.",
    "props": {
     "title": {
@@ -9662,6 +9751,7 @@
    "name": "Ring",
    "tag": "UiRing",
    "group": "data",
+   "tier": "free",
    "description": "Circular progress gauge with a percentage in the center and a tick scale around it.",
    "props": {
     "value": {
@@ -9710,6 +9800,7 @@
    "name": "OccupancyChart",
    "tag": "UiOccupancyChart",
    "group": "data",
+   "tier": "pro",
    "description": "Bar chart of percentages by label, such as hotel occupancy per day or month.",
    "props": {
     "values": {
@@ -9729,6 +9820,7 @@
    "name": "SalesFunnel",
    "tag": "UiSalesFunnel",
    "group": "data",
+   "tier": "pro",
    "description": "Horizontal funnel of steps with bars scaled to the largest value, for conversion flows.",
    "props": {
     "steps": {
@@ -9743,6 +9835,7 @@
    "name": "SystemStatus",
    "tag": "UiSystemStatus",
    "group": "data",
+   "tier": "pro",
    "description": "List of services with a status dot and a value such as uptime or latency.",
    "props": {
     "items": {
@@ -9757,6 +9850,7 @@
    "name": "UserCell",
    "tag": "UiUserCell",
    "group": "data",
+   "tier": "pro",
    "description": "Avatar with a name and optional subtitle, for table cells and lists of people.",
    "props": {
     "name": {
@@ -9790,6 +9884,7 @@
    "name": "IconTile",
    "tag": "UiIconTile",
    "group": "data",
+   "tier": "free",
    "description": "Square or circular tinted tile holding an icon, used as a leading visual in lists and cards.",
    "props": {
     "icon": {
@@ -9837,6 +9932,7 @@
    "name": "StatusIcon",
    "tag": "UiStatusIcon",
    "group": "data",
+   "tier": "free",
    "description": "Round tinted icon with a hover and focus tooltip, for compact status markers.",
    "props": {
     "icon": {
@@ -9882,6 +9978,7 @@
    "name": "HeroBanner",
    "tag": "UiHeroBanner",
    "group": "data",
+   "tier": "pro",
    "description": "Wide promotional banner with title, text, a big value, optional action and a background image.",
    "props": {
     "title": {
@@ -9917,6 +10014,7 @@
    "name": "TabTiles",
    "tag": "UiTabTiles",
    "group": "data",
+   "tier": "pro",
    "description": "Row of icon tiles that work as tabs, with an optional add button.",
    "props": {
     "items": {
@@ -9947,6 +10045,7 @@
    "name": "PricingCard",
    "tag": "UiPricingCard",
    "group": "data",
+   "tier": "pro",
    "description": "Pricing plan card with price, feature list and a select button.",
    "props": {
     "name": {
@@ -10003,6 +10102,7 @@
    "name": "IntegrationCard",
    "tag": "UiIntegrationCard",
    "group": "data",
+   "tier": "pro",
    "description": "Card for a third-party integration showing its connection status and a connect or manage button.",
    "props": {
     "name": {
@@ -10054,6 +10154,7 @@
    "name": "Alert",
    "tag": "UiAlert",
    "group": "feedback",
+   "tier": "free",
    "description": "Inline message block with a tone icon, optional title and close button; use for form errors, notices and results inside a page.",
    "props": {
     "tone": {
@@ -10112,6 +10213,7 @@
    "name": "Banner",
    "tag": "UiBanner",
    "group": "feedback",
+   "tier": "free",
    "description": "Full-width Alert without rounded corners; use at the top of a page or section for system-wide notices.",
    "props": {
     "tone": {
@@ -10158,6 +10260,7 @@
    "name": "Toast",
    "tag": "UiToast",
    "group": "feedback",
+   "tier": "free",
    "description": "Static toast card with a tone icon, title and text; use for transient confirmations rendered in your own toast stack.",
    "props": {
     "tone": {
@@ -10200,6 +10303,7 @@
    "name": "Snackbar",
    "tag": "UiSnackbar",
    "group": "feedback",
+   "tier": "free",
    "description": "Compact dark bar with a message and one optional action; use for undo and short confirmations at the bottom of the screen.",
    "props": {
     "tone": {
@@ -10256,6 +10360,7 @@
    "name": "Progress",
    "tag": "UiProgress",
    "group": "feedback",
+   "tier": "free",
    "description": "Horizontal progress bar with optional label and meta text; use for uploads, quotas and completion.",
    "props": {
     "value": {
@@ -10301,6 +10406,7 @@
    "name": "Spinner",
    "tag": "UiSpinner",
    "group": "feedback",
+   "tier": "free",
    "description": "Inline loading indicator; use inside buttons, cards or next to a loading label.",
    "props": {
     "size": {
@@ -10324,6 +10430,7 @@
    "name": "Skeleton",
    "tag": "UiSkeleton",
    "group": "feedback",
+   "tier": "free",
    "description": "Shimmering placeholder for content that is loading; use text lines, circles or rectangles that match the final layout.",
    "props": {
     "variant": {
@@ -10371,6 +10478,7 @@
    "name": "EmptyState",
    "tag": "UiEmptyState",
    "group": "feedback",
+   "tier": "free",
    "description": "Centered icon (or image), title and description with optional actions; use when a list, search or section has no content.",
    "props": {
     "title": {
@@ -10412,6 +10520,7 @@
    "name": "ErrorPage",
    "tag": "UiErrorPage",
    "group": "feedback",
+   "tier": "free",
    "description": "Full-page error with a large code, title and description; use for 404, 500 and similar screens.",
    "props": {
     "code": {
@@ -10438,6 +10547,7 @@
    "name": "StatusPage",
    "tag": "UiStatusPage",
    "group": "feedback",
+   "tier": "free",
    "description": "Ready-made full-page status screen (404, 401, maintenance, coming soon) with one action button.",
    "props": {
     "kind": {
@@ -10501,6 +10611,7 @@
    "name": "DataState",
    "tag": "UiDataState",
    "group": "feedback",
+   "tier": "free",
    "description": "Switches between loading, empty, error, offline and the real content based on one state value; wrap any data-driven block with it.",
    "props": {
     "state": {
@@ -10539,6 +10650,7 @@
    "name": "LoadingOverlay",
    "tag": "UiLoadingOverlay",
    "group": "feedback",
+   "tier": "free",
    "description": "Wrapper that dims its content and shows a spinner on top while loading; use over cards, tables or forms during a refresh.",
    "props": {
     "loading": {
@@ -10559,6 +10671,7 @@
    "name": "Modal",
    "tag": "UiModal",
    "group": "overlay",
+   "tier": "free",
    "description": "Centered dialog with a title, close button, body and optional footer; use for forms and focused tasks that block the page.",
    "props": {
     "open": {
@@ -10625,6 +10738,7 @@
    "name": "Drawer",
    "tag": "UiDrawer",
    "group": "overlay",
+   "tier": "free",
    "description": "Side panel that slides over the page; use for filters, details and secondary forms.",
    "props": {
     "open": {
@@ -10673,6 +10787,7 @@
    "name": "ConfirmDialog",
    "tag": "UiConfirmDialog",
    "group": "overlay",
+   "tier": "free",
    "description": "Small Modal with a message and Cancel/Confirm buttons; use to confirm destructive or irreversible actions.",
    "props": {
     "open": {
@@ -10738,6 +10853,7 @@
    "name": "Popconfirm",
    "tag": "UiPopconfirm",
    "group": "overlay",
+   "tier": "free",
    "description": "Button that opens a small confirmation popover with cancel/confirm buttons (No/Yes by default); use for quick inline confirmation of a single action.",
    "props": {
     "label": {
@@ -10798,6 +10914,7 @@
    "name": "StepDialog",
    "tag": "UiStepDialog",
    "group": "overlay",
+   "tier": "pro",
    "description": "Wide Modal with a vertical step list on the left and Previous/Next buttons; use for multi-step wizards.",
    "props": {
     "open": {
@@ -10848,6 +10965,7 @@
    "name": "FullscreenDialog",
    "tag": "UiFullscreenDialog",
    "group": "overlay",
+   "tier": "pro",
    "description": "Full-screen dialog with a close button, title and Save action in the header; use for long editing flows on mobile.",
    "props": {
     "open": {
@@ -10880,6 +10998,7 @@
    "name": "BottomSheet",
    "tag": "UiBottomSheet",
    "group": "overlay",
+   "tier": "free",
    "description": "Panel anchored to the bottom of the screen with a grab handle; use for mobile pickers and short forms.",
    "props": {
     "open": {
@@ -10925,6 +11044,7 @@
    "name": "Actionsheet",
    "tag": "UiActionsheet",
    "group": "overlay",
+   "tier": "pro",
    "description": "Bottom sheet with a list of actions and a Cancel button; use for mobile \"more actions\" menus.",
    "props": {
     "open": {
@@ -10968,6 +11088,7 @@
    "name": "Popover",
    "tag": "UiPopover",
    "group": "overlay",
+   "tier": "free",
    "description": "Button that toggles a floating panel with arbitrary content; use for small forms and extra info next to a control.",
    "props": {
     "label": {
@@ -10998,6 +11119,7 @@
    "name": "HoverCard",
    "tag": "UiHoverCard",
    "group": "overlay",
+   "tier": "pro",
    "description": "Rich card shown on hover or keyboard focus of a trigger; use for previews of users, links or entities.",
    "props": {
     "trigger": {
@@ -11028,6 +11150,7 @@
    "name": "Tooltip",
    "tag": "UiTooltip",
    "group": "overlay",
+   "tier": "free",
    "description": "Short text bubble shown on hover or focus of the wrapped element; use for icon-only controls and hints.",
    "props": {
     "text": {
@@ -11070,6 +11193,7 @@
    "name": "Dropdown",
    "tag": "UiDropdown",
    "group": "overlay",
+   "tier": "free",
    "description": "Button that opens a menu of actions; use for \"more\" menus and action lists.",
    "props": {
     "label": {
@@ -11114,6 +11238,7 @@
    "name": "Menu",
    "tag": "UiMenu",
    "group": "overlay",
+   "tier": "free",
    "description": "Static vertical list of actions rendered inline; use in sidebars and custom popovers.",
    "props": {
     "items": {
@@ -11150,6 +11275,7 @@
    "name": "ContextMenu",
    "tag": "UiContextMenu",
    "group": "overlay",
+   "tier": "free",
    "description": "Wraps an area and shows a menu at the cursor on right click; use for row and canvas actions.",
    "props": {
     "items": {
@@ -11185,6 +11311,7 @@
    "name": "CommandBar",
    "tag": "UiCommandBar",
    "group": "overlay",
+   "tier": "pro",
    "description": "Floating glass toolbar of icon buttons; use for selection actions or editor tools.",
    "props": {
     "items": {
@@ -11213,6 +11340,7 @@
    "name": "CommandPalette",
    "tag": "UiCommandPalette",
    "group": "overlay",
+   "tier": "free",
    "description": "Searchable list of commands in a top-aligned dialog; use for a Cmd+K launcher.",
    "props": {
     "open": {
@@ -11256,6 +11384,7 @@
    "name": "ImageViewer",
    "tag": "UiImageViewer",
    "group": "overlay",
+   "tier": "pro",
    "description": "Full-screen lightbox for one or several images with previous/next buttons and a counter.",
    "props": {
     "open": {
@@ -11289,6 +11418,7 @@
    "name": "Tour",
    "tag": "UiTour",
    "group": "overlay",
+   "tier": "pro",
    "description": "Guided product tour that dims the page, highlights a target element and shows a step popover.",
    "props": {
     "open": {
@@ -11320,6 +11450,7 @@
    "name": "TourPopover",
    "tag": "UiTourPopover",
    "group": "overlay",
+   "tier": "pro",
    "description": "Step card of a tour with title, text, step counter and Back/Next buttons; used by Tour and usable standalone.",
    "props": {
     "title": {
@@ -11350,6 +11481,7 @@
    "name": "Screensaver",
    "tag": "UiScreensaver",
    "group": "overlay",
+   "tier": "pro",
    "description": "Full-screen idle screen with a large clock, date and the brand mark; show it after inactivity.",
    "props": {
     "open": {
@@ -11384,6 +11516,7 @@
    "name": "TopNav",
    "tag": "UiTopNav",
    "group": "navigation",
+   "tier": "free",
    "description": "Horizontal app header with a brand area, navigation items and an actions area.",
    "props": {
     "brand": {
@@ -11427,6 +11560,7 @@
    "name": "SideNav",
    "tag": "UiSideNav",
    "group": "navigation",
+   "tier": "free",
    "description": "Vertical sidebar with a brand, grouped navigation items, a footer and an optional collapse toggle.",
    "props": {
     "brand": {
@@ -11481,6 +11615,7 @@
    "name": "SubNav",
    "tag": "UiSubNav",
    "group": "navigation",
+   "tier": "free",
    "description": "Compact vertical list of sections with an optional title; use for settings and secondary page navigation.",
    "props": {
     "title": {
@@ -11517,6 +11652,7 @@
    "name": "Tabs",
    "tag": "UiTabs",
    "group": "navigation",
+   "tier": "free",
    "description": "Underlined tab strip for switching between views of the same page.",
    "props": {
     "modelValue": {
@@ -11553,6 +11689,7 @@
    "name": "PillTabs",
    "tag": "UiPillTabs",
    "group": "navigation",
+   "tier": "free",
    "description": "Pill-style tab buttons with optional icons, horizontal or vertical; use for settings and profile sections.",
    "props": {
     "items": {
@@ -11593,6 +11730,7 @@
    "name": "Breadcrumbs",
    "tag": "UiBreadcrumbs",
    "group": "navigation",
+   "tier": "free",
    "description": "Path trail with chevron separators; the last item is the current page.",
    "props": {
     "items": {
@@ -11628,6 +11766,7 @@
    "name": "Pagination",
    "tag": "UiPagination",
    "group": "navigation",
+   "tier": "free",
    "description": "Page navigation with numbered buttons, ellipsis windowing and previous/next; use under tables and lists.",
    "props": {
     "page": {
@@ -11684,6 +11823,7 @@
    "name": "Accordion",
    "tag": "UiAccordion",
    "group": "navigation",
+   "tier": "free",
    "description": "Vertical list of collapsible sections where one is open at a time; use for FAQs and grouped details.",
    "props": {
     "items": {
@@ -11712,6 +11852,7 @@
    "name": "Avatar",
    "tag": "UiAvatar",
    "group": "media",
+   "tier": "free",
    "description": "Round user picture that falls back to initials when there is no image.",
    "props": {
     "name": {
@@ -11784,6 +11925,7 @@
    "name": "Icon",
    "tag": "UiIcon",
    "group": "media",
+   "tier": "free",
    "description": "Renders a named icon from the library at a chosen size.",
    "props": {
     "name": {
@@ -11813,6 +11955,7 @@
    "name": "LazyImage",
    "tag": "UiLazyImage",
    "group": "media",
+   "tier": "free",
    "description": "Image box with a fixed aspect ratio and rounded corners, rendered as a background image.",
    "props": {
     "src": {
@@ -11840,6 +11983,7 @@
    "name": "Gallery",
    "tag": "UiGallery",
    "group": "media",
+   "tier": "pro",
    "description": "Large image with a counter and a thumbnail strip for browsing a set of photos.",
    "props": {
     "images": {
@@ -11886,6 +12030,7 @@
    "name": "Carousel",
    "tag": "UiCarousel",
    "group": "media",
+   "tier": "pro",
    "description": "Slideshow of image slides with captions, arrows and dot pagination.",
    "props": {
     "items": {
@@ -11936,6 +12081,7 @@
    "name": "Map",
    "tag": "UiMap",
    "group": "media",
+   "tier": "pro",
    "description": "Interactive raster map with panning, zoom buttons and clickable markers, using OpenStreetMap data via CARTO tiles.",
    "props": {
     "lat": {
@@ -12006,6 +12152,7 @@
    "name": "ProfileHeader",
    "tag": "UiProfileHeader",
    "group": "media",
+   "tier": "pro",
    "description": "Profile card with a cover image, large avatar, name and a row of meta items.",
    "props": {
     "name": {
@@ -12035,6 +12182,7 @@
    "name": "ChatAi",
    "tag": "UiChatAi",
    "group": "media",
+   "tier": "pro",
    "description": "Chat panel with message bubbles, a typing indicator and an input, for AI assistant UIs.",
    "props": {
     "messages": {
@@ -12074,6 +12222,7 @@
    "name": "HotelCard",
    "tag": "UiHotelCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Hotel listing card with photo, tags, stars, distance, rating and nightly price; use in catalogs and search results.",
    "props": {
     "name": {
@@ -12134,6 +12283,7 @@
    "name": "TourCard",
    "tag": "UiTourCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Tour or virtual-tour card with session count and a seat-occupancy bar.",
    "props": {
     "name": {
@@ -12184,6 +12334,7 @@
    "name": "PrayerTimes",
    "tag": "UiPrayerTimes",
    "group": "domain",
+   "tier": "pro",
    "description": "Row of daily prayer times with the upcoming prayer highlighted.",
    "props": {
     "items": {
@@ -12213,6 +12364,7 @@
    "name": "RamadanTracker",
    "tag": "UiRamadanTracker",
    "group": "domain",
+   "tier": "pro",
    "description": "Thirty-day Ramadan progress strip; the last ten days and odd nights are marked.",
    "props": {
     "day": {
@@ -12241,6 +12393,7 @@
    "name": "QiblaCompass",
    "tag": "UiQiblaCompass",
    "group": "domain",
+   "tier": "pro",
    "description": "Compass dial with a Kaaba marker pointing to the Qibla and the bearing in degrees below it.",
    "props": {
     "bearing": {
@@ -12279,6 +12432,7 @@
    "name": "BookingCard",
    "tag": "UiBookingCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Compact booking summary: code, status, guest, hotel, dates and total.",
    "props": {
     "code": {
@@ -12329,6 +12483,7 @@
    "name": "GuestCard",
    "tag": "UiGuestCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Guest profile card with avatar, country, stay length and tags.",
    "props": {
     "name": {
@@ -12372,6 +12527,7 @@
    "name": "RoomGrid",
    "tag": "UiRoomGrid",
    "group": "domain",
+   "tier": "pro",
    "description": "Tile grid of rooms colored by housekeeping status; use for front-desk room selection.",
    "props": {
     "rooms": {
@@ -12408,6 +12564,7 @@
    "name": "RoomCalendar",
    "tag": "UiRoomCalendar",
    "group": "domain",
+   "tier": "pro",
    "description": "Gantt-style occupancy calendar: rooms as rows, days as columns, bookings as bars.",
    "props": {
     "rooms": {
@@ -12441,6 +12598,7 @@
    "name": "LeadCard",
    "tag": "UiLeadCard",
    "group": "domain",
+   "tier": "pro",
    "description": "CRM lead card with avatar, code, phone and amount.",
    "props": {
     "name": {
@@ -12494,6 +12652,7 @@
    "name": "DealCard",
    "tag": "UiDealCard",
    "group": "domain",
+   "tier": "pro",
    "description": "CRM deal card with stage badge, amount, win probability and owner; the card type inside PipelineBoard.",
    "props": {
     "title": {
@@ -12553,6 +12712,7 @@
    "name": "PipelineBoard",
    "tag": "UiPipelineBoard",
    "group": "domain",
+   "tier": "pro",
    "description": "Horizontally scrolling kanban pipeline of stage columns filled with DealCards.",
    "props": {
     "stages": {
@@ -12586,6 +12746,7 @@
    "name": "ContactPanel",
    "tag": "UiContactPanel",
    "group": "domain",
+   "tier": "pro",
    "description": "Contact detail card with avatar, role, contact fields and Call / Message buttons.",
    "props": {
     "name": {
@@ -12639,6 +12800,7 @@
    "name": "KanbanColumn",
    "tag": "UiKanbanColumn",
    "group": "domain",
+   "tier": "pro",
    "description": "Single kanban column with a title, count badge and stacked cards.",
    "props": {
     "title": {
@@ -12671,6 +12833,7 @@
    "name": "KanbanCard",
    "tag": "UiKanbanCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Simple kanban card with title, subtitle, free content and an optional tag.",
    "props": {
     "title": {
@@ -12719,6 +12882,7 @@
    "name": "CallRow",
    "tag": "UiCallRow",
    "group": "domain",
+   "tier": "pro",
    "description": "One-line call log row with avatar, status, duration and a play button.",
    "props": {
     "name": {
@@ -12764,6 +12928,7 @@
    "name": "CallCard",
    "tag": "UiCallCard",
    "group": "domain",
+   "tier": "pro",
    "description": "Call recording card with status badge, a playback progress bar and duration.",
    "props": {
     "name": {
@@ -12829,6 +12994,7 @@
    "name": "IncomingCall",
    "tag": "UiIncomingCall",
    "group": "domain",
+   "tier": "pro",
    "description": "Glass banner for an incoming call with Decline and Answer buttons.",
    "props": {
     "name": {
@@ -12875,6 +13041,7 @@
    "name": "AuthSplit",
    "tag": "UiAuthSplit",
    "group": "domain",
+   "tier": "free",
    "description": "Two-column sign-in layout with a brand panel on the left and the form on the right.",
    "props": {
     "title": {
@@ -12906,6 +13073,7 @@
    "name": "AuthShowcase",
    "tag": "UiAuthShowcase",
    "group": "domain",
+   "tier": "pro",
    "description": "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.",
    "props": {
     "variant": {
@@ -12979,6 +13147,7 @@
    "name": "SocialAuth",
    "tag": "UiSocialAuth",
    "group": "domain",
+   "tier": "free",
    "description": "Continue with Google and Apple buttons with an \"or\" divider. Place it under the sign-in form.",
    "props": {
     "providers": {
@@ -13032,6 +13201,7 @@
    "name": "PageDashboard",
    "tag": "UiPageDashboard",
    "group": "pages",
+   "tier": "free",
    "description": "Dashboard template: greeting hero, KPI tiles, occupancy chart, sales funnel, top list and activity feed.",
    "props": {
     "title": {
@@ -13069,6 +13239,7 @@
    "name": "PagePatterns",
    "tag": "UiPagePatterns",
    "group": "pages",
+   "tier": "pro",
    "description": "Showcase template combining twelve recurring dashboard card patterns (banner, strips, stat lines, charts, lists).",
    "props": {
     "title": {
@@ -13110,6 +13281,7 @@
    "name": "PageCrm",
    "tag": "UiPageCrm",
    "group": "pages",
+   "tier": "pro",
    "description": "CRM template: summary tiles, filters, pipeline board and call queue.",
    "props": {
     "title": {
@@ -13144,6 +13316,7 @@
    "name": "PageBookings",
    "tag": "UiPageBookings",
    "group": "pages",
+   "tier": "pro",
    "description": "Bookings list template: stats, toolbar, bulk-action bar, table and pagination.",
    "props": {
     "title": {
@@ -13179,6 +13352,7 @@
    "name": "PageCatalog",
    "tag": "UiPageCatalog",
    "group": "pages",
+   "tier": "pro",
    "description": "Catalog template with a filter sidebar and a card grid (hotels, tours).",
    "props": {
     "title": {
@@ -13214,6 +13388,7 @@
    "name": "PageDetail",
    "tag": "UiPageDetail",
    "group": "pages",
+   "tier": "pro",
    "description": "Detail page template (hotel, tour): gallery, summary, tabs, history and a booking side card.",
    "props": {
     "title": {
@@ -13250,6 +13425,7 @@
    "name": "PageSettings",
    "tag": "UiPageSettings",
    "group": "pages",
+   "tier": "free",
    "description": "Settings template with a section sub-navigation and stacked settings sections.",
    "props": {
     "title": {
@@ -13285,6 +13461,7 @@
    "name": "PageUserList",
    "tag": "UiPageUserList",
    "group": "pages",
+   "tier": "free",
    "description": "User or customer list template: stats, filters, toolbar, table and a right-hand add/edit drawer.",
    "props": {
     "title": {
@@ -13320,6 +13497,7 @@
    "name": "PageProfile",
    "tag": "UiPageProfile",
    "group": "pages",
+   "tier": "pro",
    "description": "User profile template: cover header, tabs and two columns of about, activity and plan cards.",
    "props": {
     "title": {
@@ -13355,6 +13533,7 @@
    "name": "PageForm",
    "tag": "UiPageForm",
    "group": "pages",
+   "tier": "pro",
    "description": "Create/edit form template: main column, media, side column and header actions.",
    "props": {
     "title": {
@@ -13388,6 +13567,7 @@
    "name": "PageOrder",
    "tag": "UiPageOrder",
    "group": "pages",
+   "tier": "pro",
    "description": "Order/booking details template: status chips, items table, timeline and side info cards.",
    "props": {
     "title": {
@@ -13422,6 +13602,7 @@
    "name": "PageAccount",
    "tag": "UiPageAccount",
    "group": "pages",
+   "tier": "pro",
    "description": "Account settings template with pill tabs and a swappable panel.",
    "props": {
     "title": {
@@ -13455,6 +13636,7 @@
    "name": "PagePricing",
    "tag": "UiPagePricing",
    "group": "pages",
+   "tier": "free",
    "description": "Pricing template: billing-period toggle, plan cards and an FAQ.",
    "props": {
     "title": {
@@ -13488,6 +13670,7 @@
    "name": "PageFaq",
    "tag": "UiPageFaq",
    "group": "pages",
+   "tier": "pro",
    "description": "Help center template: search, categories, answers accordion and a contact block.",
    "props": {
     "title": {
@@ -13522,6 +13705,7 @@
    "name": "PageAnalytics",
    "tag": "UiPageAnalytics",
    "group": "pages",
+   "tier": "pro",
    "description": "Analytics template: period picker, KPI strip, trend charts, a breakdown block and a table. Put Export in actions.",
    "props": {
     "title": {
@@ -13558,6 +13742,7 @@
    "name": "PageCalendar",
    "tag": "UiPageCalendar",
    "group": "pages",
+   "tier": "pro",
    "description": "Calendar template: view switch, time grid, mini calendar and event details.",
    "props": {
     "title": {
@@ -13593,6 +13778,7 @@
    "name": "PageKanban",
    "tag": "UiPageKanban",
    "group": "pages",
+   "tier": "pro",
    "description": "Kanban template: filters, task board columns and a card detail panel.",
    "props": {
     "title": {
@@ -13627,6 +13813,7 @@
    "name": "PageBilling",
    "tag": "UiPageBilling",
    "group": "pages",
+   "tier": "pro",
    "description": "Billing template: current plan, usage meters, invoices, payment methods and an upgrade card.",
    "props": {
     "title": {
@@ -13663,6 +13850,7 @@
    "name": "PageTeam",
    "tag": "UiPageTeam",
    "group": "pages",
+   "tier": "pro",
    "description": "Team template: member stats, members table, roles and permissions matrix, and an invite form.",
    "props": {
     "title": {
@@ -13698,6 +13886,7 @@
    "name": "PageIntegrations",
    "tag": "UiPageIntegrations",
    "group": "pages",
+   "tier": "pro",
    "description": "Integrations template: connection cards, API keys and webhooks.",
    "props": {
     "title": {
@@ -13733,6 +13922,7 @@
    "name": "PageSearch",
    "tag": "UiPageSearch",
    "group": "pages",
+   "tier": "pro",
    "description": "Search template: query field, filter sidebar, result groups and an empty state.",
    "props": {
     "title": {
@@ -13768,6 +13958,7 @@
    "name": "PageArticle",
    "tag": "UiPageArticle",
    "group": "pages",
+   "tier": "pro",
    "description": "Article template: cover, post body, sticky table of contents, share row and related posts.",
    "props": {
     "title": {
@@ -13804,6 +13995,7 @@
    "name": "PageChangelog",
    "tag": "UiPageChangelog",
    "group": "pages",
+   "tier": "pro",
    "description": "Changelog template: release timeline grouped by version with new, fix and improved tags, a filter and a subscribe card.",
    "props": {
     "title": {
@@ -13838,6 +14030,7 @@
    "name": "PageHelp",
    "tag": "UiPageHelp",
    "group": "pages",
+   "tier": "pro",
    "description": "Help center home: search, category grid, popular articles and a contact card.",
    "props": {
     "title": {
@@ -13873,6 +14066,7 @@
    "name": "PageStates",
    "tag": "UiPageStates",
    "group": "pages",
+   "tier": "pro",
    "description": "State gallery: empty list, no results, no permission, offline, error with retry, loading and success on one page.",
    "props": {
     "title": {
@@ -13911,6 +14105,7 @@
    "name": "PageLegal",
    "tag": "UiPageLegal",
    "group": "pages",
+   "tier": "pro",
    "description": "Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.",
    "props": {
     "title": {
@@ -13946,6 +14141,7 @@
    "name": "PageLocations",
    "tag": "UiPageLocations",
    "group": "pages",
+   "tier": "pro",
    "description": "Locations template: filters, a scrollable list of places and a sticky map panel.",
    "props": {
     "title": {
@@ -13980,6 +14176,7 @@
    "name": "PageBookingFlow",
    "tag": "UiPageBookingFlow",
    "group": "pages",
+   "tier": "pro",
    "description": "Booking flow template: stepper, the active step content, back and continue buttons and a sticky summary card.",
    "props": {
     "title": {
@@ -14015,6 +14212,7 @@
    "name": "PageItinerary",
    "tag": "UiPageItinerary",
    "group": "pages",
+   "tier": "pro",
    "description": "Itinerary template: day tabs, a timeline of stops for the chosen day, transport and hotel blocks and a sticky trip summary card.",
    "props": {
     "title": {
@@ -14051,6 +14249,7 @@
    "name": "PagePrayer",
    "tag": "UiPagePrayer",
    "group": "pages",
+   "tier": "pro",
    "description": "Prayer times template: a location picker, today's times with the next prayer highlighted, a month table and a sticky Qibla compass.",
    "props": {
     "title": {
@@ -14086,6 +14285,7 @@
    "name": "PageGroupManager",
    "tag": "UiPageGroupManager",
    "group": "pages",
+   "tier": "pro",
    "description": "Group manager template: trip summary, pilgrims table with document and visa status, bulk actions, rooming and a sticky payments summary.",
    "props": {
     "title": {
@@ -14123,6 +14323,7 @@
    "name": "PageTourPublic",
    "tag": "UiPageTourPublic",
    "group": "pages",
+   "tier": "pro",
    "description": "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.",
    "props": {
     "title": {
@@ -14160,6 +14361,7 @@
    "name": "PageNotifications",
    "tag": "UiPageNotifications",
    "group": "pages",
+   "tier": "pro",
    "description": "Notifications template: filters, a feed grouped by day and an empty state. Put Mark all read in actions.",
    "props": {
     "title": {
@@ -14194,6 +14396,7 @@
    "name": "PageInbox",
    "tag": "UiPageInbox",
    "group": "pages",
+   "tier": "pro",
    "description": "Inbox template: filters and conversation list, the open thread with a composer, and a customer panel.",
    "props": {
     "title": {
@@ -14230,6 +14433,7 @@
    "name": "PageCheckout",
    "tag": "UiPageCheckout",
    "group": "pages",
+   "tier": "pro",
    "description": "Checkout template: step indicator, cart items, delivery address, payment and an order summary column.",
    "props": {
     "title": {
@@ -14266,6 +14470,7 @@
    "name": "PageOnboarding",
    "tag": "UiPageOnboarding",
    "group": "pages",
+   "tier": "pro",
    "description": "Onboarding template: progress block, active step content, setup checklist and a column of tips.",
    "props": {
     "title": {
@@ -14301,6 +14506,7 @@
    "name": "PageLanding",
    "tag": "UiPageLanding",
    "group": "pages",
+   "tier": "pro",
    "description": "Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.",
    "props": {},
    "slots": {
@@ -14320,6 +14526,7 @@
    "name": "PageAuth",
    "tag": "UiPageAuth",
    "group": "pages",
+   "tier": "free",
    "description": "Sign-in page template without the app shell, as a centered card or a split layout.",
    "props": {
     "layout": {
@@ -14401,6 +14608,7 @@
    "name": "PageStatus",
    "tag": "UiPageStatus",
    "group": "pages",
+   "tier": "free",
    "description": "Full-page status screen (404, 401, maintenance, coming soon) with one action.",
    "props": {
     "kind": {