@ziyarago/ui 0.14.0 → 0.15.1

package/dist/manifest.json

@@ -1,6 +1,6 @@
 {
  "name": "@ziyarago/ui",
- "version": "0.14.0",
+ "version": "0.15.1",
  "homepage": "https://ziyara.vip",
  "imports": {
   "vue": "import { UiButton } from '@ziyarago/ui/vue'",
@@ -5449,6 +5449,7 @@
    "tag": "UiHeading",
    "group": "typography",
    "tier": "free",
+   "implemented": true,
    "description": "Semantic heading h1-h6 with a responsive type scale; use for page and section titles.",
    "props": {
     "level": {
@@ -5495,6 +5496,7 @@
    "tag": "UiText",
    "group": "typography",
    "tier": "free",
+   "implemented": true,
    "description": "Body text paragraph (or any inline/block tag via as) with size, tone and truncation.",
    "props": {
     "as": {
@@ -5546,6 +5548,7 @@
    "tag": "UiCode",
    "group": "typography",
    "tier": "free",
+   "implemented": true,
    "description": "Code block with a header (title or language) and a copy button; use for snippets and commands.",
    "props": {
     "code": {
@@ -5584,6 +5587,7 @@
    "tag": "UiKbd",
    "group": "typography",
    "tier": "free",
+   "implemented": true,
    "description": "Keyboard key cap for shortcuts such as Ctrl or K.",
    "props": {
     "size": {
@@ -5611,6 +5615,7 @@
    "tag": "UiLink",
    "group": "typography",
    "tier": "free",
+   "implemented": true,
    "description": "Styled anchor for in-text and standalone links, with optional external-link behavior.",
    "props": {
     "href": {
@@ -5656,6 +5661,7 @@
    "tag": "UiBox",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Generic container with optional padding and glass background.",
    "props": {
     "p": {
@@ -5686,6 +5692,7 @@
    "tag": "UiCenter",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Centers its children horizontally and vertically.",
    "props": {
     "as": {
@@ -5707,6 +5714,7 @@
    "tag": "UiHStack",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Horizontal flex row with a configurable gap.",
    "props": {
     "gap": {
@@ -5752,6 +5760,7 @@
    "tag": "UiVStack",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Vertical flex column with a configurable gap.",
    "props": {
     "gap": {
@@ -5797,6 +5806,7 @@
    "tag": "UiGrid",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "CSS grid with a fixed column count or auto-fit columns of a minimum width.",
    "props": {
     "cols": {
@@ -5832,6 +5842,7 @@
    "tag": "UiDivider",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Horizontal separator line with an optional centered label.",
    "props": {
     "label": {
@@ -5860,6 +5871,7 @@
    "tag": "UiScrollArea",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Vertically scrollable container with a max height and styled scrollbar.",
    "props": {
     "maxHeight": {
@@ -5877,6 +5889,7 @@
    "tag": "UiSplitLayout",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Two-column layout with configurable column widths; use for master-detail or side-by-side content.",
    "props": {
     "columns": {
@@ -5898,6 +5911,7 @@
    "tag": "UiAppShell",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Application frame with a top or side navigation and a main content area.",
    "props": {
     "nav": {
@@ -5961,6 +5975,7 @@
    "tag": "UiPageHeader",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Page title block with optional breadcrumbs, subtitle and an actions area.",
    "props": {
     "title": {
@@ -5998,6 +6013,7 @@
    "tag": "UiAuthLayout",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Centered card layout for sign-in and sign-up pages.",
    "props": {
     "title": {
@@ -6027,6 +6043,7 @@
    "tag": "UiSettingsSection",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Settings block with a title and description on the left and fields below.",
    "props": {
     "title": {
@@ -6060,6 +6077,8 @@
    "tag": "UiLiquidGlass",
    "group": "layout",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Frosted liquid-glass panel with adjustable corner radius and blur.",
    "props": {
     "radius": {
@@ -6097,6 +6116,7 @@
    "tag": "UiFooter",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Page footer with a copyright line and a row of links.",
    "props": {
     "copyright": {
@@ -6131,6 +6151,8 @@
    "tag": "UiSortable",
    "group": "layout",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Drag-and-drop reorderable list with grip handles and up/down buttons.",
    "props": {
     "items": {
@@ -6169,6 +6191,7 @@
    "tag": "UiPortal",
    "group": "layout",
    "tier": "free",
+   "implemented": true,
    "description": "Renders its children outside the component tree, for example into document.body.",
    "props": {
     "to": {
@@ -6188,6 +6211,7 @@
    "tag": "UiButton",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Primary action control with visual variants, tones, sizes, icons and a loading state.",
    "props": {
     "variant": {
@@ -6288,6 +6312,7 @@
    "tag": "UiIconButton",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Square button with only an icon; use for toolbars and compact actions.",
    "props": {
     "icon": {
@@ -6327,6 +6352,7 @@
    "tag": "UiPressable",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Unstyled pressable wrapper that makes any content a button with press feedback.",
    "props": {
     "as": {
@@ -6359,6 +6385,8 @@
    "tag": "UiFab",
    "group": "actions",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Floating action button for the main action of a screen; extended when a label is given.",
    "props": {
     "icon": {
@@ -6395,6 +6423,7 @@
    "tag": "UiCopyButton",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Button that copies a value to the clipboard and briefly confirms with a check icon, or reports a failure.",
    "props": {
     "value": {
@@ -6448,6 +6477,7 @@
    "tag": "UiToggleGroup",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Group of toggle buttons with single or multiple selection, optionally icon-only.",
    "props": {
     "options": {
@@ -6501,6 +6531,7 @@
    "tag": "UiSegmentedControl",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Segmented switch for choosing exactly one of a few options.",
    "props": {
     "items": {
@@ -6550,6 +6581,7 @@
    "tag": "UiFilterChips",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Row of selectable filter chips with single or multiple selection.",
    "props": {
     "items": {
@@ -6590,6 +6622,7 @@
    "tag": "UiChip",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Compact label with optional icon and remove button; use for statuses, filters and attributes.",
    "props": {
     "variant": {
@@ -6650,6 +6683,7 @@
    "tag": "UiTag",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Small pill label, optionally removable; use for keywords and selected values.",
    "props": {
     "size": {
@@ -6678,6 +6712,7 @@
    "tag": "UiBadge",
    "group": "actions",
    "tier": "free",
+   "implemented": true,
    "description": "Status badge with a colored tone and optional dot.",
    "props": {
     "tone": {
@@ -6731,6 +6766,8 @@
    "tag": "UiActionRail",
    "group": "actions",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Floating vertical or horizontal rail of icon buttons with a highlighted active item.",
    "props": {
     "items": {
@@ -6768,6 +6805,8 @@
    "tag": "UiActionCard",
    "group": "actions",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Card with a title and built-in collapse, refresh and remove controls.",
    "props": {
     "title": {
@@ -6818,6 +6857,8 @@
    "tag": "UiNotificationBell",
    "group": "actions",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Bell icon button with an unread counter and a dropdown list of notifications.",
    "props": {
     "items": {
@@ -6853,6 +6894,7 @@
    "tag": "UiTextField",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -7020,6 +7062,7 @@
    "tag": "UiTextarea",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Multi-line text input. Use for comments, descriptions and other long text.",
    "props": {
     "modelValue": {
@@ -7117,6 +7160,7 @@
    "tag": "UiNumberInput",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Numeric stepper with minus and plus buttons and a typed value. Use for quantities, guest counts and small integers.",
    "props": {
     "modelValue": {
@@ -7182,6 +7226,7 @@
    "tag": "UiPasswordInput",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Password field with a show/hide toggle. Use for sign-in and password change forms.",
    "props": {
     "modelValue": {
@@ -7254,6 +7299,7 @@
    "tag": "UiSearchInput",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Compact search field with a clear button and an Enter-to-search event. Use above lists and tables.",
    "props": {
     "modelValue": {
@@ -7292,6 +7338,7 @@
    "tag": "UiPhoneInput",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Phone field with a country code dropdown. Use for contact numbers where the dial code matters.",
    "props": {
     "modelValue": {
@@ -7349,6 +7396,7 @@
    "tag": "UiCodeInput",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "One-time code input rendered as separate digit cells. Use for SMS or email verification codes.",
    "props": {
     "modelValue": {
@@ -7393,6 +7441,8 @@
    "tag": "UiChipInput",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Input that turns typed text into removable chips. Use for tags, keywords and email lists.",
    "props": {
     "modelValue": {
@@ -7449,6 +7499,8 @@
    "tag": "UiInlineEdit",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Text that turns into an input on click. Use for renaming and quick edits without a form.",
    "props": {
     "modelValue": {
@@ -7484,6 +7536,8 @@
    "tag": "UiRichEditor",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Rich text editor with a formatting toolbar, built on contenteditable. Use for formatted descriptions and notes.",
    "props": {
     "modelValue": {
@@ -7533,6 +7587,7 @@
    "tag": "UiSelect",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Single-choice dropdown. Use when the user picks one value from a known list.",
    "props": {
     "modelValue": {
@@ -7604,6 +7659,7 @@
    "tag": "UiMultiSelect",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Dropdown with checkboxes for choosing several values. Use for filters and multi-valued fields.",
    "props": {
     "modelValue": {
@@ -7656,6 +7712,8 @@
    "tag": "UiGroupedSelect",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Single-choice dropdown with option groups under headings. Use for long lists that have natural categories.",
    "props": {
     "modelValue": {
@@ -7707,6 +7765,7 @@
    "tag": "UiCombobox",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Searchable single-choice dropdown. Use for long option lists where typing to filter is faster than scrolling.",
    "props": {
     "modelValue": {
@@ -7783,6 +7842,8 @@
    "tag": "UiTreeSelect",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Dropdown with a searchable tree. Use for hierarchical choices such as regions, categories or org units.",
    "props": {
     "modelValue": {
@@ -7840,6 +7901,8 @@
    "tag": "UiPillSelect",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Small pill-shaped dropdown button. Use for inline filters and sort controls in toolbars.",
    "props": {
     "modelValue": {
@@ -7890,6 +7953,7 @@
    "tag": "UiCheckbox",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Boolean checkbox with an inline label. Use for opt-ins and independent yes/no choices.",
    "props": {
     "modelValue": {
@@ -7945,6 +8009,7 @@
    "tag": "UiSwitch",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "On/off toggle with an inline label. Use for settings that apply immediately.",
    "props": {
     "modelValue": {
@@ -8000,6 +8065,7 @@
    "tag": "UiRadioGroup",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Group of radio options with optional hints. Use for a short single-choice list that should stay visible.",
    "props": {
     "modelValue": {
@@ -8063,6 +8129,8 @@
    "tag": "UiOptionCard",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Selectable card with title, description, price and optional image or icon. Usually rendered by OptionCards.",
    "props": {
     "title": {
@@ -8117,6 +8185,8 @@
    "tag": "UiOptionCards",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Grid of selectable OptionCards, single or multiple choice. Use for plans, room types and delivery options.",
    "props": {
     "modelValue": {
@@ -8166,6 +8236,7 @@
    "tag": "UiSlider",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Single-handle range slider with a value readout. Use for picking one number in a bounded range.",
    "props": {
     "modelValue": {
@@ -8234,6 +8305,8 @@
    "tag": "UiRangeSlider",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Two-handle slider for a min-max range. Use for price, duration or date-number filters.",
    "props": {
     "modelValue": {
@@ -8287,6 +8360,7 @@
    "tag": "UiRating",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Star rating input. Use for reviews and quick feedback.",
    "props": {
     "modelValue": {
@@ -8332,6 +8406,8 @@
    "tag": "UiColorPicker",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Swatch row for choosing a color from presets. Use for tags, labels and theme accents.",
    "props": {
     "modelValue": {
@@ -8374,6 +8450,7 @@
    "tag": "UiCalendar",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Month grid for picking one date. Use inline, or inside a popover via DatePicker.",
    "props": {
     "modelValue": {
@@ -8433,6 +8510,8 @@
    "tag": "UiRangeCalendar",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Month grid for picking a date range with hover preview. Use for stays, trips and report periods.",
    "props": {
     "modelValue": {
@@ -8479,6 +8558,7 @@
    "tag": "UiDatePicker",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Field with a calendar popup for choosing a date. Use in forms where a single date is needed.",
    "props": {
     "modelValue": {
@@ -8572,6 +8652,7 @@
    "tag": "UiTimePicker",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Hour and minute selects for a time of day. Use for opening hours and appointment times.",
    "props": {
     "modelValue": {
@@ -8621,6 +8702,7 @@
    "tag": "UiFileUpload",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Drop-zone style file picker. Use for documents and attachments.",
    "props": {
     "title": {
@@ -8688,6 +8770,8 @@
    "tag": "UiImageUpload",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Image picker with a live preview, square or circular. Use for avatars, covers and logos.",
    "props": {
     "modelValue": {
@@ -8744,6 +8828,7 @@
    "tag": "UiFormField",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "description": "Label, required marker, hint and error wrapper around any control. Use to build a field from custom inputs.",
    "props": {
     "label": {
@@ -8791,6 +8876,8 @@
    "tag": "UiValidatedField",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "TextField (or PasswordInput) with built-in validation rules. Use for simple client-side validation without a form library.",
    "props": {
     "modelValue": {
@@ -8865,6 +8952,7 @@
    "tag": "UiLoginForm",
    "group": "forms",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -8881,6 +8969,31 @@
      "default": true,
      "description": "Show the \"Forgot password?\" link."
     },
+    "emailType": {
+     "type": "'text' | 'email' | 'tel'",
+     "values": [
+      "text",
+      "email",
+      "tel"
+     ],
+     "default": "text",
+     "description": "Type of the login field: use \"email\" or \"tel\" to get the matching mobile keyboard and browser validation."
+    },
+    "emailName": {
+     "type": "string",
+     "default": "email",
+     "description": "Native name of the login field; the password field uses passwordName (default \"password\"). Both fields get autocomplete \"username\" and \"current-password\" so password managers fill them."
+    },
+    "passwordName": {
+     "type": "string",
+     "default": "password",
+     "description": "Native name of the password field."
+    },
+    "required": {
+     "type": "boolean",
+     "default": false,
+     "description": "Marks both fields required (native validation)."
+    },
     "showRemember": {
      "type": "boolean",
      "default": true,
@@ -8892,9 +9005,9 @@
      "description": "Submit button text. Wins over labels.submit."
     },
     "labels": {
-     "type": "{ email?: string; password?: string; remember?: string; forgot?: string; submit?: string }",
+     "type": "{ email?: string; password?: string; emailPlaceholder?: string; passwordPlaceholder?: string; remember?: string; forgot?: string; submit?: string }",
      "default": "{ email: 'Email or phone', password: 'Password', remember: 'Remember device', forgot: 'Forgot password?', submit: 'Sign in' }",
-     "description": "Texts of the form; any missing key keeps its English default."
+     "description": "Texts of the form; any missing key keeps its English default (the two placeholders default to none)."
     },
     "size": {
      "type": "'xs' | 'sm' | 'md' | 'lg' | 'xl'",
@@ -8923,6 +9036,8 @@
    "tag": "UiStepForm",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Multi-step form shell: stepper, current step content and Back/Next buttons. Use for wizards and onboarding.",
    "props": {
     "steps": {
@@ -8960,6 +9075,8 @@
    "tag": "UiStepper",
    "group": "forms",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Horizontal progress indicator with numbered steps. Use to show position in a multi-step flow.",
    "props": {
     "steps": {
@@ -8991,6 +9108,7 @@
    "tag": "UiCard",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Glass surface container with an optional title header, used to group related content.",
    "props": {
     "title": {
@@ -9075,6 +9193,7 @@
    "tag": "UiDataTable",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Table with sortable columns, custom cell rendering and optional row selection checkboxes.",
    "props": {
     "columns": {
@@ -9148,6 +9267,8 @@
    "tag": "UiDataGroup",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Table whose rows are collapsed into labeled groups, with optional per-row expandable details.",
    "props": {
     "columns": {
@@ -9188,6 +9309,7 @@
    "tag": "UiDescriptions",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Definition list of label and value pairs for record details.",
    "props": {
     "items": {
@@ -9215,6 +9337,7 @@
    "tag": "UiTimeline",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Vertical list of events connected by a line, for activity history and status progress.",
    "props": {
     "items": {
@@ -9242,6 +9365,8 @@
    "tag": "UiTreeView",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Expandable tree of nodes for hierarchies such as folders, categories or regions.",
    "props": {
     "nodes": {
@@ -9279,6 +9404,8 @@
    "tag": "UiCalendarView",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Month calendar that marks days with events, wrapping Calendar with a list-style events prop.",
    "props": {
     "events": {
@@ -9323,6 +9450,7 @@
    "tag": "UiKpiTile",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Key metric tile with a label, large value and optional delta, for dashboards.",
    "props": {
     "label": {
@@ -9370,6 +9498,8 @@
    "tag": "UiKpiInline",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Compact inline metric with a label, value and delta, for toolbars and card headers.",
    "props": {
     "label": {
@@ -9405,6 +9535,7 @@
    "tag": "UiStatsCard",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Metric card with an optional icon, value and an up or down trend.",
    "props": {
     "label": {
@@ -9453,6 +9584,8 @@
    "tag": "UiStatRow",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "List row with an icon tile, title, subtitle and a right-aligned value with delta.",
    "props": {
     "title": {
@@ -9508,6 +9641,8 @@
    "tag": "UiStatLine",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Card with a large value, icon tile, label and an accent bar, for a single headline number.",
    "props": {
     "label": {
@@ -9560,6 +9695,8 @@
    "tag": "UiStatStrip",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Horizontal strip of several icon, value and label stats in one card.",
    "props": {
     "items": {
@@ -9587,6 +9724,8 @@
    "tag": "UiCountryRow",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Row with a country code badge, amount, country name and a percentage change.",
    "props": {
     "code": {
@@ -9615,6 +9754,8 @@
    "tag": "UiVersusBar",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Head-to-head comparison of two values with a proportional two-color bar.",
    "props": {
     "left": {
@@ -9649,6 +9790,8 @@
    "tag": "UiSegBar",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Single stacked bar split into proportional segments with a legend, for distributions.",
    "props": {
     "segments": {
@@ -9664,6 +9807,7 @@
    "tag": "UiMiniChart",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Tiny sparkline in bar or line form for trends inside cards and tables.",
    "props": {
     "values": {
@@ -9712,6 +9856,8 @@
    "tag": "UiChartCard",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Card shell for a chart with title, subtitle and an optional overflow menu; put the chart in the default slot.",
    "props": {
     "title": {
@@ -9752,6 +9898,7 @@
    "tag": "UiRing",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Circular progress gauge with a percentage in the center and a tick scale around it.",
    "props": {
     "value": {
@@ -9801,6 +9948,8 @@
    "tag": "UiOccupancyChart",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Bar chart of percentages by label, such as hotel occupancy per day or month.",
    "props": {
     "values": {
@@ -9821,6 +9970,8 @@
    "tag": "UiSalesFunnel",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Horizontal funnel of steps with bars scaled to the largest value, for conversion flows.",
    "props": {
     "steps": {
@@ -9836,6 +9987,8 @@
    "tag": "UiSystemStatus",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "List of services with a status dot and a value such as uptime or latency.",
    "props": {
     "items": {
@@ -9851,6 +10004,8 @@
    "tag": "UiUserCell",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Avatar with a name and optional subtitle, for table cells and lists of people.",
    "props": {
     "name": {
@@ -9885,6 +10040,7 @@
    "tag": "UiIconTile",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Square or circular tinted tile holding an icon, used as a leading visual in lists and cards.",
    "props": {
     "icon": {
@@ -9933,6 +10089,7 @@
    "tag": "UiStatusIcon",
    "group": "data",
    "tier": "free",
+   "implemented": true,
    "description": "Round tinted icon with a hover and focus tooltip, for compact status markers.",
    "props": {
     "icon": {
@@ -9979,6 +10136,8 @@
    "tag": "UiHeroBanner",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Wide promotional banner with title, text, a big value, optional action and a background image.",
    "props": {
     "title": {
@@ -10015,6 +10174,8 @@
    "tag": "UiTabTiles",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Row of icon tiles that work as tabs, with an optional add button.",
    "props": {
     "items": {
@@ -10046,6 +10207,8 @@
    "tag": "UiPricingCard",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Pricing plan card with price, feature list and a select button.",
    "props": {
     "name": {
@@ -10103,6 +10266,8 @@
    "tag": "UiIntegrationCard",
    "group": "data",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Card for a third-party integration showing its connection status and a connect or manage button.",
    "props": {
     "name": {
@@ -10155,6 +10320,7 @@
    "tag": "UiAlert",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -10214,6 +10380,7 @@
    "tag": "UiBanner",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Full-width Alert without rounded corners; use at the top of a page or section for system-wide notices.",
    "props": {
     "tone": {
@@ -10261,6 +10428,7 @@
    "tag": "UiToast",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Static toast card with a tone icon, title and text; use for transient confirmations rendered in your own toast stack.",
    "props": {
     "tone": {
@@ -10304,6 +10472,7 @@
    "tag": "UiSnackbar",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -10361,6 +10530,7 @@
    "tag": "UiProgress",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Horizontal progress bar with optional label and meta text; use for uploads, quotas and completion.",
    "props": {
     "value": {
@@ -10407,6 +10577,7 @@
    "tag": "UiSpinner",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Inline loading indicator; use inside buttons, cards or next to a loading label.",
    "props": {
     "size": {
@@ -10431,6 +10602,7 @@
    "tag": "UiSkeleton",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Shimmering placeholder for content that is loading; use text lines, circles or rectangles that match the final layout.",
    "props": {
     "variant": {
@@ -10479,6 +10651,7 @@
    "tag": "UiEmptyState",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Centered icon (or image), title and description with optional actions; use when a list, search or section has no content.",
    "props": {
     "title": {
@@ -10521,6 +10694,7 @@
    "tag": "UiErrorPage",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Full-page error with a large code, title and description; use for 404, 500 and similar screens.",
    "props": {
     "code": {
@@ -10548,6 +10722,7 @@
    "tag": "UiStatusPage",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "description": "Ready-made full-page status screen (404, 401, maintenance, coming soon) with one action button.",
    "props": {
     "kind": {
@@ -10612,6 +10787,7 @@
    "tag": "UiDataState",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -10651,6 +10827,7 @@
    "tag": "UiLoadingOverlay",
    "group": "feedback",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -10672,6 +10849,7 @@
    "tag": "UiModal",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Centered dialog with a title, close button, body and optional footer; use for forms and focused tasks that block the page.",
    "props": {
     "open": {
@@ -10739,6 +10917,7 @@
    "tag": "UiDrawer",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Side panel that slides over the page; use for filters, details and secondary forms.",
    "props": {
     "open": {
@@ -10788,6 +10967,7 @@
    "tag": "UiConfirmDialog",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Small Modal with a message and Cancel/Confirm buttons; use to confirm destructive or irreversible actions.",
    "props": {
     "open": {
@@ -10854,6 +11034,7 @@
    "tag": "UiPopconfirm",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "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": {
@@ -10915,6 +11096,8 @@
    "tag": "UiStepDialog",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Wide Modal with a vertical step list on the left and Previous/Next buttons; use for multi-step wizards.",
    "props": {
     "open": {
@@ -10966,6 +11149,8 @@
    "tag": "UiFullscreenDialog",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-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": {
@@ -10999,6 +11184,7 @@
    "tag": "UiBottomSheet",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Panel anchored to the bottom of the screen with a grab handle; use for mobile pickers and short forms.",
    "props": {
     "open": {
@@ -11045,6 +11231,8 @@
    "tag": "UiActionsheet",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Bottom sheet with a list of actions and a Cancel button; use for mobile \"more actions\" menus.",
    "props": {
     "open": {
@@ -11089,6 +11277,7 @@
    "tag": "UiPopover",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Button that toggles a floating panel with arbitrary content; use for small forms and extra info next to a control.",
    "props": {
     "label": {
@@ -11120,6 +11309,8 @@
    "tag": "UiHoverCard",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Rich card shown on hover or keyboard focus of a trigger; use for previews of users, links or entities.",
    "props": {
     "trigger": {
@@ -11151,6 +11342,7 @@
    "tag": "UiTooltip",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Short text bubble shown on hover or focus of the wrapped element; use for icon-only controls and hints.",
    "props": {
     "text": {
@@ -11194,6 +11386,7 @@
    "tag": "UiDropdown",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Button that opens a menu of actions; use for \"more\" menus and action lists.",
    "props": {
     "label": {
@@ -11239,6 +11432,7 @@
    "tag": "UiMenu",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Static vertical list of actions rendered inline; use in sidebars and custom popovers.",
    "props": {
     "items": {
@@ -11276,6 +11470,7 @@
    "tag": "UiContextMenu",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Wraps an area and shows a menu at the cursor on right click; use for row and canvas actions.",
    "props": {
     "items": {
@@ -11312,6 +11507,8 @@
    "tag": "UiCommandBar",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Floating glass toolbar of icon buttons; use for selection actions or editor tools.",
    "props": {
     "items": {
@@ -11341,6 +11538,7 @@
    "tag": "UiCommandPalette",
    "group": "overlay",
    "tier": "free",
+   "implemented": true,
    "description": "Searchable list of commands in a top-aligned dialog; use for a Cmd+K launcher.",
    "props": {
     "open": {
@@ -11385,6 +11583,8 @@
    "tag": "UiImageViewer",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Full-screen lightbox for one or several images with previous/next buttons and a counter.",
    "props": {
     "open": {
@@ -11419,6 +11619,8 @@
    "tag": "UiTour",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Guided product tour that dims the page, highlights a target element and shows a step popover.",
    "props": {
     "open": {
@@ -11451,6 +11653,8 @@
    "tag": "UiTourPopover",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Step card of a tour with title, text, step counter and Back/Next buttons; used by Tour and usable standalone.",
    "props": {
     "title": {
@@ -11482,6 +11686,8 @@
    "tag": "UiScreensaver",
    "group": "overlay",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Full-screen idle screen with a large clock, date and the brand mark; show it after inactivity.",
    "props": {
     "open": {
@@ -11517,6 +11723,7 @@
    "tag": "UiTopNav",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Horizontal app header with a brand area, navigation items and an actions area.",
    "props": {
     "brand": {
@@ -11561,6 +11768,7 @@
    "tag": "UiSideNav",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Vertical sidebar with a brand, grouped navigation items, a footer and an optional collapse toggle.",
    "props": {
     "brand": {
@@ -11616,6 +11824,7 @@
    "tag": "UiSubNav",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Compact vertical list of sections with an optional title; use for settings and secondary page navigation.",
    "props": {
     "title": {
@@ -11653,6 +11862,7 @@
    "tag": "UiTabs",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Underlined tab strip for switching between views of the same page.",
    "props": {
     "modelValue": {
@@ -11690,6 +11900,7 @@
    "tag": "UiPillTabs",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Pill-style tab buttons with optional icons, horizontal or vertical; use for settings and profile sections.",
    "props": {
     "items": {
@@ -11731,6 +11942,7 @@
    "tag": "UiBreadcrumbs",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Path trail with chevron separators; the last item is the current page.",
    "props": {
     "items": {
@@ -11767,6 +11979,7 @@
    "tag": "UiPagination",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Page navigation with numbered buttons, ellipsis windowing and previous/next; use under tables and lists.",
    "props": {
     "page": {
@@ -11824,6 +12037,7 @@
    "tag": "UiAccordion",
    "group": "navigation",
    "tier": "free",
+   "implemented": true,
    "description": "Vertical list of collapsible sections where one is open at a time; use for FAQs and grouped details.",
    "props": {
     "items": {
@@ -11853,6 +12067,7 @@
    "tag": "UiAvatar",
    "group": "media",
    "tier": "free",
+   "implemented": true,
    "description": "Round user picture that falls back to initials when there is no image.",
    "props": {
     "name": {
@@ -11926,6 +12141,7 @@
    "tag": "UiIcon",
    "group": "media",
    "tier": "free",
+   "implemented": true,
    "description": "Renders a named icon from the library at a chosen size.",
    "props": {
     "name": {
@@ -11956,6 +12172,7 @@
    "tag": "UiLazyImage",
    "group": "media",
    "tier": "free",
+   "implemented": true,
    "description": "Image box with a fixed aspect ratio and rounded corners, rendered as a background image.",
    "props": {
     "src": {
@@ -11984,6 +12201,8 @@
    "tag": "UiGallery",
    "group": "media",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Large image with a counter and a thumbnail strip for browsing a set of photos.",
    "props": {
     "images": {
@@ -12031,6 +12250,8 @@
    "tag": "UiCarousel",
    "group": "media",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Slideshow of image slides with captions, arrows and dot pagination.",
    "props": {
     "items": {
@@ -12082,6 +12303,8 @@
    "tag": "UiMap",
    "group": "media",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Interactive raster map with panning, zoom buttons and clickable markers, using OpenStreetMap data via CARTO tiles.",
    "props": {
     "lat": {
@@ -12153,6 +12376,8 @@
    "tag": "UiProfileHeader",
    "group": "media",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Profile card with a cover image, large avatar, name and a row of meta items.",
    "props": {
     "name": {
@@ -12183,6 +12408,8 @@
    "tag": "UiChatAi",
    "group": "media",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Chat panel with message bubbles, a typing indicator and an input, for AI assistant UIs.",
    "props": {
     "messages": {
@@ -12223,6 +12450,8 @@
    "tag": "UiHotelCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Hotel listing card with photo, tags, stars, distance, rating and nightly price; use in catalogs and search results.",
    "props": {
     "name": {
@@ -12284,6 +12513,8 @@
    "tag": "UiTourCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Tour or virtual-tour card with session count and a seat-occupancy bar.",
    "props": {
     "name": {
@@ -12335,6 +12566,8 @@
    "tag": "UiPrayerTimes",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Row of daily prayer times with the upcoming prayer highlighted.",
    "props": {
     "items": {
@@ -12365,6 +12598,8 @@
    "tag": "UiRamadanTracker",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Thirty-day Ramadan progress strip; the last ten days and odd nights are marked.",
    "props": {
     "day": {
@@ -12394,6 +12629,8 @@
    "tag": "UiQiblaCompass",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Compass dial with a Kaaba marker pointing to the Qibla and the bearing in degrees below it.",
    "props": {
     "bearing": {
@@ -12433,6 +12670,8 @@
    "tag": "UiBookingCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Compact booking summary: code, status, guest, hotel, dates and total.",
    "props": {
     "code": {
@@ -12484,6 +12723,8 @@
    "tag": "UiGuestCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Guest profile card with avatar, country, stay length and tags.",
    "props": {
     "name": {
@@ -12528,6 +12769,8 @@
    "tag": "UiRoomGrid",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Tile grid of rooms colored by housekeeping status; use for front-desk room selection.",
    "props": {
     "rooms": {
@@ -12565,6 +12808,8 @@
    "tag": "UiRoomCalendar",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Gantt-style occupancy calendar: rooms as rows, days as columns, bookings as bars.",
    "props": {
     "rooms": {
@@ -12599,6 +12844,8 @@
    "tag": "UiLeadCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "CRM lead card with avatar, code, phone and amount.",
    "props": {
     "name": {
@@ -12653,6 +12900,8 @@
    "tag": "UiDealCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "CRM deal card with stage badge, amount, win probability and owner; the card type inside PipelineBoard.",
    "props": {
     "title": {
@@ -12713,6 +12962,8 @@
    "tag": "UiPipelineBoard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Horizontally scrolling kanban pipeline of stage columns filled with DealCards.",
    "props": {
     "stages": {
@@ -12747,6 +12998,8 @@
    "tag": "UiContactPanel",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Contact detail card with avatar, role, contact fields and Call / Message buttons.",
    "props": {
     "name": {
@@ -12801,6 +13054,8 @@
    "tag": "UiKanbanColumn",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Single kanban column with a title, count badge and stacked cards.",
    "props": {
     "title": {
@@ -12834,6 +13089,8 @@
    "tag": "UiKanbanCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Simple kanban card with title, subtitle, free content and an optional tag.",
    "props": {
     "title": {
@@ -12883,6 +13140,8 @@
    "tag": "UiCallRow",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "One-line call log row with avatar, status, duration and a play button.",
    "props": {
     "name": {
@@ -12929,6 +13188,8 @@
    "tag": "UiCallCard",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Call recording card with status badge, a playback progress bar and duration.",
    "props": {
     "name": {
@@ -12995,6 +13256,8 @@
    "tag": "UiIncomingCall",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Glass banner for an incoming call with Decline and Answer buttons.",
    "props": {
     "name": {
@@ -13042,6 +13305,7 @@
    "tag": "UiAuthSplit",
    "group": "domain",
    "tier": "free",
+   "implemented": true,
    "description": "Two-column sign-in layout with a brand panel on the left and the form on the right.",
    "props": {
     "title": {
@@ -13074,6 +13338,8 @@
    "tag": "UiAuthShowcase",
    "group": "domain",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-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": {
@@ -13148,6 +13414,7 @@
    "tag": "UiSocialAuth",
    "group": "domain",
    "tier": "free",
+   "implemented": true,
    "description": "Continue with Google and Apple buttons with an \"or\" divider. Place it under the sign-in form.",
    "props": {
     "providers": {
@@ -13202,6 +13469,7 @@
    "tag": "UiPageDashboard",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "Dashboard template: greeting hero, KPI tiles, occupancy chart, sales funnel, top list and activity feed.",
    "props": {
     "title": {
@@ -13240,6 +13508,8 @@
    "tag": "UiPagePatterns",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Showcase template combining twelve recurring dashboard card patterns (banner, strips, stat lines, charts, lists).",
    "props": {
     "title": {
@@ -13282,6 +13552,8 @@
    "tag": "UiPageCrm",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "CRM template: summary tiles, filters, pipeline board and call queue.",
    "props": {
     "title": {
@@ -13317,6 +13589,8 @@
    "tag": "UiPageBookings",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Bookings list template: stats, toolbar, bulk-action bar, table and pagination.",
    "props": {
     "title": {
@@ -13353,6 +13627,8 @@
    "tag": "UiPageCatalog",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Catalog template with a filter sidebar and a card grid (hotels, tours).",
    "props": {
     "title": {
@@ -13389,6 +13665,8 @@
    "tag": "UiPageDetail",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Detail page template (hotel, tour): gallery, summary, tabs, history and a booking side card.",
    "props": {
     "title": {
@@ -13426,6 +13704,7 @@
    "tag": "UiPageSettings",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "Settings template with a section sub-navigation and stacked settings sections.",
    "props": {
     "title": {
@@ -13462,6 +13741,7 @@
    "tag": "UiPageUserList",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "User or customer list template: stats, filters, toolbar, table and a right-hand add/edit drawer.",
    "props": {
     "title": {
@@ -13498,6 +13778,8 @@
    "tag": "UiPageProfile",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "User profile template: cover header, tabs and two columns of about, activity and plan cards.",
    "props": {
     "title": {
@@ -13534,6 +13816,8 @@
    "tag": "UiPageForm",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Create/edit form template: main column, media, side column and header actions.",
    "props": {
     "title": {
@@ -13568,6 +13852,8 @@
    "tag": "UiPageOrder",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Order/booking details template: status chips, items table, timeline and side info cards.",
    "props": {
     "title": {
@@ -13603,6 +13889,8 @@
    "tag": "UiPageAccount",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Account settings template with pill tabs and a swappable panel.",
    "props": {
     "title": {
@@ -13637,6 +13925,7 @@
    "tag": "UiPagePricing",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "Pricing template: billing-period toggle, plan cards and an FAQ.",
    "props": {
     "title": {
@@ -13671,6 +13960,8 @@
    "tag": "UiPageFaq",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Help center template: search, categories, answers accordion and a contact block.",
    "props": {
     "title": {
@@ -13706,6 +13997,8 @@
    "tag": "UiPageAnalytics",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Analytics template: period picker, KPI strip, trend charts, a breakdown block and a table. Put Export in actions.",
    "props": {
     "title": {
@@ -13743,6 +14036,8 @@
    "tag": "UiPageCalendar",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Calendar template: view switch, time grid, mini calendar and event details.",
    "props": {
     "title": {
@@ -13779,6 +14074,8 @@
    "tag": "UiPageKanban",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Kanban template: filters, task board columns and a card detail panel.",
    "props": {
     "title": {
@@ -13814,6 +14111,8 @@
    "tag": "UiPageBilling",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Billing template: current plan, usage meters, invoices, payment methods and an upgrade card.",
    "props": {
     "title": {
@@ -13851,6 +14150,8 @@
    "tag": "UiPageTeam",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Team template: member stats, members table, roles and permissions matrix, and an invite form.",
    "props": {
     "title": {
@@ -13887,6 +14188,8 @@
    "tag": "UiPageIntegrations",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Integrations template: connection cards, API keys and webhooks.",
    "props": {
     "title": {
@@ -13923,6 +14226,8 @@
    "tag": "UiPageSearch",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Search template: query field, filter sidebar, result groups and an empty state.",
    "props": {
     "title": {
@@ -13959,6 +14264,8 @@
    "tag": "UiPageArticle",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Article template: cover, post body, sticky table of contents, share row and related posts.",
    "props": {
     "title": {
@@ -13996,6 +14303,8 @@
    "tag": "UiPageChangelog",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Changelog template: release timeline grouped by version with new, fix and improved tags, a filter and a subscribe card.",
    "props": {
     "title": {
@@ -14031,6 +14340,8 @@
    "tag": "UiPageHelp",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Help center home: search, category grid, popular articles and a contact card.",
    "props": {
     "title": {
@@ -14067,6 +14378,8 @@
    "tag": "UiPageStates",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "State gallery: empty list, no results, no permission, offline, error with retry, loading and success on one page.",
    "props": {
     "title": {
@@ -14106,6 +14419,8 @@
    "tag": "UiPageLegal",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.",
    "props": {
     "title": {
@@ -14142,6 +14457,8 @@
    "tag": "UiPageLocations",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Locations template: filters, a scrollable list of places and a sticky map panel.",
    "props": {
     "title": {
@@ -14177,6 +14494,8 @@
    "tag": "UiPageBookingFlow",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Booking flow template: stepper, the active step content, back and continue buttons and a sticky summary card.",
    "props": {
     "title": {
@@ -14213,6 +14532,8 @@
    "tag": "UiPageItinerary",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-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": {
@@ -14250,6 +14571,8 @@
    "tag": "UiPagePrayer",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-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": {
@@ -14286,6 +14609,8 @@
    "tag": "UiPageGroupManager",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Group manager template: trip summary, pilgrims table with document and visa status, bulk actions, rooming and a sticky payments summary.",
    "props": {
     "title": {
@@ -14324,6 +14649,8 @@
    "tag": "UiPageTourPublic",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-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": {
@@ -14362,6 +14689,8 @@
    "tag": "UiPageNotifications",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Notifications template: filters, a feed grouped by day and an empty state. Put Mark all read in actions.",
    "props": {
     "title": {
@@ -14397,6 +14726,8 @@
    "tag": "UiPageInbox",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Inbox template: filters and conversation list, the open thread with a composer, and a customer panel.",
    "props": {
     "title": {
@@ -14434,6 +14765,8 @@
    "tag": "UiPageCheckout",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Checkout template: step indicator, cart items, delivery address, payment and an order summary column.",
    "props": {
     "title": {
@@ -14471,6 +14804,8 @@
    "tag": "UiPageOnboarding",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Onboarding template: progress block, active step content, setup checklist and a column of tips.",
    "props": {
     "title": {
@@ -14507,6 +14842,8 @@
    "tag": "UiPageLanding",
    "group": "pages",
    "tier": "pro",
+   "implemented": false,
+   "package": "@ziyarago/ui-pro",
    "description": "Landing template: hero, logo strip, features, social proof, pricing teaser, call to action and footer. Used without the app shell.",
    "props": {},
    "slots": {
@@ -14527,6 +14864,7 @@
    "tag": "UiPageAuth",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "Sign-in page template without the app shell, as a centered card or a split layout.",
    "props": {
     "layout": {
@@ -14540,7 +14878,7 @@
       "tint"
      ],
      "default": "card",
-     "description": "'split' uses AuthSplit with a side panel. 'photo', 'light' and 'tint' use AuthShowcase with a media panel. Anything else renders a centered AuthLayout card over the background."
+     "description": "'split' uses AuthSplit with a side panel. 'photo', 'light' and 'tint' use AuthShowcase with a media panel (Pro: needs @ziyarago/ui-pro, otherwise they fall back to the centered card). Anything else renders a centered AuthLayout card over the background."
     },
     "image": {
      "forwarded": true,
@@ -14609,6 +14947,7 @@
    "tag": "UiPageStatus",
    "group": "pages",
    "tier": "free",
+   "implemented": true,
    "description": "Full-page status screen (404, 401, maintenance, coming soon) with one action.",
    "props": {
     "kind": {