@emuanalytics/flow-rdf-ui 4.1.14 → 4.1.17

package/dist/custom-elements.json

@@ -267,299 +267,328 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.component.js",
+      "path": "components/animation/animation.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
+          "name": "FlowUiAnimation",
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "animation",
               "type": {
-                "text": "boolean"
+                "text": "Animation | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "hasStarted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "defaultSlot",
               "type": {
-                "text": "string"
+                "text": "Promise<HTMLSlotElement>"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "'none'",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "play",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "attribute": "play",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "delay",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "number"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "attribute": "delay"
+            },
             {
-              "name": "image",
+              "kind": "field",
+              "name": "direction",
               "type": {
-                "text": "string"
+                "text": "PlaybackDirection"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "default": "'normal'",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "attribute": "direction"
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "duration",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "attribute": "duration"
             },
             {
-              "name": "initials",
+              "kind": "field",
+              "name": "easing",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'linear'",
+              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "attribute": "easing"
             },
             {
-              "name": "loading",
+              "kind": "field",
+              "name": "endDelay",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "attribute": "end-delay"
             },
             {
-              "name": "shape",
+              "kind": "field",
+              "name": "fill",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "FillMode"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-avatar",
-          "summary": "Avatars are used to represent a person or object.",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiAvatar",
-            "module": "components/avatar/avatar.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiAvatar",
-            "module": "components/avatar/avatar.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "attribute": "fill"
+            },
             {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "attribute": "iterations"
+            },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "iterationStart",
               "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "number"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "attribute": "iteration-start"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "keyframes",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "Keyframe[] | undefined"
               },
-              "default": "'medium'",
-              "description": "The badge size.",
-              "attribute": "size",
-              "reflects": true
+              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "playbackRate",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "default": "1",
+              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+              "attribute": "playback-rate"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "currentTime",
               "type": {
-                "text": "boolean"
+                "text": "CSSNumberish"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "description": "Gets and sets the current animation time."
+            },
             {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "kind": "field",
+              "name": "handleAnimationFinish",
+              "privacy": "private"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "handleAnimationCancel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "createAnimation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "destroyAnimation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "cancel",
+              "description": "Clears all keyframe effects caused by this animation and aborts its playback."
+            },
+            {
+              "kind": "method",
+              "name": "finish",
+              "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the animation is canceled.",
+              "name": "flow-ui-cancel",
+              "reactName": "onFlowUiCancel"
+            },
+            {
+              "description": "Emitted when the animation finishes.",
+              "name": "flow-ui-finish",
+              "reactName": "onFlowUiFinish"
+            },
+            {
+              "description": "Emitted when the animation starts or restarts.",
+              "name": "flow-ui-start",
+              "reactName": "onFlowUiStart"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The badge size.",
-              "fieldName": "size"
+              "default": "'none'",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
+              "fieldName": "name"
             },
             {
-              "name": "pill",
+              "name": "play",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "fieldName": "play"
             },
             {
-              "name": "pulse",
+              "name": "delay",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "fieldName": "delay"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "PlaybackDirection"
+              },
+              "default": "'normal'",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "fieldName": "direction"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "fieldName": "duration"
+            },
+            {
+              "name": "easing",
+              "type": {
+                "text": "string"
+              },
+              "default": "'linear'",
+              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "fieldName": "easing"
+            },
+            {
+              "name": "end-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "fieldName": "endDelay"
+            },
+            {
+              "name": "fill",
+              "type": {
+                "text": "FillMode"
+              },
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "fieldName": "fill"
+            },
+            {
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "resolveInitializer": {
+                "module": "src/components/animation/animation.component.ts"
+              },
+              "fieldName": "iterations"
+            },
+            {
+              "name": "iteration-start",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "fieldName": "iterationStart"
+            },
+            {
+              "name": "playback-rate",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+              "fieldName": "playbackRate"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-badge",
-          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagName": "flow-ui-animation",
+          "summary": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
           "customElement": true
         }
       ],
