@duro-app/cli 5.29.0 → 5.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duro-app/cli",
-  "version": "5.29.0",
+  "version": "5.31.0",
   "type": "module",
   "license": "MIT",
   "description": "Machine-queryable docs for the Duro design system: components, props, recipes, tokens and rules as CLI output, JSON, or an MCP server.",
@@ -46,7 +46,7 @@
   },
   "peerDependencies": {
     "@modelcontextprotocol/sdk": ">=1.0.0",
-    "@duro-app/ui": "^5.29.0"
+    "@duro-app/ui": "^5.31.0"
   },
   "peerDependenciesMeta": {
     "@duro-app/ui": {
@@ -61,9 +61,9 @@
     "@types/node": "^24.0.0",
     "ts-morph": "^26.0.0",
     "typescript": "^5.7.0",
-    "@duro-app/eslint-plugin": "^5.29.0",
-    "@duro-app/ui": "^5.29.0",
-    "@duro-app/tokens": "^5.29.0"
+    "@duro-app/tokens": "^5.31.0",
+    "@duro-app/eslint-plugin": "^5.31.0",
+    "@duro-app/ui": "^5.31.0"
   },
   "scripts": {
     "registry": "node scripts/build-registry.mjs",

package/registry.json

@@ -4457,7 +4457,7 @@
             "Item"
           ]
         },
-        "description": "Dropdown action menu. Triggers actions (not value selection). Compound component — Root is required (throws without it). Menu.Trigger renders the button itself: give it the label (text, an Icon), never a Button; an icon-only trigger takes aria-label, and variant=\"ghost\" suits toolbars; size=\"small\" matches small Toggles and Buttons (a small ghost trigger is iconButtonSm). The popup is portalled and placed against the trigger (never clipped by a sticky or overflow ancestor), capped at sizes.listMaxH with scrolling, and takes focus on open (WAI-ARIA menu button); Escape closes only the menu, not an enclosing Popover or Dialog. On React Native the popup is placed against the trigger in a modal overlay; a press outside or the Android back button closes it, and an item runs its onClick after the menu has gone (so an item can open a Dialog). Menu.LinkItem takes onNavigate(href, event) on both platforms (ADR-0002); on native, without it or without preventDefault, the link opens with the system. Native has no arrow keys: each item is its own screen-reader stop.",
+        "description": "Dropdown action menu. Triggers actions (not value selection). Compound component — Root is required (throws without it). Menu.Trigger renders the button itself: give it the label (text, an Icon), never a Button; an icon-only trigger takes aria-label, and variant=\"ghost\" suits toolbars; size=\"small\" matches small Toggles and Buttons (a small ghost trigger is iconButtonSm). The popup is portalled and placed against the trigger (never clipped by a sticky or overflow ancestor), capped at sizes.listMaxH with scrolling, and takes focus on open (WAI-ARIA menu button); Escape closes only the menu, not an enclosing Popover or Dialog. On React Native the popup is placed against the trigger in a modal overlay; a press outside or the Android back button closes it, and an item runs its onClick after the menu has gone (so an item can open a Dialog). Menu.LinkItem takes onNavigate(href, event) on both platforms (ADR-0002); on native, without it or without preventDefault, the link opens with the system. Native has no arrow keys: each item is its own screen-reader stop. A Menu.Item can be disabled: it stays listed and is announced as disabled, but the highlight and the arrow keys skip it and a press or Enter does nothing.",
         "example": "<Menu.Root>\n  <Menu.Trigger>Actions</Menu.Trigger>\n  <Menu.Popup>\n    <Menu.Item onClick={() => console.log('edit')}>Edit</Menu.Item>\n    <Menu.Item onClick={() => console.log('duplicate')}>Duplicate</Menu.Item>\n    <Menu.Separator />\n    <Menu.LinkItem href=\"/settings\">Settings</Menu.LinkItem>\n  </Menu.Popup>\n</Menu.Root>",
         "relatedTo": [
           {
@@ -4494,6 +4494,13 @@
               "required": false,
               "type": "() => void"
             },
+            {
+              "default": "false",
+              "description": "Shown but not available: skipped by the arrow keys, inert to a press, announced as disabled.",
+              "name": "disabled",
+              "required": false,
+              "type": "boolean"
+            },
             {
               "name": "children",
               "required": true,
@@ -5589,7 +5596,7 @@
             "Item"
           ]
         },
