@emuanalytics/flow-rdf-ui 0.0.18-alpha.13 → 0.0.18-alpha.15

package/dist/custom-elements.json

@@ -857,6 +857,149 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowBreadcrumbItem",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The breadcrumb item's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The breadcrumb item's label.",
+              "name": ""
+            },
+            {
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "fieldName": "rel"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
+          "status": "stable",
+          "since": "2.0",
+          "tagName": "flow-ui-breadcrumb-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-breadcrumb-item",
+          "declaration": {
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.js",
@@ -1536,219 +1679,76 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumbItem",
+          "name": "FlowButtonGroup",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
+              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
               "name": ""
-            },
-            {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
-              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "disableRole",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "attribute": "href"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "default": "''",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "vertical",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "attribute": "vertical",
+              "reflects": true
+            },
             {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "fieldName": "href"
+              "kind": "method",
+              "name": "handleVerticalChange"
             },
             {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
-          "status": "stable",
-          "since": "2.0",
-          "tagName": "flow-ui-breadcrumb-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb-item",
-          "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/button-group/button-group.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowButtonGroup",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disableRole",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleVerticalChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -1845,123 +1845,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowBreadcrumb",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "One or more breadcrumb items to display.",
-              "name": ""
-            },
-            {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "name": "separator"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "separatorSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "attribute": "label"
-            },
-            {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-breadcrumb",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb",
-          "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/badge/badge.js",
@@ -2079,41 +1962,158 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/calendar/calendar.component.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowCalendar",
+          "name": "FlowBreadcrumb",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more breadcrumb items to display.",
+              "name": ""
+            },
+            {
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
+              "name": "separator"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "localize",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'info')"
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "_displayDate",
+              "name": "separatorDir",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_selectedDate",
-              "privacy": "private"
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "separatorSlot",
               "type": {
-                "text": "string"
-              },
-              "attribute": "value",
-              "reflects": true
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "method",
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "attribute": "label"
+            },
+            {
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-breadcrumb",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/calendar/calendar.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowCalendar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'info')"
+            },
+            {
+              "kind": "field",
+              "name": "_displayDate",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_selectedDate",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "method",
               "name": "handleValueChange"
             },
             {
@@ -11420,140 +11420,57 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio-group/radio-group.js",
+      "path": "components/radio/radio.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "FlowRadioGroup",
+          "description": "fdfd",
+          "name": "FlowRadio",
           "cssParts": [
             {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
+              "description": "The circular container that wraps the radio's checked state.",
+              "name": "control"
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "description": "The radio control when the radio is checked.",
+              "name": "control--checked"
             },
             {
-              "description": "The button group that wraps radio buttons.",
-              "name": "button-group"
+              "description": "The checked icon, an `<flow-ui-icon>` element.",
+              "name": "checked-icon"
             },
             {
-              "description": "The button group's `base` part.",
-              "name": "button-group__base"
+              "description": "The container that wraps the radio's label.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
+              "description": "The radio's label.",
               "name": ""
-            },
-            {
-              "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
-              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
-              "privacy": "protected",
-              "readonly": true,
-              "default": "new FormControlController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "customValidityMessage",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "validationTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validationInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "errorMessage",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "hasFocus",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'option'",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "privacy": "protected",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -11561,10 +11478,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "value",
-              "reflects": true
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -11573,211 +11488,79 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "attribute": "required",
+              "description": "Disables the radio.",
+              "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use vertical layout for the radio group.",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "getAllRadios",
+              "name": "addEventListeners",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleRadioClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleLabelClick",
+              "name": "removeEventListeners",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "syncRadios",
+              "name": "handleBlur",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "updateCheckedRadio",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleSizeChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
+              "name": "setInitialAttributes",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "name": "handleCheckedChange"
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "default": "''"
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "name": "handleDisabledChange"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the radio group's selected value changes.",
-              "name": "flow-ui-change",
-              "reactName": "onFlowUiChange"
-            },
-            {
-              "description": "Emitted when the radio group receives user input.",
-              "name": "flow-ui-input",
-              "reactName": "onFlowUiInput"
+              "description": "Emitted when the control loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur"
             },
             {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "flow-ui-invalid",
-              "reactName": "onFlowUiInvalid"
+              "description": "Emitted when the control gains focus.",
+              "name": "flow-ui-focus",
+              "reactName": "onFlowUiFocus"
             }
           ],
           "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'option'",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "fieldName": "name"
-            },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
               "fieldName": "value"
             },
             {
@@ -11786,49 +11569,31 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
               "fieldName": "size"
             },
             {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "fieldName": "required"
-            },
-            {
-              "name": "vertical",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Use vertical layout for the radio group.",
-              "fieldName": "vertical"
+              "description": "Disables the radio.",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group",
+          "summary": "Radios allow the user to select a single option from a group.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio",
           "status": "stable",
           "since": "2.0",
           "dependencies": [
-            "flow-ui-button-group"
+            "flow-ui-icon"
           ],
-          "tagName": "flow-ui-radio-group",
+          "tagName": "flow-ui-radio",
           "customElement": true
         }
       ],
