@aleph-alpha/lib-mcp 1.6.1 → 2.0.0

package/components-meta.json

@@ -62,30 +62,19 @@
     "_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"
-    ],
+    "description": "Root alert dialog. Uses core **`Dialog`** (`components/core/dialog/Dialog.vue` → **`DialogRoot`**) with **`modal: true`** Root uses core **`Dialog`** with modal enabled. Subcomponents use **`UiAlertDialog*`** / alert **`DialogContent`** for **`alertdialog`** semantics. Use **`v-model:model`** for controlled mode (unlike **`UiDialog`**, which uses **`v-model:open`**).",
+    "category": "Uncategorized",
+    "useCases": [],
     "keywords": [
       "alert",
-      "dialog",
-      "modal",
-      "confirm",
-      "warning",
-      "destructive",
-      "popup"
-    ],
-    "related": [
-      "UiPopover"
+      "dialog"
     ],
+    "related": [],
     "props": [],
     "examples": [
       "Default",
-      "Simple"
+      "Simple",
+      "FullWidthContent"
     ],
     "_autoGenerated": true
   },
@@ -120,7 +109,7 @@
     "_autoGenerated": true
   },
   "UiBadge": {
-    "description": "A small label for status, counts, or categories. Use for tags, notifications counts, status indicators, or labels.",
+    "description": "A small label for status, counts, or categories. Use for tags, notification counts, status indicators, or labels.",
     "category": "Feedback",
     "useCases": [
       "status label",
@@ -143,20 +132,27 @@
     ],
     "props": [
       "variant",
+      "size",
       "asChild",
       "startIcon",
-      "endIcon"
+      "endIcon",
+      "disabled"
     ],
     "examples": [
       "Default",
       "Secondary",
-      "Destructive",
       "Outline",
+      "Destructive",
+      "Success",
+      "Warning",
+      "Verified",
+      "Disabled",
       "WithStartIcon",
       "WithEndIcon",
       "WithBothIcons",
       "WithIconSlot",
-      "Pill",
+      "Numbers",
+      "Sizes",
       "AllVariants"
     ],
     "_autoGenerated": true
@@ -180,7 +176,6 @@
       "interactive"
     ],
     "related": [
-      "UiIconButton",
       "UiLink"
     ],
     "props": [
@@ -209,7 +204,9 @@
       "LoadingWithBothIcons",
       "WithIconSlot",
       "AsChild",
-      "AllVariants"
+      "AllVariants",
+      "IconSizes",
+      "AllVariantsAndSizes"
     ],
     "_autoGenerated": true
   },
@@ -427,6 +424,38 @@
     ],
     "_autoGenerated": true
   },
+  "UiDialog": {
+    "description": "A modal dialog for focused tasks and content. Description and `#actions` are optional.",
+    "category": "Overlays",
+    "useCases": [
+      "forms",
+      "details",
+      "multi-step flows",
+      "rich content"
+    ],
+    "keywords": [
+      "dialog",
+      "modal",
+      "overlay",
+      "popup"
+    ],
+    "related": [
+      "UiAlertDialog",
+      "UiSheet",
+      "UiDrawer"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "Content",
+      "WithActionsSlot",
+      "TitleOnly",
+      "WithMaxWidth",
+      "CustomHeaderSlot",
+      "WithForm"
+    ],
+    "_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",
@@ -592,26 +621,90 @@
     ],
     "_autoGenerated": true
   },