@@ -568,23 +597,73 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.component.js"
+            "name": "FlowUiAnimation",
+            "module": "components/animation/animation.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/animation/animation.js",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./animation.component"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowUiAnimation",
+            "module": "components/animation/animation.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/animation/animations.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getAnimationNames",
+          "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
+        },
+        {
+          "kind": "function",
+          "name": "getEasingNames",
+          "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "animations",
+          "declaration": {
+            "name": "animations",
+            "module": "components/animation/animations.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getAnimationNames",
+          "declaration": {
+            "name": "getAnimationNames",
+            "module": "components/animation/animations.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getEasingNames",
+          "declaration": {
+            "name": "getEasingNames",
+            "module": "components/animation/animations.js"
           }
         }
       ]
@@ -1340,500 +1419,550 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/animation/animation.component.js",
+      "path": "components/breadcrumb/breadcrumb.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAnimation",
+          "name": "FlowUiBreadcrumb",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
           "slots": [
             {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
+              "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": "animation",
-              "type": {
-                "text": "Animation | undefined"
-              },
-              "privacy": "private"
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "hasStarted",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "separatorDir",
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "defaultSlot",
               "type": {
-                "text": "Promise<HTMLSlotElement>"
+                "text": "HTMLSlotElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "separatorSlot",
               "type": {
-                "text": "string"
+                "text": "HTMLSlotElement"
               },
-              "default": "'none'",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
-              "attribute": "name"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "play",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-              "attribute": "play",
-              "reflects": true
+              "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": "field",
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "attribute": "delay"
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "PlaybackDirection"
-              },
-              "default": "'normal'",
-              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
-              "attribute": "direction"
-            },
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "duration",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "attribute": "duration"
+              "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"
+          },
+          "tagName": "flow-ui-breadcrumb",
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumb/breadcrumb.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/base-control/base-control.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowUiBaseControl",
+          "cssParts": [
+            {
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "kind": "field",
-              "name": "easing",
-              "type": {
-                "text": "string"
-              },
-              "default": "'linear'",
-              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-              "attribute": "easing"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "kind": "field",
-              "name": "endDelay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "attribute": "end-delay"
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "kind": "field",
-              "name": "fill",
-              "type": {
-                "text": "FillMode"
-              },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "attribute": "fill"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "kind": "field",
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "attribute": "iterations"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "field",
-              "name": "iterationStart",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "attribute": "iteration-start"
+              "description": "The internal `<input>` control.",
+              "name": "input"
             },
             {
-              "kind": "field",
-              "name": "keyframes",
-              "type": {
-                "text": "Keyframe[] | undefined"
-              },
-              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
             },
             {
-              "kind": "field",
-              "name": "playbackRate",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-              "attribute": "playback-rate"
+              "description": "The clear button.",
+              "name": "clear-button"
             },
             {
-              "kind": "field",
-              "name": "currentTime",
-              "type": {
-                "text": "CSSNumberish"
-              },
-              "description": "Gets and sets the current animation time."
+              "description": "The password toggle button.",
+              "name": "password-toggle-button"
             },
             {
-              "kind": "field",
-              "name": "handleAnimationFinish",
-              "privacy": "private"
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "kind": "field",
-              "name": "handleAnimationCancel",
-              "privacy": "private"
+              "description": "Used to prepend a presentational icon or similar element to the input.",
+              "name": "prefix"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "description": "Used to append a presentational icon or similar element to the input.",
+              "name": "suffix"
             },
             {
-              "kind": "method",
-              "name": "createAnimation",
-              "privacy": "private"
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
             },
             {
-              "kind": "method",
-              "name": "destroyAnimation",
-              "privacy": "private"
+              "description": "An icon to use in lieu of the default show password icon.",
+              "name": "show-password-icon"
             },
             {
-              "kind": "method",
-              "name": "cancel",
-              "description": "Clears all keyframe effects caused by this animation and aborts its playback."
+              "description": "An icon to use in lieu of the default hide password icon.",
+              "name": "hide-password-icon"
             },
             {
-              "kind": "method",
-              "name": "finish",
-              "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
-          "events": [
+          "members": [
             {
-              "description": "Emitted when the animation is canceled.",
-              "name": "flow-ui-cancel",
-              "reactName": "onFlowUiCancel"
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
             },
             {
-              "description": "Emitted when the animation finishes.",
-              "name": "flow-ui-finish",
-              "reactName": "onFlowUiFinish"
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
             },
             {
-              "description": "Emitted when the animation starts or restarts.",
-              "name": "flow-ui-start",
-              "reactName": "onFlowUiStart"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'none'",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
-              "fieldName": "name"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "play",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-              "fieldName": "play"
+              "default": "'medium'",
+              "description": "The input's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "delay",
+              "kind": "field",
+              "name": "filled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "fieldName": "delay"
+              "default": "false",
+              "description": "Draws a filled input.",
+              "attribute": "filled",
+              "reflects": true
             },
             {
-              "name": "direction",
+              "kind": "field",
+              "name": "pill",
               "type": {
-                "text": "PlaybackDirection"
+                "text": "boolean"
               },
-              "default": "'normal'",
-              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
-              "fieldName": "direction"
+              "default": "false",
+              "description": "Draws a pill-style input with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
-              "name": "duration",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "fieldName": "duration"
+              "default": "''",
+              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
             },
             {
-              "name": "easing",
+              "kind": "field",
+              "name": "helpText",
               "type": {
                 "text": "string"
               },
-              "default": "'linear'",
-              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-              "fieldName": "easing"
+              "default": "''",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
             },
             {
-              "name": "end-delay",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "fieldName": "endDelay"
+              "default": "false",
+              "description": "Disables the input.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "fill",
+              "kind": "field",
+              "name": "form",
               "type": {
-                "text": "FillMode"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "fieldName": "fill"
+              "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
             },
             {
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "resolveInitializer": {
-                "module": "src/components/animation/animation.component.ts"
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
               },
-              "fieldName": "iterations"
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "name": "iteration-start",
+              "kind": "field",
+              "name": "inline",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "fieldName": "iterationStart"
+              "default": "false",
+              "description": "Display the input in the 'inline' form control style.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
-              "name": "playback-rate",
+              "kind": "field",
+              "name": "divider",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-              "fieldName": "playbackRate"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-animation",
-          "summary": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiAnimation",
-            "module": "components/animation/animation.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/animation/animation.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./animation.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiAnimation",
-            "module": "components/animation/animation.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/animation/animations.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getAnimationNames",
-          "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
-        },
-        {
-          "kind": "function",
-          "name": "getEasingNames",
-          "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "animations",
-          "declaration": {
-            "name": "animations",
-            "module": "components/animation/animations.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getAnimationNames",
-          "declaration": {
-            "name": "getAnimationNames",
-            "module": "components/animation/animations.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getEasingNames",
-          "declaration": {
-            "name": "getEasingNames",
-            "module": "components/animation/animations.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiBreadcrumb",
-          "cssParts": [
+              "default": "false",
+              "description": "Indicates that the control should display a divider",
+              "attribute": "divider",
+              "reflects": true
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "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": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the input."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the input."
+            },
+            {
+              "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."
             }
           ],
-          "slots": [
+          "events": [
             {
-              "description": "One or more breadcrumb items to display.",
-              "name": ""
+              "description": "Emitted when the control loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur"
             },
             {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "name": "separator"
+              "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 clear button is activated.",
+              "name": "flow-ui-clear",
+              "reactName": "onFlowUiClear"
+            },
+            {
+              "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"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The input's size.",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
+              "name": "filled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a filled input.",
+              "fieldName": "filled"
+            },
+            {
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style input with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "defaultSlot",
+              "name": "help-text",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "kind": "field",
-              "name": "separatorSlot",
+              "name": "disabled",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Disables the input.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "label",
+              "name": "form",
               "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"
+              "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"
             },
             {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "fieldName": "required"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display the input in the 'inline' form control style.",
+              "fieldName": "inline"
+            },
             {
-              "name": "label",
+              "name": "divider",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "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"
+              "default": "false",
+              "description": "Indicates that the control should display a divider",
+              "fieldName": "divider"
             }
           ],
           "superclass": {
-            "name": "FlowRdfElement",
+            "name": "FlowRdfFormControl",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-breadcrumb",
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "tagName": "flow-ui-base-control",
+          "summary": "Inputs collect data from the user.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
+          "status": "stable",
+          "since": "2.0",
           "dependencies": [
-            "flow-ui-icon"
+            "flow-ui-icon",
+            "flow-ui-icon-button"
           ],
           "customElement": true
         }
@@ -1843,23 +1972,31 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.component.js"
+            "name": "FlowUiBaseControl",
+            "module": "components/base-control/base-control.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/base-control/base-control.js",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./base-control.component"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowUiBaseControl",
+            "module": "components/base-control/base-control.js"
           }
         }
       ]
@@ -1969,183 +2106,19 @@
             {
               "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"
-          },
-          "tagName": "flow-ui-breadcrumb-item",
-          "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/busy-overlay/busy-overlay.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiBusyOverlay",
-          "cssProperties": [
-            {
-              "description": "The delay after which the overlay is shown.",
-              "name": "--transition-delay"
-            },
-            {
-              "description": "The duration of the overlay's fade-in/out transition.",
-              "name": "--transition-duration"
-            },
-            {
-              "description": "The size of the default progress ring loading animation.",
-              "name": "--progress-ring-size"
-            },
-            {
-              "description": "The width of the default progress ring's track.",
-              "name": "--progress-ring-track-width"
-            },
-            {
-              "description": "The color of the default progress ring's track.",
-              "name": "--progress-ring-track-color"
-            },
-            {
-              "description": "The background color of the overlay.",
-              "name": "--overlay-background-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The component to overlay with when busy.",
-              "name": ""
-            },
-            {
-              "description": "The indeterminate custom loading animation to display when busy.",
-              "name": "busy-animation"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "busy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "busy",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'neutral'",
-              "description": "The default loading animation's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "Size of the loading animation",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "overlayParent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "To overlay the parent element",
-              "attribute": "overlay-parent",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "busy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "busy"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'neutral'",
-              "description": "The default loading animation's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "Size of the loading animation",
-              "fieldName": "size"
-            },
-            {
-              "name": "overlay-parent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "To overlay the parent element",
-              "fieldName": "overlayParent"
+                "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"
           },
-          "tagName": "flow-ui-busy-overlay",
-          "summary": "Busy overlay is used to indicate that a component which displays data is being currently updated.",
-          "dependencies": [
-            "flow-ui-progress-ring"
-          ],
+          "tagName": "flow-ui-breadcrumb-item",
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
           "customElement": true
         }
       ],
@@ -2154,450 +2127,485 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBusyOverlay",
-            "module": "components/busy-overlay/busy-overlay.component.js"
+            "name": "FlowUiBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/busy-overlay/busy-overlay.js",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBusyOverlay",
-            "module": "components/busy-overlay/busy-overlay.js"
+            "name": "FlowUiBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/base-control/base-control.component.js",
+      "path": "components/avatar/avatar.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBaseControl",
-          "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 input's wrapper.",
-              "name": "form-control-input"
-            },
+          "name": "FlowUiAvatar",
+          "cssProperties": [
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
+          "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The internal `<input>` control.",
-              "name": "input"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The clear button.",
-              "name": "clear-button"
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
             },
             {
-              "description": "The password toggle button.",
-              "name": "password-toggle-button"
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
             },
             {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the input.",
-              "name": "prefix"
-            },
-            {
-              "description": "Used to append a presentational icon or similar element to the input.",
-              "name": "suffix"
-            },
-            {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
-            },
-            {
-              "description": "An icon to use in lieu of the default show password icon.",
-              "name": "show-password-icon"
-            },
-            {
-              "description": "An icon to use in lieu of the default hide password icon.",
-              "name": "hide-password-icon"
-            },
-            {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "hasFocus",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "initials",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "attribute": "size",
-              "reflects": true
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
             },
             {
               "kind": "field",
-              "name": "filled",
+              "name": "loading",
               "type": {
-                "text": "boolean"
+                "text": "'eager' | 'lazy'"
               },
-              "default": "false",
-              "description": "Draws a filled input.",
-              "attribute": "filled",
-              "reflects": true
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "shape",
               "type": {
-                "text": "boolean"
+                "text": "'circle' | 'square' | 'rounded'"
               },
-              "default": "false",
-              "description": "Draws a pill-style input with rounded edges.",
-              "attribute": "pill",
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
               "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "helpText",
+              "name": "initials",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-avatar",
+          "summary": "Avatars are used to represent a person or object.",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiAvatar",
+            "module": "components/avatar/avatar.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/avatar/avatar.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiAvatar",
+            "module": "components/avatar/avatar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowUiBadge",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "false",
-              "description": "Disables the input.",
-              "attribute": "disabled",
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "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",
+              "default": "'medium'",
+              "description": "The badge size.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the input a required field.",
-              "attribute": "required",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "pulse",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Display the input in the 'inline' form control style.",
-              "attribute": "inline",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
               "reflects": true
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "divider",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "false",
-              "description": "Indicates that the control should display a divider",
-              "attribute": "divider",
-              "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": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Gets the associated form, if one exists."
+              "default": "'medium'",
+              "description": "The badge size.",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
             }
           ],
-          "events": [
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-badge",
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiBadge",
+            "module": "components/badge/badge.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/busy-overlay/busy-overlay.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowUiBusyOverlay",
+          "cssProperties": [
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur"
+              "description": "The delay after which the overlay is shown.",
+              "name": "--transition-delay"
             },
             {
-              "description": "Emitted when an alteration to the control's value is committed by the user.",
-              "name": "flow-ui-change",
-              "reactName": "onFlowUiChange"
+              "description": "The duration of the overlay's fade-in/out transition.",
+              "name": "--transition-duration"
             },
             {
-              "description": "Emitted when the clear button is activated.",
-              "name": "flow-ui-clear",
-              "reactName": "onFlowUiClear"
+              "description": "The size of the default progress ring loading animation.",
+              "name": "--progress-ring-size"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus"
+              "description": "The width of the default progress ring's track.",
+              "name": "--progress-ring-track-width"
             },
             {
-              "description": "Emitted when the control receives input.",
-              "name": "flow-ui-input",
-              "reactName": "onFlowUiInput"
+              "description": "The color of the default progress ring's track.",
+              "name": "--progress-ring-track-color"
             },
             {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "flow-ui-invalid",
-              "reactName": "onFlowUiInvalid"
+              "description": "The background color of the overlay.",
+              "name": "--overlay-background-color"
             }
           ],
-          "attributes": [
+          "slots": [
             {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "fieldName": "size"
+              "description": "The component to overlay with when busy.",
+              "name": ""
             },
             {
-              "name": "filled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a filled input.",
-              "fieldName": "filled"
-            },
+              "description": "The indeterminate custom loading animation to display when busy.",
+              "name": "busy-animation"
+            }
+          ],
+          "members": [
             {
-              "name": "pill",
+              "kind": "field",
+              "name": "busy",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws a pill-style input with rounded edges.",
-              "fieldName": "pill"
+              "attribute": "busy",
+              "reflects": true
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "''",
-              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "default": "'neutral'",
+              "description": "The default loading animation's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
-              "name": "help-text",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "''",
-              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "default": "'medium'",
+              "description": "Size of the loading animation",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "overlayParent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the input.",
-              "fieldName": "disabled"
-            },
+              "description": "To overlay the parent element",
+              "attribute": "overlay-parent",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "name": "form",
+              "name": "busy",
               "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",
+              "fieldName": "busy"
             },
             {
-              "name": "required",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "false",
-              "description": "Makes the input a required field.",
-              "fieldName": "required"
+              "default": "'neutral'",
+              "description": "The default loading animation's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "inline",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "Display the input in the 'inline' form control style.",
-              "fieldName": "inline"
+              "default": "'medium'",
+              "description": "Size of the loading animation",
+              "fieldName": "size"
             },
             {
-              "name": "divider",
+              "name": "overlay-parent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates that the control should display a divider",
-              "fieldName": "divider"
+              "description": "To overlay the parent element",
+              "fieldName": "overlayParent"
             }
           ],
           "superclass": {
-            "name": "FlowRdfFormControl",
+            "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-base-control",
-          "summary": "Inputs collect data from the user.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
-          "status": "stable",
-          "since": "2.0",
+          "tagName": "flow-ui-busy-overlay",
+          "summary": "Busy overlay is used to indicate that a component which displays data is being currently updated.",
           "dependencies": [
-            "flow-ui-icon",
-            "flow-ui-icon-button"
+            "flow-ui-progress-ring"
           ],
           "customElement": true
         }
@@ -2607,31 +2615,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBaseControl",
-            "module": "components/base-control/base-control.component.js"
+            "name": "FlowUiBusyOverlay",
+            "module": "components/busy-overlay/busy-overlay.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/base-control/base-control.js",
+      "path": "components/busy-overlay/busy-overlay.js",
       "declarations": [],
       "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./base-control.component"
-          }
-        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBaseControl",
-            "module": "components/base-control/base-control.js"
+            "name": "FlowUiBusyOverlay",
+            "module": "components/busy-overlay/busy-overlay.js"
           }
         }
       ]