@@ -11837,54 +11602,28 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowRadioGroup",
-            "module": "components/radio-group/radio-group.js"
+            "name": "FlowRadio",
+            "module": "components/radio/radio.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-radio-group",
+          "name": "flow-ui-radio",
           "declaration": {
-            "name": "FlowRadioGroup",
-            "module": "components/radio-group/radio-group.js"
+            "name": "FlowRadio",
+            "module": "components/radio/radio.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/range/range.js",
+      "path": "components/radio-group/radio-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowRange",
-          "cssProperties": [
-            {
-              "description": "The size of the thumb.",
-              "name": "--thumb-size"
-            },
-            {
-              "description": "The vertical distance the tooltip is offset from the track.",
-              "name": "--tooltip-offset"
-            },
-            {
-              "description": "The color of the portion of the track that represents the current value.",
-              "name": "--track-color-active"
-            },
-            {
-              "description": "The of the portion of the track that represents the remaining value.",
-              "name": "--track-color-inactive"
-            },
-            {
-              "description": "The height of the track.",
-              "name": "--track-height"
-            },
-            {
-              "description": "The point of origin of the active track.",
-              "name": "--track-active-offset"
-            }
-          ],
+          "name": "FlowRadioGroup",
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -11895,7 +11634,7 @@
               "name": "form-control-label"
             },
             {
-              "description": "The range's wrapper.",
+              "description": "The input's wrapper.",
               "name": "form-control-input"
             },
             {
@@ -11903,33 +11642,29 @@
               "name": "form-control-help-text"
             },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The internal `<input>` element.",
