@aleph-alpha/ui-library 1.9.0 → 1.10.0

package/mcp/components-meta.json

@@ -0,0 +1,1172 @@
+{
+  "UiCompositionPlaceholder": {
+    "description": "Placeholder for composition components (internal development use).",
+    "category": "Compositions",
+    "useCases": [
+      "development placeholder"
+    ],
+    "keywords": [
+      "placeholder",
+      "composition",
+      "internal"
+    ],
+    "related": [],
+    "props": [],
+    "examples": [],
+    "_autoGenerated": true
+  },
+  "UiDataTable": {
+    "description": "A feature-rich data table with sorting, filtering, and pagination. Use for displaying and managing large datasets with interactive features.",
+    "category": "Layout",
+    "useCases": [
+      "data grid",
+      "admin table",
+      "user list",
+      "product catalog",
+      "reports"
+    ],
+    "keywords": [
+      "datatable",
+      "grid",
+      "sorting",
+      "filtering",
+      "pagination",
+      "data",
+      "list",
+      "table"
+    ],
+    "related": [
+      "UiTable"
+    ],
+    "props": [],
+    "examples": [
+      "Basic",
+      "WithSorting",
+      "WithPagination",
+      "WithToolbar",
+      "WithGlobalFilter",
+      "WithRowSelection",
+      "FullExample",
+      "WithCustomEmptyText",
+      "WithCustomEmptySlot",
+      "WithColumnHeader",
+      "WithPageSizeSelector",
+      "WithMinHeightSmallDataset",
+      "WithRowActions",
+      "WithCellFormatting"
+    ],
+    "_autoGenerated": true
+  },
+  "UiDatePicker": {
+    "description": "A date picker combining a button trigger with a popover calendar. Provides an accessible way to select dates or date ranges.",
+    "category": "Form Inputs",
+    "useCases": [
+      "date selection",
+      "booking form",
+      "event picker",
+      "schedule",
+      "deadline"
+    ],
+    "keywords": [
+      "date",
+      "picker",
+      "calendar",
+      "datepicker",
+      "range",
+      "schedule"
+    ],
+    "related": [
+      "UiCalendar",
+      "UiPopover"
+    ],
+    "props": [
+      "class",
+      "open",
+      "mode",
+      "modelValue",
+      "defaultValue",
+      "placeholder",
+      "minValue",
+      "maxValue",
+      "disabled",
+      "readonly",
+      "locale",
+      "weekStartsOn",
+      "numberOfMonths",
+      "weekdayFormat",
+      "fixedWeeks",
+      "layout",
+      "preventDeselect",
+      "calendarLabel",
+      "isDateDisabled",
+      "isDateUnavailable",
+      "dateFormat",
+      "closeOnSelect",
+      "pagedNavigation",
+      "ariaLabel",
+      "rangeSeparator"
+    ],
+    "examples": [
+      "Default",
+      "WithPreselectedDate",
+      "WithMonthYearDropdowns",
+      "WithDateRange",
+      "DisabledWeekends",
+      "GermanLocale",
+      "Disabled",
+      "CustomWidth",
+      "KeepOpenOnSelect",
+      "TwoMonthsView",
+      "FormExample",
+      "RangeMode",
+      "RangeTwoMonths",
+      "RangeWithConstraints",
+      "RangePreselected",
+      "RangeFormExample",
+      "RangeKeepOpen"
+    ],
+    "_autoGenerated": true
+  },
+  "UiPlaceholder": {
+    "description": "Placeholder for foundation components (internal development use).",
+    "category": "Foundations",
+    "useCases": [
+      "development placeholder"
+    ],
+    "keywords": [
+      "placeholder",
+      "foundation",
+      "internal"
+    ],
+    "related": [],
+    "props": [],
+    "examples": [],
+    "_autoGenerated": true
+  },
+  "UiAccordion": {
+    "description": "Collapsible sections for organizing content. Use for FAQs, settings panels, or any content that benefits from show/hide.",
+    "category": "Navigation",
+    "useCases": [
+      "FAQ section",
+      "settings panel",
+      "collapsible content",
+      "expandable list"
+    ],
+    "keywords": [
+      "accordion",
+      "collapse",
+      "expand",
+      "faq",
+      "panel",
+      "section",
+      "toggle"
+    ],
+    "related": [
+      "UiTabs"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Multiple",
+      "NonCollapsible",
+      "WithDisabledItem",
+      "Controlled"
+    ],
+    "_autoGenerated": true
+  },
+  "UiAlert": {
+    "description": "A highlighted message box for important information. Use for success messages, warnings, errors, or informational notices.",
+    "category": "Feedback",
+    "useCases": [
+      "success message",
+      "error notice",
+      "warning",
+      "info banner",
+      "notification"
+    ],
+    "keywords": [
+      "alert",
+      "message",
+      "notice",
+      "warning",
+      "error",
+      "success",
+      "info",
+      "banner"
+    ],
+    "related": [
+      "UiAlertDialog"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Destructive",
+      "AllVariants"
+    ],
+    "_autoGenerated": true
+  },
+  "UiAlertDialog": {
+    "description": "A modal dialog for confirmations that interrupt the user. Use for destructive actions, important decisions, or critical confirmations.",
+    "category": "Overlays",
+    "useCases": [
+      "confirm delete",
+      "destructive action",
+      "important confirmation",
+      "warning"
+    ],
+    "keywords": [
+      "alert",
+      "dialog",
+      "modal",
+      "confirm",
+      "warning",
+      "destructive",
+      "popup"
+    ],
+    "related": [
+      "UiPopover"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Simple"
+    ],
+    "_autoGenerated": true
+  },
+  "UiAvatar": {
+    "description": "A circular image for representing users or entities. Use for profile pictures, user lists, or any person/entity representation.",
+    "category": "Data Display",
+    "useCases": [
+      "profile picture",
+      "user avatar",
+      "contact image",
+      "team member"
+    ],
+    "keywords": [
+      "avatar",
+      "image",
+      "profile",
+      "picture",
+      "user",
+      "photo",
+      "initials"
+    ],
+    "related": [
+      "UiBadge"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Fallback",
+      "Multiple",
+      "Stacked"
+    ],
+    "_autoGenerated": true
+  },
+  "UiBadge": {
+    "description": "A small label for status, counts, or categories. Use for tags, notifications counts, status indicators, or labels.",
+    "category": "Feedback",
+    "useCases": [
+      "status label",
+      "notification count",
+      "tag",
+      "category",
+      "version"
+    ],
+    "keywords": [
+      "badge",
+      "label",
+      "tag",
+      "status",
+      "count",
+      "chip",
+      "pill"
+    ],
+    "related": [
+      "UiButton"
+    ],
+    "props": [
+      "variant",
+      "asChild",
+      "startIcon",
+      "endIcon"
+    ],
+    "examples": [
+      "Default",
+      "Secondary",
+      "Destructive",
+      "Outline",
+      "WithStartIcon",
+      "WithEndIcon",
+      "WithBothIcons",
+      "WithIconSlot",
+      "Pill",
+      "AllVariants"
+    ],
+    "_autoGenerated": true
+  },
+  "UiButton": {
+    "description": "A clickable button component for triggering actions and submitting forms.",
+    "category": "Actions",
+    "useCases": [
+      "form submission",
+      "call to action",
+      "trigger modal",
+      "navigation link",
+      "toolbar action"
+    ],
+    "keywords": [
+      "button",
+      "click",
+      "submit",
+      "action",
+      "cta",
+      "interactive"
+    ],
+    "related": [
+      "UiIconButton",
+      "UiLink"
+    ],
+    "props": [
+      "variant",
+      "size",
+      "asChild",
+      "type",
+      "disabled",
+      "loading",
+      "ariaLabel",
+      "startIcon",
+      "endIcon"
+    ],
+    "examples": [
+      "Default",
+      "Outline",
+      "Secondary",
+      "Ghost",
+      "Destructive",
+      "Link",
+      "Sizes",
+      "WithStartIcon",
+      "WithEndIcon",
+      "WithBothIcons",
+      "Loading",
+      "LoadingWithBothIcons",
+      "WithIconSlot",
+      "AsChild",
+      "AllVariants"
+    ],
+    "_autoGenerated": true
+  },
+  "UiCalendar": {
+    "description": "A date picker calendar for selecting single or multiple dates. Use for booking forms, event scheduling, or any date selection needs.",
+    "category": "Form Inputs",
+    "useCases": [
+      "date selection",
+      "booking form",
+      "event picker",
+      "birthday input",
+      "schedule"
+    ],
+    "keywords": [
+      "calendar",
+      "date",
+      "picker",
+      "datepicker",
+      "schedule",
+      "booking",
+      "day",
+      "month"
+    ],
+    "related": [
+      "UiRangeCalendar",
+      "UiPopover"
+    ],
+    "props": [
+      "modelValue",
+      "defaultValue",
+      "placeholder",
+      "defaultPlaceholder",
+      "minValue",
+      "maxValue",
+      "disabled",
+      "readonly",
+      "locale",
+      "weekStartsOn",
+      "numberOfMonths",
+      "pagedNavigation",
+      "weekdayFormat",
+      "fixedWeeks",
+      "layout",
+      "yearRange",
+      "preventDeselect",
+      "multiple",
+      "calendarLabel",
+      "initialFocus",
+      "isDateDisabled",
+      "isDateUnavailable",
+      "dir",
+      "nextPage",
+      "prevPage",
+      "disableDaysOutsideCurrentView"
+    ],
+    "examples": [
+      "Default",
+      "WithMonthYearDropdowns",
+      "MultipleMonths",
+      "DisabledWeekends",
+      "WithDateRange",
+      "GermanLocale",
+      "Disabled",
+      "Readonly",
+      "MultipleSelection",
+      "UnavailableDates",
+      "FixedWeeks",
+      "PreventDeselect",
+      "CustomHeadingAndCellSize"
+    ],
+    "_autoGenerated": true
+  },
+  "UiCard": {
+    "description": "A container for grouping related content with header, body, and footer. Use for displaying information in a bordered, elevated container.",
+    "category": "Layout",
+    "useCases": [
+      "content card",
+      "product card",
+      "profile card",
+      "info panel",
+      "dashboard widget"
+    ],
+    "keywords": [
+      "card",
+      "container",
+      "panel",
+      "box",
+      "section",
+      "tile",
+      "widget"
+    ],
+    "related": [
+      "UiAlert"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Simple"
+    ],
+    "_autoGenerated": true
+  },
+  "UiCheckbox": {
+    "description": "A checkbox input for boolean or indeterminate selections. Use for toggling options, accepting terms, or multi-select lists.",
+    "category": "Form Inputs",
+    "useCases": [
+      "toggle option",
+      "accept terms",
+      "multi-select",
+      "settings",
+      "preferences"
+    ],
+    "keywords": [
+      "checkbox",
+      "check",
+      "toggle",
+      "boolean",
+      "tick",
+      "select",
+      "form"
+    ],
+    "related": [
+      "UiSwitch",
+      "UiRadioGroup"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "WithDescription",
+      "Disabled",
+      "Card"
+    ],
+    "_autoGenerated": true
+  },
+  "UiDrawer": {
+    "description": "A slide-out panel that appears from the edge of the screen. Use for secondary content, navigation menus, or forms that don't require full-page context.",
+    "category": "Overlays",
+    "useCases": [
+      "side panel",
+      "mobile menu",
+      "filters",
+      "settings",
+      "navigation"
+    ],
+    "keywords": [
+      "drawer",
+      "panel",
+      "slide",
+      "sidebar",
+      "sheet",
+      "mobile"
+    ],
+    "related": [
+      "UiSheet",
+      "UiDialog"
+    ],
+    "props": [
+      "open",
+      "modal"
+    ],
+    "examples": [
+      "Default",
+      "Controlled",
+      "NonModal",
+      "WithoutHandle",
+      "LongContent",
+      "OpenByDefault"
+    ],
+    "_autoGenerated": true
+  },
+  "UiDropdownMenu": {
+    "description": "A menu that appears on trigger click with actions and options. Use for context menus, action lists, or any menu triggered by a button.",
+    "category": "Overlays",
+    "useCases": [
+      "action menu",
+      "context menu",
+      "options list",
+      "user menu",
+      "settings menu"
+    ],
+    "keywords": [
+      "dropdown",
+      "menu",
+      "actions",
+      "options",
+      "context",
+      "popover",
+      "list"
+    ],
+    "related": [
+      "UiPopover",
+      "UiSelect"
+    ],
+    "props": [
+      "open",
+      "modal"
+    ],
+    "examples": [
+      "Default",
+      "WithLabelsAndGroups",
+      "WithCheckboxItems",
+      "WithRadioItems",
+      "WithDestructiveAction",
+      "WithSubmenu",
+      "WithIconButton"
+    ],
+    "_autoGenerated": true
+  },
+  "UiField": {
+    "description": "A form field wrapper that groups label, input, description, and error messages. Provides consistent layout and accessibility for form controls.",
+    "category": "Form Inputs",
+    "useCases": [
+      "form layout",
+      "input wrapper",
+      "field grouping",
+      "validation display"
+    ],
+    "keywords": [
+      "field",
+      "form",
+      "label",
+      "input",
+      "error",
+      "validation",
+      "wrapper"
+    ],
+    "related": [
+      "UiInput",
+      "UiLabel"
+    ],
+    "props": [
+      "orientation"
+    ],
+    "examples": [
+      "Default",
+      "WithError",
+      "Group",
+      "HorizontalOrientation",
+      "ResponsiveOrientation",
+      "WithMultipleErrors",
+      "CustomErrorSlot",
+      "Textarea",
+      "Select",
+      "Checkbox",
+      "Switch",
+      "RadioGroupInFieldSet",
+      "SeparatorWithContent",
+      "ValidationAndErrors",
+      "CheckboxGroup",
+      "ResponsiveProfileForm",
+      "CheckoutPaymentForm"
+    ],
+    "_autoGenerated": true
+  },
+  "UiIcon": {
+    "description": "An icon component using UnoCSS/Iconify icons. Use for visual indicators, button decorations, or standalone meaningful graphics.",
+    "category": "Data Display",
+    "useCases": [
+      "visual indicator",
+      "button icon",
+      "status icon",
+      "decorative graphic"
+    ],
+    "keywords": [
+      "icon",
+      "symbol",
+      "graphic",
+      "material",
+      "iconify",
+      "svg"
+    ],
+    "related": [
+      "UiIconButton",
+      "UiButton"
+    ],
+    "props": [
+      "icon",
+      "ariaLabel"
+    ],
+    "examples": [
+      "Default",
+      "InIconButton"
+    ],
+    "_autoGenerated": true
+  },
+  "UiIconButton": {
+    "description": "A button that displays only an icon without text. Use for compact actions like close, edit, delete, or toolbar buttons.",
+    "category": "Actions",
+    "useCases": [
+      "close button",
+      "edit action",
+      "toolbar button",
+      "compact action"
+    ],
+    "keywords": [
+      "iconbutton",
+      "icon",
+      "button",
+      "action",
+      "close",
+      "edit",
+      "delete"
+    ],
+    "related": [
+      "UiButton",
+      "UiIcon"
+    ],
+    "props": [
+      "variant",
+      "size",
+      "asChild",
+      "type",
+      "disabled",
+      "loading",
+      "ariaLabel"
+    ],
+    "examples": [
+      "Default",
+      "Secondary",
+      "Destructive",
+      "Outline",
+      "Ghost",
+      "Link",
+      "Loading",
+      "Disabled",
+      "AllVariants",
+      "AllSizes",
+      "AsChild"
+    ],
+    "_autoGenerated": true
+  },
+  "UiInput": {
+    "description": "A text input field for single-line user input. Use for forms, search bars, and any text entry that fits on one line.",
+    "category": "Form Inputs",
+    "useCases": [
+      "text entry",
+      "search field",
+      "email input",
+      "password field",
+      "form field"
+    ],
+    "keywords": [
+      "input",
+      "text",
+      "field",
+      "form",
+      "search",
+      "email",
+      "password",
+      "textbox"
+    ],
+    "related": [
+      "UiTextarea",
+      "UiSelect",
+      "UiCheckbox"
+    ],
+    "props": [
+      "name",
+      "disabled",
+      "placeholder",
+      "required"
+    ],
+    "examples": [
+      "Default",
+      "WithLabel",
+      "Disabled",
+      "WithButton",
+      "File"
+    ],
+    "_autoGenerated": true
+  },
+  "UiPopover": {
+    "description": "A floating panel that appears relative to a trigger element. Use for rich content like forms, pickers, or detailed information.",
+    "category": "Overlays",
+    "useCases": [
+      "floating panel",
+      "picker container",
+      "form popup",
+      "info panel"
+    ],
+    "keywords": [
+      "popover",
+      "popup",
+      "floating",
+      "panel",
+      "overlay",
+      "dropdown"
+    ],
+    "related": [
+      "UiTooltip",
+      "UiDropdownMenu"
+    ],
+    "props": [
+      "open",
+      "modal"
+    ],
+    "examples": [
+      "Default",
+      "Controlled",
+      "Positions",
+      "Alignments",
+      "OpenByDefault"
+    ],
+    "_autoGenerated": true
+  },
+  "UiProgress": {
+    "description": "A progress bar showing completion status. Use for uploads, downloads, loading states, or any task with measurable progress.",
+    "category": "Feedback",
+    "useCases": [
+      "upload progress",
+      "download status",
+      "loading bar",
+      "completion indicator"
+    ],
+    "keywords": [
+      "progress",
+      "bar",
+      "loading",
+      "percentage",
+      "status",
+      "completion"
+    ],
+    "related": [
+      "UiSpinner"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "CustomMax"
+    ],
+    "_autoGenerated": true
+  },
+  "UiRadioGroup": {
+    "description": "A group of radio buttons for single-choice selection. Use when users must pick exactly one option from a visible list.",
+    "category": "Form Inputs",
+    "useCases": [
+      "single choice",
+      "option selection",
+      "survey question",
+      "settings"
+    ],
+    "keywords": [
+      "radio",
+      "radiogroup",
+      "option",
+      "choice",
+      "single",
+      "select",
+      "form",
+      "group"
+    ],
+    "related": [
+      "UiCheckbox",
+      "UiSelect"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Disabled",
+      "HorizontalOrientation",
+      "AsChild"
+    ],
+    "_autoGenerated": true
+  },
+  "UiRangeCalendar": {
+    "description": "A calendar for selecting date ranges (start and end dates). Use for booking periods, vacation dates, or any range-based date selection.",
+    "category": "Form Inputs",
+    "useCases": [
+      "date range",
+      "booking period",
+      "vacation dates",
+      "filter by dates"
+    ],
+    "keywords": [
+      "calendar",
+      "range",
+      "daterange",
+      "period",
+      "booking",
+      "from",
+      "to",
+      "start",
+      "end"
+    ],
+    "related": [
+      "UiCalendar",
+      "UiPopover"
+    ],
+    "props": [
+      "modelValue",
+      "defaultValue",
+      "placeholder",
+      "defaultPlaceholder",
+      "minValue",
+      "maxValue",
+      "disabled",
+      "readonly",
+      "locale",
+      "weekStartsOn",
+      "numberOfMonths",
+      "pagedNavigation",
+      "weekdayFormat",
+      "fixedWeeks",
+      "preventDeselect",
+      "calendarLabel",
+      "initialFocus",
+      "isDateDisabled",
+      "isDateUnavailable",
+      "nextPage",
+      "prevPage"
+    ],
+    "examples": [
+      "Default",
+      "TwoMonths",
+      "WithPreselectedRange",
+      "DisabledWeekends",
+      "WithDateConstraints",
+      "GermanLocale",
+      "Disabled",
+      "Readonly",
+      "UnavailableDates",
+      "FixedWeeks",
+      "PagedNavigation"
+    ],
+    "_autoGenerated": true
+  },
+  "UiSelect": {
+    "description": "A dropdown select for choosing from a list of options. Use for form fields where users must pick one value from many.",
+    "category": "Form Inputs",
+    "useCases": [
+      "dropdown selection",
+      "form picker",
+      "option list",
+      "country selector"
+    ],
+    "keywords": [
+      "select",
+      "dropdown",
+      "picker",
+      "option",
+      "choice",
+      "combobox",
+      "form"
+    ],
+    "related": [
+      "UiDropdownMenu",
+      "UiRadioGroup"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "WithGroups",
+      "WithDisabledItems",
+      "Disabled",
+      "Sizes",
+      "WithDefaultValue"
+    ],
+    "_autoGenerated": true
+  },
+  "UiSlider": {
+    "description": "A range input for selecting numeric values by dragging a thumb along a track. Supports single-thumb sliders via `[value]` and multi-thumb sliders via `[min, max]`.",
+    "category": "Form Inputs",
+    "useCases": [
+      "volume control",
+      "price range",
+      "numeric input",
+      "filter range"
+    ],
+    "keywords": [
+      "slider",
+      "range",
+      "input",
+      "thumb",
+      "track",
+      "numeric"
+    ],
+    "related": [
+      "UiInput"
+    ],
+    "props": [
+      "modelValue",
+      "defaultValue",
+      "disabled",
+      "orientation",
+      "dir",
+      "inverted",
+      "min",
+      "max",
+      "step",
+      "minStepsBetweenThumbs",
+      "thumbAlignment",
+      "name",
+      "required"
+    ],
+    "examples": [
+      "Default",
+      "Range",
+      "Vertical",
+      "Disabled"
+    ],
+    "_autoGenerated": true
+  },
+  "UiSpinner": {
+    "description": "An animated loading indicator. Use while content is loading or an action is processing.",
+    "category": "Feedback",
+    "useCases": [
+      "loading state",
+      "processing",
+      "waiting",
+      "fetching data"
+    ],
+    "keywords": [
+      "spinner",
+      "loading",
+      "loader",
+      "wait",
+      "progress",
+      "animation"
+    ],
+    "related": [
+      "UiProgress"
+    ],
+    "props": [
+      "ariaLabel"
+    ],
+    "examples": [
+      "Default",
+      "Sizes",
+      "InlineWithText"
+    ],
+    "_autoGenerated": true
+  },
+  "UiSwitch": {
+    "description": "A toggle switch for on/off states. Use for settings, preferences, or any binary choice that takes effect immediately.",
+    "category": "Form Inputs",
+    "useCases": [
+      "toggle setting",
+      "enable feature",
+      "on off switch",
+      "preferences"
+    ],
+    "keywords": [
+      "switch",
+      "toggle",
+      "on",
+      "off",
+      "boolean",
+      "setting",
+      "preference"
+    ],
+    "related": [
+      "UiCheckbox"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Disabled"
+    ],
+    "_autoGenerated": true
+  },
+  "UiTable": {
+    "description": "A basic HTML table with styled rows, headers, and cells. Use for simple tabular data without sorting, filtering, or pagination needs.",
+    "category": "Layout",
+    "useCases": [
+      "simple data display",
+      "static table",
+      "price list",
+      "comparison table"
+    ],
+    "keywords": [
+      "table",
+      "row",
+      "cell",
+      "header",
+      "grid",
+      "data",
+      "tabular"
+    ],
+    "related": [
+      "UiDataTable"
+    ],
+    "props": [
+      "selected"
+    ],
+    "examples": [
+      "Basic",
+      "WithRowActions",
+      "EmptyState",
+      "WithColSpan"
+    ],
+    "_autoGenerated": true
+  },
+  "UiTabs": {
+    "description": "Tabbed navigation for switching between content panels. Use for organizing related content into separate views.",
+    "category": "Navigation",
+    "useCases": [
+      "content sections",
+      "view switcher",
+      "settings tabs",
+      "navigation"
+    ],
+    "keywords": [
+      "tabs",
+      "tablist",
+      "panel",
+      "navigation",
+      "switch",
+      "section"
+    ],
+    "related": [
+      "UiAccordion"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "WithDisabledTab",
+      "Vertical",
+      "ManualActivation",
+      "Controlled"
+    ],
+    "_autoGenerated": true
+  },
+  "UiTextarea": {
+    "description": "A multi-line text input for longer content. Use for comments, descriptions, messages, or any text that may span multiple lines.",
+    "category": "Form Inputs",
+    "useCases": [
+      "comment box",
+      "message input",
+      "description field",
+      "notes",
+      "bio"
+    ],
+    "keywords": [
+      "textarea",
+      "multiline",
+      "text",
+      "comment",
+      "message",
+      "description",
+      "form"
+    ],
+    "related": [
+      "UiInput"
+    ],
+    "props": [
+      "name",
+      "disabled",
+      "placeholder",
+      "required"
+    ],
+    "examples": [
+      "Default",
+      "Disabled"
+    ],
+    "_autoGenerated": true
+  },
+  "UiTooltip": {
+    "description": "A popup that displays information on hover or focus. Use for explaining icons, providing hints, or showing additional context.",
+    "category": "Overlays",
+    "useCases": [
+      "icon explanation",
+      "help text",
+      "additional info",
+      "hints"
+    ],
+    "keywords": [
+      "tooltip",
+      "hint",
+      "hover",
+      "popup",
+      "info",
+      "help",
+      "explanation"
+    ],
+    "related": [
+      "UiPopover"
+    ],
+    "props": [
+      "content",
+      "side",
+      "sideOffset",
+      "align",
+      "class",
+      "delayDuration",
+      "disabled"
+    ],
+    "examples": [
+      "Default",
+      "WithIconButton",
+      "InstantDelay",
+      "LongDelay",
+      "Disabled",
+      "AlignmentOptions",
+      "AllSides",
+      "UseCases",
+      "WithText",
+      "CustomOffset"
+    ],
+    "_autoGenerated": true
+  },
+  "UiTemplatePlaceholder": {
+    "description": "Placeholder for template components (internal development use).",
+    "category": "Templates",
+    "useCases": [
+      "development placeholder"
+    ],
+    "keywords": [
+      "placeholder",
+      "template",
+      "internal"
+    ],
+    "related": [],
+    "props": [],
+    "examples": [],
+    "_autoGenerated": true
+  }
+}