@raylang/elements 0.5.2 → 0.7.0

package/vscode.html-custom-data.json

@@ -45,7 +45,7 @@
         },
         {
           "name": "size",
-          "description": "Height, padding and font size.",
+          "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
           "values": [
             {
               "name": "xs"
@@ -211,7 +211,7 @@
         },
         {
           "name": "size",
-          "description": "Width and height.",
+          "description": "Width and height: xs…xl or any CSS length (\"5.5rem\": a big main action, round with radius=full); the icon scales with it.",
           "values": [
             {
               "name": "xs"
@@ -351,7 +351,7 @@
         },
         {
           "name": "size",
-          "description": "Height, padding and font size.",
+          "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
           "values": [
             {
               "name": "xs"
@@ -789,7 +789,27 @@
         },
         {
           "name": "format",
-          "description": "How value is written: hex, hexa, rgb, rgba, hsl or hsla. Formats ending in a show the opacity slider."
+          "description": "How value is written: hex, hexa, rgb, rgba, hsl or hsla. Formats ending in a show the opacity slider.",
+          "values": [
+            {
+              "name": "hex"
+            },
+            {
+              "name": "hexa"
+            },
+            {
+              "name": "rgb"
+            },
+            {
+              "name": "rgba"
+            },
+            {
+              "name": "hsl"
+            },
+            {
+              "name": "hsla"
+            }
+          ]
         },
         {
           "name": "swatches",
@@ -855,7 +875,27 @@
         },
         {
           "name": "format",
-          "description": "How value is written: hex, hexa, rgb, rgba, hsl or hsla."
+          "description": "How value is written: hex, hexa, rgb, rgba, hsl or hsla.",
+          "values": [
+            {
+              "name": "hex"
+            },
+            {
+              "name": "hexa"
+            },
+            {
+              "name": "rgb"
+            },
+            {
+              "name": "rgba"
+            },
+            {
+              "name": "hsl"
+            },
+            {
+              "name": "hsla"
+            }
+          ]
         },
         {
           "name": "swatches",
@@ -1654,6 +1694,18 @@
             }
           ]
         },
+        {
+          "name": "format",
+          "description": "duration: the value is seconds, shown and typed as m:ss (h:mm:ss when min or max reaches an hour; a plain number is seconds); aria-valuetext says \"3 minutes, 15 seconds\" in the page's language. decimals, prefix, suffix and the separators do not apply.",
+          "values": [
+            {
+              "name": "number"
+            },
+            {
+              "name": "duration"
+            }
+          ]
+        },
         {
           "name": "hide-controls",
           "description": "No + and − buttons (the keys still step).",
@@ -2283,8 +2335,78 @@
     },
     {
       "name": "ray-radio",
-      "description": "One choice among options: ray-radio elements inside a ray-radio-group, which is the form control.",
+      "description": "One choice among options: ray-radio (or ray-radio-card) elements inside a ray-radio-group, which is the form control.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Value given to the group when chosen."
+        },
+        {
+          "name": "checked",
+          "description": "Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute).",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "Label text (or the content)."
+        },
+        {
+          "name": "description",
+          "description": "Help text under the label."
+        },
+        {
+          "name": "disabled",
+          "description": "Cannot be chosen.",
+          "valueSet": "v"
+        },
+        {
+          "name": "color",
+          "description": "Overrides the group color."
+        },
+        {
+          "name": "size",
+          "description": "Overrides the group size.",
+          "values": [
+            {
+              "name": "xs"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Overrides the group variant.",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outline"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ray-radio-card",
+      "description": "A radio drawn as a card: a title (label), a detail (description), an icon, more content; checked, it takes the color's border and light background. Inside a ray-radio-group like a ray-radio (arrow keys, the form, required, disabled); put the cards in a ray-grid for columns.",
       "attributes": [
+        {
+          "name": "hide-indicator",
+          "description": "No radio circle: the card's border and background alone show the choice.",
+          "valueSet": "v"
+        },
         {
           "name": "value",
           "description": "Value given to the group when chosen."
@@ -3166,7 +3288,147 @@
         },
         {
           "name": "icon",
-          "description": "An icon of the registry (or put one in the icon slot)."
+          "description": "An icon of the registry, drawn filled on the current item when it has a filled version (or put one in the icon slot: yours, as it is).",
+          "values": [
+            {
+              "name": "close"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
         },
         {
           "name": "href",
@@ -3716,7 +3978,27 @@
         },
         {
           "name": "size",
-          "description": "Width: xs…xl, full (the whole window), or any CSS length; a percentage is of the window (70% = 70vw, at least 40rem). Never wider than the window."
+          "description": "Width: xs…xl, full (the whole window), or any CSS length; a percentage is of the window (70% = 70vw, at least 40rem). Never wider than the window.",
+          "values": [
+            {
+              "name": "xs"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            },
+            {
+              "name": "xl"
+            },
+            {
+              "name": "full"
+            }
+          ]
         },
         {
           "name": "height",
@@ -3791,7 +4073,27 @@
         },
         {
           "name": "size",
-          "description": "Width (left/right) or height (top/bottom): xs…xl, full, or any CSS length."
+          "description": "Width (left/right) or height (top/bottom): xs…xl, full, or any CSS length.",
+          "values": [
+            {
+              "name": "xs"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            },
+            {
+              "name": "xl"
+            },
+            {
+              "name": "full"
+            }
+          ]
         },
         {
           "name": "modeless",
@@ -4424,28 +4726,168 @@
         },
         {
           "name": "icon",
-          "description": "Registry icon of the mark, or none. The icon slot replaces it."
-        },
-        {
-          "name": "size",
-          "description": "Text size (lg for a pull quote).",
+          "description": "Registry icon of the mark, or none. The icon slot replaces it.",
           "values": [
             {
-              "name": "sm"
+              "name": "close"
             },
             {
-              "name": "md"
+              "name": "check"
             },
             {
-              "name": "lg"
-            }
-          ]
-        },
-        {
-          "name": "padding",
-          "description": "Inner spacing: xs…xl (the spacing scale), px as a number, or a CSS length. Default: md."
-        },
-        {
+              "name": "minus"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Text size (lg for a pull quote).",
+          "values": [
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            }
+          ]
+        },
+        {
+          "name": "padding",
+          "description": "Inner spacing: xs…xl (the spacing scale), px as a number, or a CSS length. Default: md."
+        },
+        {
           "name": "hide-edge",
           "description": "No colored edge on the start side (the tint, border and mark stay).",
           "valueSet": "v"
@@ -4597,11 +5039,156 @@
     },
     {
       "name": "ray-icon",
-      "description": "setIcons({ name: '<svg…>' }) replaces or adds icons (SVG markup or an SVGElement, drawn with currentColor); iconNames() lists them. Sizes follow the font unless size; --ray-icon-size and --ray-icon-stroke tune the whole system.",
+      "description": "setIcons({ name: '<svg…>' }) replaces or adds icons (SVG markup or an SVGElement, drawn with currentColor); iconNames() lists them. An icon may have a filled version for a state (filled; \"<name>:filled\" in setIcons; iconNames({ filled: true }) lists them). The components draw roles (\"ui.close\", \"ui.remove\", \"ui.expand\"…; iconAliases()), each its glyph until the app registers the role: setIcons({ \"ui.remove\": … }) changes only the chips' ×. Sizes follow the font unless size; --ray-icon-size and --ray-icon-stroke tune the whole system.",
       "attributes": [
         {
           "name": "name",
-          "description": "Registered icon name (iconNames()); \"none\" draws nothing, a blank that keeps the alignment (a menu item without its check)."
+          "description": "Registered icon name (iconNames()); \"none\" draws nothing, a blank that keeps the alignment (a menu item without its check).",
+          "values": [
+            {
+              "name": "close"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "filled",
+          "description": "The filled version, for a state (active, selected, favorite, unread); the outline icon when there is none. Built in: user, info, circle-check, alert-triangle, circle-x, folder, bell, star, settings, home, message-circle.",
+          "valueSet": "v"
         },
         {
           "name": "size",
@@ -4911,65 +5498,205 @@
         },
         {
           "name": "icon",
-          "description": "An icon of the registry in the bullet."
-        },
-        {
-          "name": "color",
-          "description": "Its own color (a failed step in red)."
-        },
-        {
-          "name": "line-variant",
-          "description": "The line to the next item (dashed: not happened yet).",
+          "description": "An icon of the registry in the bullet.",
           "values": [
             {
-              "name": "solid"
+              "name": "close"
             },
             {
-              "name": "dashed"
+              "name": "check"
             },
             {
-              "name": "dotted"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "ray-alert",
-      "description": "Announced as an alert. The icon follows the color (info, circle-check, alert-triangle, circle-x) unless icon or slot=icon.",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Title."
-        },
-        {
-          "name": "color",
-          "description": "A palette color or any CSS color."
-        },
-        {
-          "name": "variant",
-          "description": "Visual style.",
-          "values": [
+              "name": "minus"
+            },
             {
-              "name": "light"
+              "name": "plus"
             },
             {
-              "name": "filled"
+              "name": "chevron-down"
             },
             {
-              "name": "outline"
+              "name": "chevron-up"
             },
             {
-              "name": "default"
+              "name": "chevron-right"
             },
             {
-              "name": "transparent"
-            }
-          ]
-        },
-        {
-          "name": "radius",
-          "description": "Corner radius.",
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "color",
+          "description": "Its own color (a failed step in red)."
+        },
+        {
+          "name": "line-variant",
+          "description": "The line to the next item (dashed: not happened yet).",
+          "values": [
+            {
+              "name": "solid"
+            },
+            {
+              "name": "dashed"
+            },
+            {
+              "name": "dotted"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ray-alert",
+      "description": "Announced as an alert. The icon follows the color (info, circle-check, alert-triangle, circle-x) unless icon or slot=icon.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Title."
+        },
+        {
+          "name": "color",
+          "description": "A palette color or any CSS color."
+        },
+        {
+          "name": "variant",
+          "description": "Visual style.",
+          "values": [
+            {
+              "name": "light"
+            },
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outline"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "transparent"
+            }
+          ]
+        },
+        {
+          "name": "radius",
+          "description": "Corner radius.",
           "values": [
             {
               "name": "xs"
@@ -4990,7 +5717,147 @@
         },
         {
           "name": "icon",
-          "description": "A registered icon name, or none."
+          "description": "A registered icon name, or none.",
+          "values": [
+            {
+              "name": "close"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
         },
         {
           "name": "closable",
@@ -5037,7 +5904,147 @@
         },
         {
           "name": "icon",
-          "description": "Status icon from the registry (default: from the color); \"none\" for no icon."
+          "description": "Status icon from the registry (default: from the color); \"none\" for no icon.",
+          "values": [
+            {
+              "name": "close"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "monitor"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "more-horizontal"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "quote"
+            },
+            {
+              "name": "pipette"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "panel-left"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "message-circle"
+            },
+            {
+              "name": "none"
+            }
+          ]
         },
         {
           "name": "loading",
@@ -5189,6 +6196,63 @@
         }
       ]
     },
+    {
+      "name": "ray-ring-progress",
+      "description": "The arc starts at 12 o'clock and runs clockwise; a countdown is a value that goes down. Without value it spins (indeterminate). The middle holds the default slot (a clock), or the percentage with show-value.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Progress, from 0 to max. Unset: indeterminate (a spinning arc)."
+        },
+        {
+          "name": "max",
+          "description": "The value of a full ring."
+        },
+        {
+          "name": "color",
+          "description": "A palette color or any CSS color. Default: the primary color."
+        },
+        {
+          "name": "size",
+          "description": "Diameter: xs…xl (3, 5, 7.5, 10, 12.5rem) or any CSS length.",
+          "values": [
+            {
+              "name": "xs"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "thickness",
+          "description": "Width of the ring: a CSS length (a bare number is px). Default: a tenth of the diameter."
+        },
+        {
+          "name": "round-caps",
+          "description": "Rounded ends of the arc.",
+          "valueSet": "v"
+        },
+        {
+          "name": "show-value",
+          "description": "Shows the percentage in the middle (when the default slot is empty).",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default: Progress)."
+        }
+      ]
+    },
     {
       "name": "ray-skeleton",
       "description": "aria-busy=\"true\" on the host while loading; the placeholder is aria-hidden.",
@@ -5271,6 +6335,72 @@
         }
       ]
     },
+    {
+      "name": "ray-step-dots",
+      "description": "Dots before value are done (filled), the one at value is current (a filled pill), the rest are to do (empty). Not interactive: for steps the user picks, use ray-stepper (or the dots of ray-carousel). Many dots wrap onto more lines.",
+      "attributes": [
+        {
+          "name": "count",
+          "description": "Number of steps (dots)."
+        },
+        {
+          "name": "value",
+          "description": "The current step, 0-based; count means every step is done."
+        },
+        {
+          "name": "color",
+          "description": "A palette color or any CSS color for done and current dots. Default: the primary color."
+        },
+        {
+          "name": "size",
+          "description": "Size of a dot.",
+          "values": [
+            {
+              "name": "xs"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "align",
+          "description": "Where the row sits in its width.",
+          "values": [
+            {
+              "name": "start"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "What a step is called: \"Round\" is announced \"Round 4 of 12\" and names the element. Default: Step (named Steps). In another language, use value-text."
+        },
+        {
+          "name": "value-text",
+          "description": "The announced text, {step} (the current one, from 1) and {count} replaced, numbers in the page's language: value-text=\"Asalto {step} de {count}\". Default: \"<label> {step} of {count}\"."
+        },
+        {
+          "name": "done-text",
+          "description": "The announced text once every step is done (value = count), with {count}. Default: value-text, else \"{count} of {count}, done\"."
+        }
+      ]
+    },
     {
       "name": "ray-app-bar",
       "description": "It follows the scroller of its ray-app-shell, else scroll-target, else the window; clear of the notch (safe-area inset). The title is plain text: put a heading in the default slot when the page needs one.",