-              "name": "input"
+              "description": "The button group that wraps radio buttons.",
+              "name": "button-group"
             },
             {
-              "description": "The range's tooltip.",
-              "name": "tooltip"
+              "description": "The button group's `base` part.",
+              "name": "button-group__base"
             }
           ],
           "slots": [
             {
-              "description": "The range's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
+              "name": ""
             },
             {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
               "name": "formControlController",
-              "privacy": "private",
+              "privacy": "protected",
               "readonly": true,
               "default": "new FormControlController(this)"
             },
@@ -11942,79 +11677,51 @@
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "customValidityMessage",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "validationTimeout",
               "type": {
-                "text": "ResizeObserver"
+                "text": "number"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "defaultSlot",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "output",
+              "name": "validationInput",
               "type": {
-                "text": "HTMLOutputElement | null"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasTooltip",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "title",
+              "name": "errorMessage",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "title"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "defaultValue",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The name of the range, submitted as a name/value pair with form data.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current value of the range, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "default": "''"
             },
             {
               "kind": "field",
@@ -12023,7 +11730,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "attribute": "label"
             },
             {
@@ -12033,67 +11740,40 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
+              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
               "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the range.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The minimum acceptable value of the range.",
-              "attribute": "min"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "description": "The maximum acceptable value of the range.",
-              "attribute": "max"
-            },
-            {
-              "kind": "field",
-              "name": "step",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "The interval at which the range will increase and decrease.",
-              "attribute": "step"
+              "default": "'option'",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "tooltip",
+              "name": "value",
               "type": {
-                "text": "'top' | 'bottom' | 'none'"
+                "text": "string"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the range's tooltip.",
-              "attribute": "tooltip"
+              "default": "''",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tooltipFormatter",
+              "name": "size",
               "type": {
-                "text": "(value: number) => string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "A function used to format the tooltip's value. The range's value is passed as the first and only argument. The\nfunction should return a string to display in the tooltip."
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12108,12 +11788,25 @@
             },
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Use vertical layout for the radio group.",
+              "attribute": "vertical",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12129,71 +11822,39 @@
             },
             {
               "kind": "method",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleThumbDragStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleThumbDragEnd",
+              "name": "getAllRadios",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "syncProgress",
+              "name": "handleRadioClick",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "percent",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "syncTooltip",
+              "name": "handleKeyDown",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "percent",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "syncRange"
+              "name": "handleLabelClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -12210,32 +11871,21 @@
             },
             {
               "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the range."
+              "name": "syncRadios",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the range."
+              "name": "updateCheckedRadio",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "stepUp",
-              "description": "Increments the value of the range by the value of the step attribute."
+              "name": "handleSizeChange"
             },
             {
               "kind": "method",
-              "name": "stepDown",
-              "description": "Decrements the value of the range by the value of the step attribute."
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
@@ -12255,6 +11905,11 @@
             {
               "kind": "method",
               "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
@@ -12263,9 +11918,7 @@
               "parameters": [
                 {
                   "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
+                  "default": "''"
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -12273,22 +11926,12 @@
           ],
           "events": [
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur"
-            },
-            {
-              "description": "Emitted when an alteration to the control's value is committed by the user.",
+              "description": "Emitted when the radio group's selected value changes.",
               "name": "flow-ui-change",
               "reactName": "onFlowUiChange"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus"
-            },
-            {
-              "description": "Emitted when the control receives input.",
+              "description": "Emitted when the radio group receives user input.",
               "name": "flow-ui-input",
               "reactName": "onFlowUiInput"
             },
@@ -12300,113 +11943,90 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "title"
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the range, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "name": "value",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The current value of the range, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "'option'",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
             },
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
-              "fieldName": "helpText"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the range.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The minimum acceptable value of the range.",
-              "fieldName": "min"
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "value"
             },
             {
-              "name": "max",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "100",
-              "description": "The maximum acceptable value of the range.",
-              "fieldName": "max"
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "fieldName": "size"
             },
             {
-              "name": "step",
+              "name": "form",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "The interval at which the range will increase and decrease.",
-              "fieldName": "step"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
             },
             {
-              "name": "tooltip",
+              "name": "required",
               "type": {
-                "text": "'top' | 'bottom' | 'none'"
+                "text": "boolean"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the range's tooltip.",
-              "fieldName": "tooltip"
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "fieldName": "required"
             },
             {
-              "name": "form",
+              "name": "vertical",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
+              "default": "false",
+              "description": "Use vertical layout for the radio group.",
+              "fieldName": "vertical"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Ranges allow the user to select a single value within a given range using a slider.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/range",
+          "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-range",
+          "dependencies": [
+            "flow-ui-button-group"
+          ],
+          "tagName": "flow-ui-radio-group",
           "customElement": true
         }
       ],
@@ -12415,93 +12035,204 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowRange",
-            "module": "components/range/range.js"
+            "name": "FlowRadioGroup",
+            "module": "components/radio-group/radio-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-range",
+          "name": "flow-ui-radio-group",
           "declaration": {
-            "name": "FlowRange",
-            "module": "components/range/range.js"
+            "name": "FlowRadioGroup",
+            "module": "components/radio-group/radio-group.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio/radio.js",
+      "path": "components/range/range.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "fdfd",
-          "name": "FlowRadio",
+          "description": "",
+          "name": "FlowRange",
+          "cssProperties": [
+            {
+              "description": "The size of the thumb.",
+              "name": "--thumb-size"
+            },
+            {
+              "description": "The vertical distance the tooltip is offset from the track.",
+              "name": "--tooltip-offset"
+            },
+            {
+              "description": "The color of the portion of the track that represents the current value.",
+              "name": "--track-color-active"
+            },
+            {
+              "description": "The of the portion of the track that represents the remaining value.",
+              "name": "--track-color-inactive"
+            },
+            {
+              "description": "The height of the track.",
+              "name": "--track-height"
+            },
+            {
+              "description": "The point of origin of the active track.",
+              "name": "--track-active-offset"
+            }
+          ],
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The circular container that wraps the radio's checked state.",
-              "name": "control"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The radio control when the radio is checked.",
-              "name": "control--checked"
+              "description": "The range's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "description": "The checked icon, an `<flow-ui-icon>` element.",
-              "name": "checked-icon"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "description": "The container that wraps the radio's label.",
-              "name": "label"
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The internal `<input>` element.",
+              "name": "input"
+            },
+            {
+              "description": "The range's tooltip.",
+              "name": "tooltip"
             }
           ],
           "slots": [
             {
-              "description": "The radio's label.",
-              "name": ""
+              "description": "The range's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "checked",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "output",
+              "type": {
+                "text": "HTMLOutputElement | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "hasFocus",
+              "name": "hasTooltip",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "protected",
+              "privacy": "private",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the range, submitted as a name/value pair with form data.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current value of the range, submitted as a name/value pair with form data.",
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
-              "attribute": "size",
-              "reflects": true
+              "default": "''",
+              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
+              "attribute": "help-text"
             },
             {
               "kind": "field",
@@ -12510,18 +12241,98 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the radio.",
+              "description": "Disables the range.",
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The minimum acceptable value of the range.",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum acceptable value of the range.",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The interval at which the range will increase and decrease.",
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "tooltip",
+              "type": {
+                "text": "'top' | 'bottom' | 'none'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the range's tooltip.",
+              "attribute": "tooltip"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipFormatter",
+              "type": {
+                "text": "(value: number) => string"
+              },
+              "description": "A function used to format the tooltip's value. The range's value is passed as the first and only argument. The\nfunction should return a string to display in the tooltip."
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "addEventListeners",
+              "name": "handleChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "removeEventListeners",
+              "name": "handleInput",
               "privacy": "private"
             },
             {
@@ -12531,26 +12342,131 @@
             },
             {
               "kind": "method",
-              "name": "handleClick",
+              "name": "handleFocus",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleThumbDragStart",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "setInitialAttributes",
+              "name": "handleThumbDragEnd",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleCheckedChange"
+              "name": "syncProgress",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "percent",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "syncTooltip",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "percent",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
               "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "syncRange"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the range."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the range."
+            },
+            {
+              "kind": "method",
+              "name": "stepUp",
+              "description": "Increments the value of the range by the value of the step attribute."
+            },
+            {
+              "kind": "method",
+              "name": "stepDown",
+              "description": "Decrements the value of the range by the value of the step attribute."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
             }
           ],
           "events": [
@@ -12559,29 +12475,71 @@
               "name": "flow-ui-blur",
               "reactName": "onFlowUiBlur"
             },
+            {
+              "description": "Emitted when an alteration to the control's value is committed by the user.",
+              "name": "flow-ui-change",
+              "reactName": "onFlowUiChange"
+            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "flow-ui-focus",
               "reactName": "onFlowUiFocus"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "flow-ui-input",
+              "reactName": "onFlowUiInput"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "flow-ui-invalid",
+              "reactName": "onFlowUiInvalid"
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the range, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current value of the range, submitted as a name/value pair with form data.",
               "fieldName": "value"
             },
             {
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
-              "fieldName": "size"
+              "default": "''",
+              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
+              "fieldName": "helpText"
             },
             {
               "name": "disabled",
@@ -12589,22 +12547,64 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the radio.",
+              "description": "Disables the range.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The minimum acceptable value of the range.",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum acceptable value of the range.",
+              "fieldName": "max"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The interval at which the range will increase and decrease.",
+              "fieldName": "step"
+            },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "'top' | 'bottom' | 'none'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the range's tooltip.",
+              "fieldName": "tooltip"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Radios allow the user to select a single option from a group.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio",
+          "summary": "Ranges allow the user to select a single value within a given range using a slider.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/range",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-radio",
+          "tagName": "flow-ui-range",
           "customElement": true
         }
       ],
@@ -12613,16 +12613,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowRadio",
-            "module": "components/radio/radio.js"
+            "name": "FlowRange",
+            "module": "components/range/range.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-radio",
+          "name": "flow-ui-range",
           "declaration": {
-            "name": "FlowRadio",
-            "module": "components/radio/radio.js"
+            "name": "FlowRange",
+            "module": "components/range/range.js"
           }
         }
       ]
@@ -14570,174 +14570,28 @@
             },
             {
               "kind": "method",
-              "name": "handleDragEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "calculatePanelSizes",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "dividerTempate",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "panelTemplate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panelIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "panel-sizes",
-              "type": {
-                "text": "string"
-              },
-              "default": "'1fr'",
-              "fieldName": "panelSizes"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "vertical"
-            },
-            {
-              "name": "dividerWidth",
-              "type": {
-                "text": "string"
-              },
-              "default": "'2px'",
-              "fieldName": "dividerWidth"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view-2/split-view-2.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./split-view-2.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view-divider/split-view-divider.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowPanelDivider",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dragCanceller",
-              "type": {
-                "text": "(() => void) | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "cancelDrag"
+              "name": "handleDragEnd",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDrag",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "name": "calculatePanelSizes",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "closestElement",
+              "name": "dividerTempate",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "panelTemplate",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Element | null"
-                }
-              },
               "parameters": [
                 {
-                  "name": "selector",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "base",
-                  "default": "this",
+                  "name": "panelIndex",
                   "type": {
-                    "text": "Element"
+                    "text": "number"
                   }
                 }
               ]