@@ -12496,6 +12496,12 @@
           "kind": "class",
           "description": "",
           "name": "FlowUiList",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -12745,7 +12751,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-list",
-          "summary": "A panel header provides a label, optional accessory controls and expand/collapse behavior for panels.",
+          "summary": "A list of items that can be edited and reordered.",
           "dependencies": [
             "flow-ui-list-item"
           ],
@@ -12786,28 +12792,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowUiListItem",
-          "cssProperties": [
-            {
-              "description": "The padding around the header. Defaults to `--flow-ui-panel-header-padding`.",
-              "name": "padding"
-            },
-            {
-              "description": "The height of the header. Defaults to `--flow-ui-panel-header-height`.",
-              "name": "header-height"
-            },
-            {
-              "description": "The background color of the header. Defaults to `--flow-ui-panel-header-background-color`.",
-              "name": "background-color"
-            },
-            {
-              "description": "The text color of the header. Defaults to `--flow-ui-panel-header-color`.",
-              "name": "color"
-            },
-            {
-              "description": "The color of the accessory controls. Defaults to `--flow-ui-panel-header-accessory-color`.",
-              "name": "accessory-color"
-            }
-          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -13149,7 +13133,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-list-item",
-          "summary": "A list item.",
+          "summary": "A list item. Use with `<flow-ui-list>` to create selectable, editable, and reorderable lists.",
           "dependencies": [
             "flow-ui-input",
             "flow-ui-icon",
@@ -16981,34 +16965,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/range/range.component.js",
+      "path": "components/radio-group/radio-group.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiRange",
-          "cssProperties": [
-            {
-              "description": "The size of the thumb.",
-              "name": "--thumb-size"
-            },
-            {
-              "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": "FlowUiRadioGroup",
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -17019,7 +16981,7 @@
               "name": "form-control-label"
             },
             {
-              "description": "The range's wrapper.",
+              "description": "The input's wrapper.",
               "name": "form-control-input"
             },
             {
@@ -17027,29 +16989,29 @@
               "name": "form-control-help-text"
             },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The button group that wraps radio buttons.",
+              "name": "button-group"
             },
             {
-              "description": "The range's number input control.",
-              "name": "number-input"
+              "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)"
             },
@@ -17058,62 +17020,33 @@
               "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "default": "new HasSlotController(this, 'help-text', 'label')"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "customValidityMessage",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The name of the range, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "validationTimeout",
               "type": {
                 "text": "number"
               },
-              "default": "0",
-              "description": "The current value of the range, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "errorMessage",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "attribute": "size",
-              "reflects": true
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
@@ -17122,7 +17055,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"
             },
             {
@@ -17132,99 +17065,72 @@
                 "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": "format",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Number format to use for numeric display. (D3 format string)",
-              "attribute": "format"
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "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",
+              "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",
-              "name": "defaultValue",
+              "name": "reverse",
               "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": "Display the radios using a reversed style with left-aligned labels.",
+              "attribute": "reverse",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Display the control in the 'inline' form control style.",
-              "attribute": "inline",
+              "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": "noInput",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "no-input",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "attribute": "required",
               "reflects": true
             },
             {
@@ -17241,87 +17147,43 @@
             },
             {
               "kind": "method",
-              "name": "handleRangeChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleRangeInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleNumberChange",
+              "name": "getAllRadios",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleBlur",
+              "name": "handleRadioClick",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleKeyDown",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleThumbDragStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleThumbDragEnd",
+              "name": "handleLabelClick",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "syncProgress",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "percent",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleRangeInvalid",
+              "name": "handleInvalid",
               "privacy": "private",
               "parameters": [
                 {
@@ -17334,32 +17196,13 @@
             },
             {
               "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."
+              "name": "syncRadios",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "stepDown",
-              "description": "Decrements the value of the range by the value of the step attribute."
+              "name": "updateCheckedRadio",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -17379,6 +17222,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."
             },
             {
@@ -17387,9 +17235,7 @@
               "parameters": [
                 {
                   "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
+                  "default": "''"
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -17397,22 +17243,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"
             },
@@ -17423,40 +17259,13 @@
             }
           ],
           "attributes": [
-            {
-              "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",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "fieldName": "size"
-            },
             {
               "name": "label",
               "type": {
                 "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.",
               "fieldName": "label"
             },
             {
@@ -17465,53 +17274,44 @@
                 "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.",
               "fieldName": "helpText"
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the range.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "min",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The minimum acceptable value of the range.",
-              "fieldName": "min"
+              "default": "'option'",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
             },
             {
-              "name": "max",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "100",
-              "description": "The maximum acceptable value of the range.",
-              "fieldName": "max"
+              "default": "''",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "value"
             },
             {
-              "name": "step",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "1",
-              "description": "The interval at which the range will increase and decrease.",
-              "fieldName": "step"
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "fieldName": "size"
             },
             {
-              "name": "format",
+              "name": "reverse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Number format to use for numeric display. (D3 format string)",
-              "fieldName": "format"
+              "default": "false",
+              "description": "Display the radios using a reversed style with left-aligned labels.",
+              "fieldName": "reverse"
             },
             {
               "name": "form",
@@ -17523,29 +17323,24 @@
               "fieldName": "form"
             },
             {
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Display the control in the 'inline' form control style.",
-              "fieldName": "inline"
-            },
-            {
-              "name": "no-input",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "noInput"
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "fieldName": "required"
             }
           ],
           "superclass": {
             "name": "FlowRdfFormControl",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-range",
-          "summary": "Ranges allow the user to select a single value within a given range using a slider.",
+          "tagName": "flow-ui-radio-group",
+          "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.",
+          "dependencies": [
+            "flow-ui-button-group"
+          ],
           "customElement": true
         }
       ],
@@ -17554,15 +17349,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiRange",
-            "module": "components/range/range.component.js"
+            "name": "FlowUiRadioGroup",
+            "module": "components/radio-group/radio-group.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/range/range.js",
+      "path": "components/radio-group/radio-group.js",
       "declarations": [],
       "exports": [
         {
@@ -17570,27 +17365,49 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./range.component"
+            "package": "./radio-group.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiRange",
-            "module": "components/range/range.js"
+            "name": "FlowUiRadioGroup",
+            "module": "components/radio-group/radio-group.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio-group/radio-group.component.js",
+      "path": "components/range/range.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiRadioGroup",
+          "name": "FlowUiRange",
+          "cssProperties": [
+            {
+              "description": "The size of the thumb.",
+              "name": "--thumb-size"
+            },
+            {
+              "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 form control that wraps the label, input, and help text.",
@@ -17601,7 +17418,7 @@
               "name": "form-control-label"
             },
             {
-              "description": "The input's wrapper.",
+              "description": "The range's wrapper.",
               "name": "form-control-input"
             },
             {
@@ -17609,29 +17426,29 @@
               "name": "form-control-help-text"
             },
             {
-              "description": "The button group that wraps radio buttons.",
-              "name": "button-group"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The button group's `base` part.",
-              "name": "button-group__base"
+              "description": "The range's number input control.",
+              "name": "number-input"
             }
           ],
           "slots": [
             {
-              "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
-              "name": ""
+              "description": "The range's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "The radio group's label. Required for proper accessibility. 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": "formControlController",
-              "privacy": "protected",
+              "privacy": "private",
               "readonly": true,
               "default": "new FormControlController(this)"
             },
@@ -17640,33 +17457,62 @@
               "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
+              "default": "new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix')"
             },
             {
               "kind": "field",
-              "name": "customValidityMessage",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
               "type": {
-                "text": "string"
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "validationTimeout",
+              "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"
               },
-              "privacy": "private"
+              "default": "0",
+              "description": "The current value of the range, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "errorMessage",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "'medium'",
+              "description": "The input's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -17675,7 +17521,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
               "attribute": "label"
             },
             {
@@ -17685,51 +17531,59 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
               "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "disabled",
               "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"
+              "default": "false",
+              "description": "Disables the range.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "min",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "value",
-              "reflects": true
+              "default": "0",
+              "description": "The minimum acceptable value of the range.",
+              "attribute": "min"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "max",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
-              "attribute": "size",
-              "reflects": true
+              "default": "100",
+              "description": "The maximum acceptable value of the range.",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "step",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Display the radios using a reversed style with left-aligned labels.",
-              "attribute": "reverse",
-              "reflects": true
+              "default": "1",
+              "description": "The interval at which the range will increase and decrease.",
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Number format to use for numeric display. (D3 format string)",
+              "attribute": "format"
             },
             {
               "kind": "field",
@@ -17744,13 +17598,32 @@
             },
             {
               "kind": "field",
-              "name": "required",
+              "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": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "attribute": "required",
+              "description": "Display the control in the 'inline' form control style.",
+              "attribute": "inline",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noInput",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "no-input",
               "reflects": true
             },
             {
@@ -17767,62 +17640,125 @@
             },
             {
               "kind": "method",
-              "name": "getAllRadios",
+              "name": "handleRangeChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleRangeInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleNumberChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleRadioClick",
+              "name": "handleBlur",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "FocusEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleFocus",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "FocusEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleLabelClick",
+              "name": "handleThumbDragStart",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
+              "name": "handleThumbDragEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncProgress",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "percent",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleRangeInvalid",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
                   }
                 }
-              ]
+              ],
+              "description": "Sets focus on the range."
             },
             {
               "kind": "method",
-              "name": "syncRadios",
-              "privacy": "private"
+              "name": "blur",
+              "description": "Removes focus from the range."
             },
             {
               "kind": "method",
-              "name": "updateCheckedRadio",
-              "privacy": "private"
+              "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",
@@ -17842,11 +17778,6 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
@@ -17855,7 +17786,9 @@
               "parameters": [
                 {
                   "name": "message",
-                  "default": "''"
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -17863,12 +17796,22 @@
           ],
           "events": [
             {
-              "description": "Emitted when the radio group's selected value changes.",
+              "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.",
               "name": "flow-ui-change",
               "reactName": "onFlowUiChange"
             },
             {
-              "description": "Emitted when the radio group receives user input.",
+              "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"
             },
@@ -17879,13 +17822,40 @@
             }
           ],
           "attributes": [
+            {
+              "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",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The input's size.",
+              "fieldName": "size"
+            },
             {
               "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.",
+              "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
               "fieldName": "label"
             },
             {
@@ -17894,44 +17864,53 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
               "fieldName": "helpText"
             },
             {
-              "name": "name",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'option'",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "default": "false",
+              "description": "Disables the range.",
+              "fieldName": "disabled"
             },
             {
-              "name": "value",
+              "name": "min",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "0",
+              "description": "The minimum acceptable value of the range.",
+              "fieldName": "min"
             },
             {
-              "name": "size",
+              "name": "max",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
-              "fieldName": "size"
+              "default": "100",
+              "description": "The maximum acceptable value of the range.",
+              "fieldName": "max"
             },
             {
-              "name": "reverse",
+              "name": "step",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Display the radios using a reversed style with left-aligned labels.",
-              "fieldName": "reverse"
+              "default": "1",
+              "description": "The interval at which the range will increase and decrease.",
+              "fieldName": "step"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Number format to use for numeric display. (D3 format string)",
+              "fieldName": "format"
             },
             {
               "name": "form",
@@ -17943,24 +17922,29 @@
               "fieldName": "form"
             },
             {
-              "name": "required",
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "fieldName": "required"
+              "description": "Display the control in the 'inline' form control style.",
+              "fieldName": "inline"
+            },
+            {
+              "name": "no-input",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noInput"
             }
           ],
           "superclass": {
             "name": "FlowRdfFormControl",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-radio-group",
-          "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.",
-          "dependencies": [
-            "flow-ui-button-group"
-          ],
+          "tagName": "flow-ui-range",
+          "summary": "Ranges allow the user to select a single value within a given range using a slider.",
           "customElement": true
         }
       ],
@@ -17969,66 +17953,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiRadioGroup",
-            "module": "components/radio-group/radio-group.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/radio-group/radio-group.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./radio-group.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiRadioGroup",
-            "module": "components/radio-group/radio-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/scroll-view/scroll-view.component.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "configureScrollViews",
-          "parameters": [
-            {
-              "name": "options",
-              "type": {
-                "text": "ScrollViewOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "configureScrollViews",
-          "declaration": {
-            "name": "configureScrollViews",
-            "module": "components/scroll-view/scroll-view.component.js"
+            "name": "FlowUiRange",
+            "module": "components/range/range.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/scroll-view/scroll-view.js",
+      "path": "components/range/range.js",
       "declarations": [],
       "exports": [
         {
@@ -18036,15 +17969,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./scroll-view.component"
+            "package": "./range.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiScrollView",
-            "module": "components/scroll-view/scroll-view.js"
+            "name": "FlowUiRange",
+            "module": "components/range/range.js"
           }
         }
       ]
@@ -18172,6 +18105,57 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/scroll-view/scroll-view.component.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "configureScrollViews",
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "ScrollViewOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "configureScrollViews",
+          "declaration": {
+            "name": "configureScrollViews",
+            "module": "components/scroll-view/scroll-view.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/scroll-view/scroll-view.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./scroll-view.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiScrollView",
+            "module": "components/scroll-view/scroll-view.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/select/select.component.js",
@@ -25889,6 +25873,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "4.1.14"
+    "version": "4.1.17"
   }
 }