-  "UiIcon": {
-    "description": "An icon component using Lucide icons. Use for visual indicators, button decorations, or standalone meaningful graphics.",
-    "category": "Data Display",
+  "UiFileItem": {
+    "description": "Row showing a selected or uploading file with optional progress and errors.",
+    "category": "Form Inputs",
     "useCases": [
-      "visual indicator",
-      "button icon",
-      "status icon",
-      "decorative graphic"
+      "file upload list",
+      "attachment row"
     ],
     "keywords": [
-      "icon",
-      "symbol",
-      "graphic",
-      "lucide",
-      "svg"
+      "file",
+      "upload",
+      "attachment",
+      "progress",
+      "item"
     ],
     "related": [
-      "UiIconButton",
+      "UiFileUploadBox",
+      "UiItem",
       "UiButton"
     ],
+    "props": [
+      "filename",
+      "typeLabel",
+      "sizeLabel",
+      "progress",
+      "error",
+      "removeLabel",
+      "disabled"
+    ],
+    "examples": [
+      "Default",
+      "WithProgress",
+      "Complete",
+      "WithError",
+      "Disabled",
+      "DisabledWithError",
+      "ProgressAndError",
+      "FilenameOnly",
+      "AllStates"
+    ],
+    "_autoGenerated": true
+  },
+  "UiFileUploadBox": {
+    "description": "Drop zone + file picker for selecting files with optional type/size validation. **Emits:** see {@link UiFileUploadBoxEmits}.",
+    "category": "Components",
+    "useCases": [
+      "file upload area",
+      "drag and drop attachments"
+    ],
+    "keywords": [
+      "file",
+      "upload",
+      "drag",
+      "drop",
+      "attachment",
+      "box"
+    ],
+    "related": [
+      "UiFileItem",
+      "UiButton"
+    ],
+    "props": [
+      "accept",
+      "multiple",
+      "maxFileSizeBytes",
+      "disabled",
+      "supportedTypesLabel",
+      "maxSizeLabel",
+      "dropLabel",
+      "chooseLabel",
+      "ariaLabel"
+    ],
+    "examples": [
+      "Default"
+    ],
+    "_autoGenerated": true
+  },
+  "UiIcon": {
+    "description": "UiIcon component",
+    "category": "Uncategorized",
+    "useCases": [],
+    "keywords": [
+      "icon"
+    ],
+    "related": [],
     "props": [
       "name",
       "size",
@@ -626,7 +719,7 @@
     "_autoGenerated": true
   },
   "UiIconButton": {
-    "description": "A button that displays only an icon without text. Use for compact actions like close, edit, delete, or toolbar buttons.",
+    "description": "A button that displays only an icon without text. Use for compact actions like close, edit, delete, or toolbar buttons. It is being merged into `UiButton` — use `UiButton` with an icon-only child and an `aria-label` instead (e.g. `<UiButton size=\"icon-sm\" aria-label=\"Close\"><UiIcon name=\"x\" /></UiButton>`).",
     "category": "Actions",
     "useCases": [
       "close button",
@@ -672,14 +765,15 @@
     "_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.",
+    "description": "A text input field for single-line user input. Use for forms, search bars, and any text entry that fits on one line. When `type=\"file\"`, the native `Choose File` button is hidden and replaced by a `UiButton` (with an upload icon) rendered inside the input. The selected file name (or count) is shown as the input value, and selected files are emitted via `update:files`.",
     "category": "Form Inputs",
     "useCases": [
       "text entry",
       "search field",
       "email input",
       "password field",
-      "form field"
+      "form field",
+      "file upload"
     ],
     "keywords": [
       "input",
@@ -689,18 +783,25 @@
       "search",
       "email",
       "password",
-      "textbox"
+      "textbox",
+      "file",
+      "upload"
     ],
     "related": [
       "UiTextarea",
       "UiSelect",
-      "UiCheckbox"
+      "UiCheckbox",
+      "UiFileUploadBox"
     ],
     "props": [
       "name",
+      "type",
       "disabled",
       "placeholder",
-      "required"
+      "required",
+      "accept",
+      "multiple",
+      "uploadButtonLabel"
     ],
     "examples": [
       "Default",
@@ -741,7 +842,8 @@
     "props": [
       "variant",
       "size",
-      "asChild"
+      "asChild",
+      "withListSemantics"
     ],
     "examples": [
       "Basic",
@@ -1093,6 +1195,8 @@
       "WithDisabledItems",
       "Disabled",
       "Sizes",
+      "Multiple",
+      "MultipleWithDefaultValue",
       "WithDefaultValue"
     ],
     "_autoGenerated": true
@@ -1167,43 +1271,6 @@
     ],
     "_autoGenerated": true
   },
-  "UiSidebar": {
-    "description": "A collapsible sidebar navigation component for application layouts. Use for primary navigation, page hierarchy, and secondary actions in dashboard-style applications.",
-    "category": "Layout",
-    "useCases": [
-      "navigation",
-      "dashboard layout",
-      "app shell",
-      "admin panel",
-      "settings menu"
-    ],
-    "keywords": [
-      "sidebar",
-      "navigation",
-      "menu",
-      "drawer",
-      "collapsible",
-      "layout"
-    ],
-    "related": [
-      "UiDrawer",
-      "UiSheet"
-    ],
-    "props": [
-      "side",
-      "variant",
-      "collapsible"
-    ],
-    "examples": [
-      "Default",
-      "WithSearch",
-      "WithActions",
-      "WithSubmenu",
-      "WithSkeleton",
-      "ProgrammaticControl"
-    ],
-    "_autoGenerated": true
-  },
   "UiSkeleton": {
     "description": "A placeholder loading state for content. Use to indicate loading state while preserving layout structure.",
     "category": "Feedback",
@@ -1739,6 +1806,41 @@
     ],
     "_autoGenerated": true
   },
+  "UiFileUpload": {
+    "description": "Composition-friendly file upload (same API as {@link UiFileUploadBoxProps}). Implementation delegates to {@link UiFileUploadBox}.",
+    "category": "Patterns",
+    "useCases": [
+      "file upload dialog",
+      "drag and drop attachments"
+    ],
+    "keywords": [
+      "file",
+      "upload",
+      "drag",
+      "drop",
+      "attachment"
+    ],
+    "related": [
+      "UiFileItem",
+      "UiDialog",
+      "UiFileUploadBox"
+    ],
+    "props": [],
+    "examples": [
+      "Default",
+      "WithMockUploadProgress",
+      "AcceptPdfDocxTxt",
+      "AcceptImages",
+      "AcceptSpreadsheet",
+      "SingleFile",
+      "MaxSize1Mb",
+      "CustomMaxSizeLabel",
+      "AnyTypeNoFooter",
+      "Disabled",
+      "CustomLabels"
+    ],
+    "_autoGenerated": true
+  },
   "UiPlaceholder": {
     "description": "Placeholder for foundation components (internal development use).",
     "category": "Foundations",
@@ -1755,6 +1857,29 @@
     "examples": [],
     "_autoGenerated": true
   },
+  "UiSidebar": {
+    "description": "Pattern wrapper props for the application sidebar shell. Same API as the underlying core `Sidebar` component.",
+    "category": "Patterns",
+    "useCases": [
+      "app navigation",
+      "dashboard sidebar",
+      "collapsible layout"
+    ],
+    "keywords": [
+      "sidebar",
+      "navigation",
+      "layout",
+      "shell"
+    ],
+    "related": [],
+    "props": [],
+    "examples": [
+      "Default",
+      "Inset",
+      "RightSide"
+    ],
+    "_autoGenerated": true
+  },
   "UiTemplatePlaceholder": {
     "description": "Placeholder for template components (internal development use).",
     "category": "Templates",