@@ -14745,30 +14599,34 @@
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "panel-sizes",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "default": "'1fr'",
+              "fieldName": "panelSizes"
             },
             {
               "name": "vertical",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "fieldName": "vertical"
+            },
+            {
+              "name": "dividerWidth",
+              "type": {
+                "text": "string"
+              },
+              "default": "'2px'",
+              "fieldName": "dividerWidth"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          }
         }
       ],
       "exports": [
@@ -14776,15 +14634,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowPanelDivider",
-            "module": "components/split-view-divider/split-view-divider.component.js"
+            "name": "FlowSplitView",
+            "module": "components/split-view-2/split-view-2.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-divider/split-view-divider.js",
+      "path": "components/split-view-2/split-view-2.js",
       "declarations": [],
       "exports": [
         {
@@ -14792,15 +14650,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-divider.component.js"
+            "package": "./split-view-2.component.js"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewDivider",
-            "module": "components/split-view-divider/split-view-divider.js"
+            "name": "FlowSplitView",
+            "module": "components/split-view-2/split-view-2.js"
           }
         }
       ]
@@ -15709,6 +15567,148 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-divider/split-view-divider.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowPanelDivider",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dragCanceller",
+              "type": {
+                "text": "(() => void) | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "cancelDrag"
+            },
+            {
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "closestElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "base",
+                  "default": "this",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowPanelDivider",
+            "module": "components/split-view-divider/split-view-divider.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-divider/split-view-divider.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-divider.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewDivider",
+            "module": "components/split-view-divider/split-view-divider.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/stepper/stepper.component.js",
@@ -20485,56 +20485,9 @@
             },
             {
               "kind": "field",
-              "name": "_startValue",
-              "type": {
-                "text": "number"
-              },
+              "name": "_scale",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_valueRange",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_symlogConstant",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "1"
-            },
-            {
-              "kind": "method",
-              "name": "symlog",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "x",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "symexp",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "x",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "parse",
@@ -20617,6 +20570,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.18-alpha.13"
+    "version": "0.0.18-alpha.15"
   }
 }