-        "description": "Dropdown select for choosing one value from a list. Compound component — Root is required (throws without it). Select.Trigger takes size=\"small\" to match small Toggles and Buttons in a toolbar. Select.Popup takes label (the list's accessible name) and empty (shown in place of the list when it has no items). On the web the list opens below the trigger, or above it when it would overflow the viewport below and fits above. On React Native the trigger opens a bottom sheet (a Drawer at the medium and large detents) titled by label, with a Cancel text button (cancelLabel); the chosen option is filled with a trailing check, and a press picks an option and closes the sheet. Native has no arrow keys: each option is its own screen-reader stop. An Item can be disabled (shown, skipped by the keys, inert to a press, announced as disabled), and onOpenChange on Root reports the list opening and closing, so work such as checking which options are available starts only once someone is choosing.",
+        "description": "Dropdown select for choosing one value from a list. Compound component — Root is required (throws without it). Select.Trigger takes size=\"small\" to match small Toggles and Buttons in a toolbar. Select.Popup takes label (the list's accessible name) and empty (shown in place of the list when it has no items). On the web the list opens below the trigger, or above it when it would overflow the viewport below and fits above. On React Native the trigger opens a bottom sheet (a Drawer at the medium and large detents) titled by label, with a Cancel text button (cancelLabel); the chosen option is filled with a trailing check, and a press picks an option and closes the sheet. Native has no arrow keys: each option is its own screen-reader stop. An Item can be disabled (shown, skipped by the keys, inert to a press, announced as disabled), and onOpenChange on Root reports the list opening and closing, so work such as checking which options are available starts only once someone is choosing. Root takes disabled for the whole control: the trigger is a disabled button (announced so, on native too) and does not open.",
         "example": "<Select.Root name=\"role\" defaultValue=\"viewer\">\n  <Select.Trigger>\n    <Select.Value placeholder=\"Select role\" />\n    <Select.Icon />\n  </Select.Trigger>\n  <Select.Popup>\n    <Select.Item value=\"admin\">Admin</Select.Item>\n    <Select.Item value=\"editor\">Editor</Select.Item>\n    <Select.Item value=\"viewer\">Viewer</Select.Item>\n  </Select.Popup>\n</Select.Root>",
         "relatedTo": [
           {
@@ -5729,6 +5736,13 @@
               "required": false,
               "type": "(open: boolean) => void"
             },
+            {
+              "default": "false",
+              "description": "The whole control is disabled: the trigger is a disabled button and does not open.",
+              "name": "disabled",
+              "required": false,
+              "type": "boolean"
+            },
             {
               "name": "children",
               "required": true,
@@ -8532,6 +8546,65 @@
       "props": null,
       "sourcePath": "packages/ui/src/components/Tree/Tree.tsx"
     },
+    "Video": {
+      "importPath": "@duro-app/ui",
+      "kind": "component",
+      "meta": {
+        "description": "A video file with the browser's own controls: a <video> as wide as its container (never wider, at its own ratio) with one source of the given MIME type, named for assistive tech by label. preload is metadata by default (duration and first frame, not the whole file). Web only: on React Native, host your own player (expo-video) behind a .native.tsx leaf.",
+        "example": "<Video src={objectUrl} type=\"video/mp4\" label={fileName} />",
+        "whenNotToUse": [
+          "A decorative or autoplaying background — Duro has none",
+          "An image — use an img or Prose"
+        ],
+        "whenToUse": [
+          "A video file the person opened: a screen recording, a clip in a file viewer",
+          "A video an app turned into an object URL from bytes it fetched"
+        ]
+      },
+      "name": "Video",
+      "native": false,
+      "props": [
+        {
+          "description": "The video's URL: a file URL, or an object URL an app made from bytes it fetched.",
+          "name": "src",
+          "required": true,
+          "type": "string"
+        },
+        {
+          "description": "Its MIME type (`video/mp4`, `video/webm`), so the browser picks a playable source.",
+          "name": "type",
+          "required": true,
+          "type": "string"
+        },
+        {
+          "description": "The accessible name: what the video shows (its file name, a caption).",
+          "name": "label",
+          "required": true,
+          "type": "string"
+        },
+        {
+          "default": "true",
+          "description": "The browser's own play, seek and volume controls. Default: true.",
+          "name": "controls",
+          "required": false,
+          "type": "boolean"
+        },
+        {
+          "default": "'metadata'",
+          "description": "How much to fetch before play: metadata (duration, first frame) by default.",
+          "name": "preload",
+          "required": false,
+          "type": "'none' | 'metadata' | 'auto'"
+        },
+        {
+          "description": "The video element, e.g. to pause it from elsewhere.",
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLVideoElement>"
+        }
+      ],
+      "sourcePath": "packages/ui/src/components/Video/Video.tsx"
+    },
     "VirtualList": {
       "importPath": "@duro-app/ui",
       "kind": "component",