@emuanalytics/flow-rdf-ui 4.0.5 → 4.0.7

package/dist/custom-elements.json

@@ -267,175 +267,479 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/animation/animation.component.js",
+      "path": "components/badge/badge.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAnimation",
+          "name": "FlowUiBadge",
+          "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": "The badge's content.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "animation",
+              "name": "variant",
               "type": {
-                "text": "Animation | undefined"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "privacy": "private"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasStarted",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "pulse",
               "type": {
-                "text": "Promise<HTMLSlotElement>"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "name",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "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"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "play",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
               "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
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "kind": "field",
-              "name": "delay",
+              "name": "pulse",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "attribute": "delay"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
+            }
+          ],
+          "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/avatar/avatar.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"
             },
             {
-              "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"
+              "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"
+            }
+          ],
+          "slots": [
+            {
+              "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": "duration",
+              "name": "hasError",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "attribute": "duration"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "easing",
+              "name": "image",
               "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"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "endDelay",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "attribute": "end-delay"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "fill",
+              "name": "initials",
               "type": {
-                "text": "FillMode"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "attribute": "fill"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
             },
             {
               "kind": "field",
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "attribute": "iterations"
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
               "kind": "field",
-              "name": "iterationStart",
+              "name": "shape",
               "type": {
-                "text": "number"
+                "text": "'circle' | 'square' | 'rounded'"
               },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "attribute": "iteration-start"
-            },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "keyframes",
+              "name": "image",
               "type": {
-                "text": "Keyframe[] | undefined"
+                "text": "string"
               },
-              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "kind": "field",
-              "name": "playbackRate",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "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"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "currentTime",
+              "name": "initials",
               "type": {
-                "text": "CSSNumberish"
+                "text": "string"
               },
-              "description": "Gets and sets the current animation time."
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
             },
             {
-              "kind": "field",
-              "name": "handleAnimationFinish",
-              "privacy": "private"
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
             },
             {
-              "kind": "field",
+              "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/animation/animation.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowUiAnimation",
+          "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.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "animation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasStarted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "Promise<HTMLSlotElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "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": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "attribute": "delay"
+            },
+            {
+              "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": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "attribute": "duration"
+            },
+            {
+              "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"
+            },
+            {
+              "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"
+            },
+            {
+              "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"
+            },
+            {
+              "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": "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"
+            },
+            {
+              "kind": "field",
+              "name": "keyframes",
+              "type": {
+                "text": "Keyframe[] | undefined"
+              },
+              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
+            },
+            {
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "currentTime",
+              "type": {
+                "text": "CSSNumberish"
+              },
+              "description": "Gets and sets the current animation time."
+            },
+            {
+              "kind": "field",
+              "name": "handleAnimationFinish",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
               "name": "handleAnimationCancel",
               "privacy": "private"
             },
@@ -585,7 +889,7 @@
           ],
           "superclass": {
             "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element.js"
+            "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).",
@@ -670,94 +974,122 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.component.js",
+      "path": "components/breadcrumb-item/breadcrumb-item.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBadge",
+          "name": "FlowUiBreadcrumbItem",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The breadcrumb item's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The badge's content.",
+              "description": "The breadcrumb item's label.",
               "name": ""
+            },
+            {
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "rel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
             }
           ],
           "attributes": [
             {
-              "name": "variant",
+              "name": "href",
               "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "string | undefined"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
             },
             {
-              "name": "pill",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
             },
             {
-              "name": "pulse",
+              "name": "rel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "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-badge",
-          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagName": "flow-ui-breadcrumb-item",
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
           "customElement": true
         }
       ],
@@ -766,35 +1098,35 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.component.js"
+            "name": "FlowUiBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowUiBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.component.js",
+      "path": "components/button-group/button-group.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBreadcrumb",
+          "name": "FlowUiButtonGroup",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -803,57 +1135,83 @@
           ],
           "slots": [
             {
-              "description": "One or more breadcrumb items to display.",
+              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
               "name": ""
-            },
-            {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
+              "name": "label",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "Text label for assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "vertical",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "attribute": "vertical",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "attribute": "label"
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
+              "name": "handleBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -868,19 +1226,25 @@
                 "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.",
+              "description": "Text label for assistive devices.",
               "fieldName": "label"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "fieldName": "vertical"
             }
           ],
           "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"
-          ],
+          "tagName": "flow-ui-button-group",
+          "summary": "Button groups can be used to group related buttons into sections.",
           "customElement": true
         }
       ],
@@ -889,263 +1253,78 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.component.js"
+            "name": "FlowUiButtonGroup",
+            "module": "components/button-group/button-group.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowUiButtonGroup",
+            "module": "components/button-group/button-group.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.component.js",
+      "path": "components/button/button.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
+          "name": "FlowUiButton",
           "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 prefix.",
+              "name": "prefix"
             },
             {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
+              "description": "The button's label.",
+              "name": "label"
             },
             {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The button's caret icon, an `<flow-ui-icon>` element.",
+              "name": "caret"
             }
           ],
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
+              "description": "The button's label.",
+              "name": ""
+            },
+            {
+              "description": "A presentational prefix icon or similar element.",
+              "name": "prefix"
+            },
+            {
+              "description": "A presentational suffix icon or similar element.",
+              "name": "suffix"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "formControlController",
               "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "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"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "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/button/button.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiButton",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The button's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The button's caret icon, an `<flow-ui-icon>` element.",
-              "name": "caret"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The button's label.",
-              "name": ""
-            },
-            {
-              "description": "A presentational prefix icon or similar element.",
-              "name": "prefix"
-            },
-            {
-              "description": "A presentational suffix icon or similar element.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n    form: (input) => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click']\n  })"
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    form: (input) => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click']\n  })"
             },
             {
               "kind": "field",
@@ -1759,14 +1938,6 @@
             "name": "FlowUiButton",
             "module": "components/button/button.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-button",
-          "declaration": {
-            "name": "FlowUiButton",
-            "module": "components/button/button.component.js"
-          }
         }
       ]
     },
@@ -1787,244 +1958,71 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.component.js",
+      "path": "components/breadcrumb/breadcrumb.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBreadcrumbItem",
+          "name": "FlowUiBreadcrumb",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
+              "description": "One or more breadcrumb items to display.",
               "name": ""
             },
             {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
               "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "localize",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "separatorDir",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLSlotElement"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "attribute": "href"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "separatorSlot",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "HTMLSlotElement"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "fieldName": "href"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "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/button-group/button-group.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiButtonGroup",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Text label for assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "attribute": "label"
+            },
             {
               "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -2039,25 +2037,19 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Text label for assistive devices.",
+              "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"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "fieldName": "vertical"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-button-group",
-          "summary": "Button groups can be used to group related buttons into sections.",
+          "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
         }
       ],
@@ -2066,23 +2058,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiButtonGroup",
-            "module": "components/button-group/button-group.component.js"
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/button-group/button-group.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         }
       ]
@@ -2410,7 +2402,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.component.js"
+            "package": "./calendar.component"
           }
         },
         {
@@ -2528,7 +2520,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./card.component.js"
+            "package": "./card.component"
           }
         },
         {
@@ -3121,7 +3113,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./carousel.component.js"
+            "package": "./carousel.component"
           }
         },
         {
@@ -3350,7 +3342,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./carousel-item.component.js"
+            "package": "./carousel-item.component"
           }
         },
         {
@@ -4025,14 +4017,6 @@
             "name": "FlowUiCheckbox",
             "module": "components/checkbox/checkbox.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-checkbox",
-          "declaration": {
-            "name": "FlowUiCheckbox",
-            "module": "components/checkbox/checkbox.component.js"
-          }
         }
       ]
     },
@@ -6597,7 +6581,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./date-time-picker.component.js"
+            "package": "./date-time-picker.component"
           }
         },
         {
@@ -6819,7 +6803,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./details.component.js"
+            "package": "./details.component"
           }
         },
         {
@@ -7148,7 +7132,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./dialog.component.js"
+            "package": "./dialog.component"
           }
         },
         {
@@ -7237,7 +7221,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./divider.component.js"
+            "package": "./divider.component"
           }
         },
         {
@@ -7617,14 +7601,6 @@
             "name": "FlowUiDrawer",
             "module": "components/drawer/drawer.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-drawer",
-          "declaration": {
-            "name": "FlowUiDrawer",
-            "module": "components/drawer/drawer.component.js"
-          }
         }
       ]
     },
@@ -7638,7 +7614,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./drawer.component.js"
+            "package": "./drawer.component"
           }
         },
         {
@@ -7999,7 +7975,7 @@
           ],
           "superclass": {
             "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element.js"
+            "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-dropdown",
           "summary": "Dropdowns expose additional content that \"drops down\" in a panel.",
@@ -8040,7 +8016,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./dropdown.component.js"
+            "package": "./dropdown.component"
           }
         },
         {
@@ -8292,7 +8268,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./gauge.component.js"
+            "package": "./gauge.component"
           }
         },
         {
@@ -8641,7 +8617,7 @@
               "name": "options.mutator"
             }
           ],
-          "description": "\nUse this function to add a custom icon library to the registry or overrides an existing one.\nProvide a resolver function that returns the URL of the icon based on its name.\nOptionally, provide a mutator function that modifies the SVG element of the icon.\n\nTwo icon libraries are included by default:\n- `system` (System icons used by `flow-rdf-ui` components)\n- `default` (FontAwesome 5.15.4)\n\nTo use a custom icon library, set the `library` property of the `<flow-ui-icon>` component\nto the registered name of the library. If omitted, the `default` library is used.\n\n```typescript\n// Register FontAwesome icon library using SVGs from Flo.w CDN\nregisterIconLibrary('fa', {\n  resolver: (name) => {\n    const filename = name.replace(/^fa[rbs]-/, '');\n    let folder = 'regular';\n    if (name.substring(0, 4) === 'fas-') folder = 'solid';\n    if (name.substring(0, 4) === 'fab-') folder = 'brands';\n    return `https://flow-cdn.emu-analytics.net/icons/fontawesome-6.4.2/${folder}/${filename}.svg`;\n  },\n  mutator: (svg) => svg.setAttribute('fill', 'currentColor')\n});\n```\n\n```html\n<flow-ui-icon library=\"fa\" name=\"fas-house\"></flow-ui-icon>\n```"
+          "description": "\nUse this function to add a custom icon library to the registry or override an existing one.\nProvide a resolver function that returns the URL of the icon based on its name.\nOptionally, provide a mutator function that modifies the SVG element of the icon.\n\nTwo icon libraries are included by default:\n- `system` (System icons used by `flow-rdf-ui` components)\n- `default` (FontAwesome 6.4.2)\n\nTo use a custom icon library, set the `library` property of the `<flow-ui-icon>` component\nto the registered name of the library. If omitted, the `default` library is used.\n\n```typescript\n// Register FontAwesome icon library using SVGs from Flo.w CDN\nregisterIconLibrary('fa', {\n  resolver: (name) => {\n    const filename = name.replace(/^fa[rbs]-/, '');\n    let folder = 'regular';\n    if (name.substring(0, 4) === 'fas-') folder = 'solid';\n    if (name.substring(0, 4) === 'fab-') folder = 'brands';\n    return `https://flow-cdn.emu-analytics.net/icons/fontawesome-6.4.2/${folder}/${filename}.svg`;\n  },\n  mutator: (svg) => svg.setAttribute('fill', 'currentColor')\n});\n```\n\n```html\n<flow-ui-icon library=\"fa\" name=\"fas-house\"></flow-ui-icon>\n```"
         },
         {
           "kind": "function",
@@ -8722,713 +8698,278 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/icon-button/icon-button.component.js",
+      "path": "components/input/input.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiIconButton",
+          "name": "FlowUiInput",
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tooltip content to display when the user hovers over the icon button. Alternatively, you can use the `tooltip` attribute.",
-              "name": "tooltip"
-            }
-          ],
-          "members": [
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
+            },
             {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'tooltip')"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "kind": "field",
-              "name": "tooltipAnimating",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "attribute": "name"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "field",
-              "name": "library",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of a registered custom icon library.",
-              "attribute": "library"
+              "description": "The internal `<input>` control.",
+              "name": "input"
             },
             {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "attribute": "src"
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The clear button.",
+              "name": "clear-button"
+            },
+            {
+              "description": "The password toggle button.",
+              "name": "password-toggle-button"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            }
+          ],
+          "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"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_numberFormatter",
               "type": {
-                "text": "string | undefined"
+                "text": "(val: string | number | undefined) => string"
               },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "privacy": "private",
+              "default": "DEFAULT_FORMATTER"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "hasFocus",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "boolean"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "attribute": "download"
+              "default": "'text'",
+              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
+              "attribute": "type",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
-              "attribute": "label"
+              "description": "The name of the input, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "tooltip",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
-              "attribute": "tooltip"
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "tooltipPlacement",
+              "name": "defaultValue",
               "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+                "text": "string"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "attribute": "tooltip-placement"
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
               "kind": "field",
-              "name": "tooltipDistance",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
-              "attribute": "tooltip-distance"
+              "default": "'medium'",
+              "description": "The input's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tooltipSkidding",
+              "name": "filled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along the icon button.",
-              "attribute": "tooltip-skidding"
+              "default": "false",
+              "description": "Draws a filled input.",
+              "attribute": "filled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the button.",
-              "attribute": "disabled",
+              "description": "Draws a pill-style input with rounded edges.",
+              "attribute": "pill",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "confirm",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
-              "attribute": "confirm"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
+              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
             },
             {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
+              "kind": "field",
+              "name": "helpText",
+              "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"
             },
             {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the input is not empty.",
+              "attribute": "clearable"
             },
             {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the icon button."
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the input.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the icon button."
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the input is empty.",
+              "attribute": "placeholder"
             },
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the icon button."
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
+              "attribute": "format"
             },
             {
-              "kind": "method",
-              "name": "hideConfirm",
-              "description": "Hide the confirmation tooltip if it is showing"
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input readonly.",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "showConfirm",
-              "description": "Show the confirmation tooltip"
-            },
-            {
-              "kind": "method",
-              "name": "handleConfirmClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderWithTooltip",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "contents",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderWithConfirmation",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "contents",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the icon button loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur"
-            },
-            {
-              "description": "Emitted when the icon button gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "fieldName": "name"
-            },
-            {
-              "name": "library",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of a registered custom icon library.",
-              "fieldName": "library"
-            },
-            {
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "fieldName": "src"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
-              "fieldName": "label"
-            },
-            {
-              "name": "tooltip",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
-              "fieldName": "tooltip"
-            },
-            {
-              "name": "tooltip-placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "fieldName": "tooltipPlacement"
-            },
-            {
-              "name": "tooltip-distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
-              "fieldName": "tooltipDistance"
-            },
-            {
-              "name": "tooltip-skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along the icon button.",
-              "fieldName": "tooltipSkidding"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the button.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "confirm",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
-              "fieldName": "confirm"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-icon-button",
-          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon-button",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon",
-            "flow-ui-tooltip"
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiIconButton",
-            "module": "components/icon-button/icon-button.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/icon-button/icon-button.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon-button.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowUiIconButton",
-            "module": "components/icon-button/icon-button.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/input/input.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowUiInput",
-          "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"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "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 password toggle button.",
-              "name": "password-toggle-button"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            }
-          ],
-          "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"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "_numberFormatter",
-              "type": {
-                "text": "(val: string | number | undefined) => string"
-              },
-              "privacy": "private",
-              "default": "DEFAULT_FORMATTER"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
-              },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "attribute": "type",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the input, submitted as a name/value pair with form data.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "filled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a filled input.",
-              "attribute": "filled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style input with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the input.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "format",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
-              "attribute": "format"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the input readonly.",
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "passwordToggle",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "attribute": "password-toggle"
+              "kind": "field",
+              "name": "passwordToggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
+              "attribute": "password-toggle"
             },
             {
               "kind": "field",
@@ -9873,307 +9414,742 @@
               "reactName": "onFlowUiChange"
             },
             {
-              "description": "Emitted when the clear button is activated.",
-              "name": "flow-ui-clear",
-              "reactName": "onFlowUiClear"
+              "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"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
+              },
+              "default": "'text'",
+              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
+              "fieldName": "type"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the input, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, 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": "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"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the input is not empty.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the input.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the input is empty.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
+              "fieldName": "format"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input readonly.",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "password-toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
+              "fieldName": "passwordToggle"
+            },
+            {
+              "name": "password-visible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
+              "fieldName": "passwordVisible"
+            },
+            {
+              "name": "no-spin-buttons",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
+              "fieldName": "noSpinButtons"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "fieldName": "pattern"
+            },
+            {
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum length of input that will be considered valid.",
+              "fieldName": "minlength"
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum length of input that will be considered valid.",
+              "fieldName": "maxlength"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "The input's minimum value. Only applies to date and number input types.",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "The input's maximum value. Only applies to date and number input types.",
+              "fieldName": "max"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number | 'any'"
+              },
+              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
+              "fieldName": "step"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus"
+              "name": "autocapitalize",
+              "type": {
+                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+              },
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "fieldName": "autocapitalize"
             },
             {
-              "description": "Emitted when the control receives input.",
-              "name": "flow-ui-input",
-              "reactName": "onFlowUiInput"
+              "name": "autocorrect",
+              "type": {
+                "text": "'off' | 'on'"
+              },
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
+              "fieldName": "autocorrect"
             },
             {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "flow-ui-invalid",
-              "reactName": "onFlowUiInvalid"
-            }
-          ],
-          "attributes": [
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "fieldName": "autocomplete"
+            },
             {
-              "name": "type",
+              "name": "autofocus",
               "type": {
-                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
+                "text": "boolean"
               },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "fieldName": "type"
+              "description": "Indicates that the input should receive focus on page load.",
+              "fieldName": "autofocus"
             },
             {
-              "name": "name",
+              "name": "enterkeyhint",
               "type": {
-                "text": "string"
+                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               },
-              "default": "''",
-              "description": "The name of the input, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "fieldName": "enterkeyhint"
             },
             {
-              "name": "value",
+              "name": "spellcheck",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "true",
+              "description": "Enables spell checking on the input.",
+              "fieldName": "spellcheck"
             },
             {
-              "name": "size",
+              "name": "inputmode",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
               },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "fieldName": "size"
+              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+              "fieldName": "inputmode"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfFormControl",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-input",
+          "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-button"
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiInput",
+            "module": "components/input/input.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input/input.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./input.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowUiInput",
+            "module": "components/input/input.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/icon-button/icon-button.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowUiIconButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tooltip content to display when the user hovers over the icon button. Alternatively, you can use the `tooltip` attribute.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'tooltip')"
             },
             {
-              "name": "filled",
+              "kind": "field",
+              "name": "tooltipAnimating",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Draws a filled input.",
-              "fieldName": "filled"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "pill",
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Draws a pill-style input with rounded edges.",
-              "fieldName": "pill"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "attribute": "name"
             },
             {
-              "name": "help-text",
+              "kind": "field",
+              "name": "library",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "description": "The name of a registered custom icon library.",
+              "attribute": "library"
             },
             {
-              "name": "clearable",
+              "kind": "field",
+              "name": "src",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "attribute": "src"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Disables the input.",
-              "fieldName": "disabled"
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href"
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "attribute": "download"
+            },
+            {
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Placeholder text to show as a hint when the input is empty.",
-              "fieldName": "placeholder"
+              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
+              "attribute": "label"
             },
             {
-              "name": "format",
+              "kind": "field",
+              "name": "tooltip",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
-              "fieldName": "format"
+              "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
+              "attribute": "tooltip"
             },
             {
-              "name": "readonly",
+              "kind": "field",
+              "name": "tooltipPlacement",
               "type": {
-                "text": "boolean"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
-              "default": "false",
-              "description": "Makes the input readonly.",
-              "fieldName": "readonly"
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "attribute": "tooltip-placement"
             },
             {
-              "name": "password-toggle",
+              "kind": "field",
+              "name": "tooltipDistance",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "fieldName": "passwordToggle"
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
+              "attribute": "tooltip-distance"
             },
             {
-              "name": "password-visible",
+              "kind": "field",
+              "name": "tooltipSkidding",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "fieldName": "passwordVisible"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along the icon button.",
+              "attribute": "tooltip-skidding"
             },
             {
-              "name": "no-spin-buttons",
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
-              "fieldName": "noSpinButtons"
+              "description": "Disables the button.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "form",
+              "kind": "field",
+              "name": "confirm",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
+              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
+              "attribute": "confirm"
             },
             {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the input a required field.",
-              "fieldName": "required"
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
-              "name": "pattern",
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the icon button."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the icon button."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the icon button."
+            },
+            {
+              "kind": "method",
+              "name": "hideConfirm",
+              "description": "Hide the confirmation tooltip if it is showing"
+            },
+            {
+              "kind": "method",
+              "name": "showConfirm",
+              "description": "Show the confirmation tooltip"
+            },
+            {
+              "kind": "method",
+              "name": "handleConfirmClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderWithTooltip",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "contents",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderWithConfirmation",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "contents",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the icon button loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur"
+            },
+            {
+              "description": "Emitted when the icon button gains focus.",
+              "name": "flow-ui-focus",
+              "reactName": "onFlowUiFocus"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "A regular expression pattern to validate input against.",
-              "fieldName": "pattern"
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "fieldName": "name"
             },
             {
-              "name": "minlength",
+              "name": "library",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "description": "The minimum length of input that will be considered valid.",
-              "fieldName": "minlength"
+              "description": "The name of a registered custom icon library.",
+              "fieldName": "library"
             },
             {
-              "name": "maxlength",
+              "name": "src",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "description": "The maximum length of input that will be considered valid.",
-              "fieldName": "maxlength"
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "fieldName": "src"
             },
             {
-              "name": "min",
+              "name": "href",
               "type": {
-                "text": "number | string"
+                "text": "string | undefined"
               },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "fieldName": "min"
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href"
             },
             {
-              "name": "max",
+              "name": "target",
               "type": {
-                "text": "number | string"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "fieldName": "max"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
             },
             {
-              "name": "step",
+              "name": "download",
               "type": {
-                "text": "number | 'any'"
+                "text": "string | undefined"
               },
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "fieldName": "step"
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "fieldName": "download"
             },
             {
-              "name": "autocapitalize",
+              "name": "label",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "string"
               },
-              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "fieldName": "autocapitalize"
+              "default": "''",
+              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
+              "fieldName": "label"
             },
             {
-              "name": "autocorrect",
+              "name": "tooltip",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "string"
               },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
+              "default": "''",
+              "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
+              "fieldName": "tooltip"
             },
             {
-              "name": "autocomplete",
+              "name": "tooltip-placement",
               "type": {
-                "text": "string"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "fieldName": "tooltipPlacement"
             },
             {
-              "name": "autofocus",
+              "name": "tooltip-distance",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Indicates that the input should receive focus on page load.",
-              "fieldName": "autofocus"
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
+              "fieldName": "tooltipDistance"
             },
             {
-              "name": "enterkeyhint",
+              "name": "tooltip-skidding",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "number"
               },
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "fieldName": "enterkeyhint"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along the icon button.",
+              "fieldName": "tooltipSkidding"
             },
             {
-              "name": "spellcheck",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Enables spell checking on the input.",
-              "fieldName": "spellcheck"
+              "default": "false",
+              "description": "Disables the button.",
+              "fieldName": "disabled"
             },
             {
-              "name": "inputmode",
+              "name": "confirm",
               "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
+                "text": "string"
               },
-              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "fieldName": "inputmode"
+              "default": "''",
+              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
+              "fieldName": "confirm"
             }
           ],
           "superclass": {
-            "name": "FlowRdfFormControl",
+            "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-input",
-          "summary": "Inputs collect data from the user.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
+          "tagName": "flow-ui-icon-button",
+          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon-button",
           "status": "stable",
           "since": "2.0",
           "dependencies": [
             "flow-ui-icon",
-            "flow-ui-icon-button"
+            "flow-ui-tooltip"
           ],
           "customElement": true
         }
@@ -10183,15 +10159,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiInput",
-            "module": "components/input/input.component.js"
+            "name": "FlowUiIconButton",
+            "module": "components/icon-button/icon-button.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input/input.js",
+      "path": "components/icon-button/icon-button.js",
       "declarations": [],
       "exports": [
         {
@@ -10199,15 +10175,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./input.component"
+            "package": "./icon-button.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiInput",
-            "module": "components/input/input.js"
+            "name": "FlowUiIconButton",
+            "module": "components/icon-button/icon-button.js"
           }
         }
       ]
@@ -12240,7 +12216,7 @@
           ],
           "superclass": {
             "name": "FlowRDfElement",
-            "module": "/src/internal/flow-ui-rdf-element.js"
+            "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-popup",
           "summary": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.",
@@ -12268,7 +12244,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./popup.component.js"
+            "package": "./popup.component"
           }
         },
         {
@@ -13446,6 +13422,11 @@
             }
           ],
           "events": [
+            {
+              "description": "Emitted when the control's value changes.",
+              "name": "flow-ui-input",
+              "reactName": "onFlowUiInput"
+            },
             {
               "description": "Emitted when the control's value changes.",
               "name": "flow-ui-change",
@@ -14922,7 +14903,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./scroll-view.component.js"
+            "package": "./scroll-view.component"
           }
         },
         {
@@ -15930,7 +15911,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./select.component.js"
+            "package": "./select.component"
           }
         },
         {
@@ -16414,7 +16395,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view.component.js"
+            "package": "./split-view.component"
           }
         },
         {
@@ -16555,7 +16536,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-divider.component.js"
+            "package": "./split-view-divider.component"
           }
         },
         {
@@ -16953,7 +16934,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-toggle-button.component.js"
+            "package": "./split-view-toggle-button.component"
           }
         },
         {
@@ -18758,7 +18739,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tag.component.js"
+            "package": "./tag.component"
           }
         },
         {
@@ -19510,7 +19491,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./textarea.component.js"
+            "package": "./textarea.component"
           }
         },
         {
@@ -19871,6 +19852,16 @@
               "description": "Set to `true` to hide the timezone display.",
               "attribute": "hide-zone"
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-start' | 'bottom-end'"
+              },
+              "default": "'bottom-start'",
+              "description": "The placement of the calendar popup relative to the timer control.",
+              "attribute": "placement"
+            },
             {
               "kind": "method",
               "name": "setDisplayDateTime",
@@ -20065,6 +20056,15 @@
               "default": "false",
               "description": "Set to `true` to hide the timezone display.",
               "fieldName": "hideZone"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-start' | 'bottom-end'"
+              },
+              "default": "'bottom-start'",
+              "description": "The placement of the calendar popup relative to the timer control.",
+              "fieldName": "placement"
             }
           ],
           "superclass": {
@@ -20097,7 +20097,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./timer.component.js"
+            "package": "./timer.component"
           }
         },
         {
@@ -21577,6 +21577,11 @@
             }
           ],
           "events": [
+            {
+              "description": "Emitted when a tree item is selected or deselected.",
+              "name": "flow-ui-input",
+              "reactName": "onFlowUiInput"
+            },
             {
               "description": "Emitted when a tree item is selected or deselected.",
               "name": "flow-ui-change",
@@ -22064,6 +22069,111 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/query-builder/converters/flow-query-converters.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "converter",
+          "parameters": [
+            {
+              "name": "ruleset",
+              "type": {
+                "text": "FlowQueryBuilderRuleSet"
+              }
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "FlowQueryBuilderConfig"
+              }
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "FlowQueryBuilderConverterOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "converter",
+            "module": "components/query-builder/converters/flow-query-converters.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/query-builder/converters/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "flowQueryConverter",
+          "declaration": {
+            "name": "flowQueryConverter",
+            "module": "components/query-builder/converters/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mapLayerFilterConverter",
+          "declaration": {
+            "name": "mapLayerFilterConverter",
+            "module": "components/query-builder/converters/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/query-builder/converters/map-layer-filter-converter.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "converter",
+          "parameters": [
+            {
+              "name": "ruleset",
+              "type": {
+                "text": "FlowQueryBuilderRuleSet"
+              }
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "FlowQueryBuilderConfig"
+              }
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "FlowQueryBuilderConverterOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "converter",
+            "module": "components/query-builder/converters/map-layer-filter-converter.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/chart/chartjs-plugins/interaction.interpolate.js",
@@ -22289,115 +22399,10 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/query-builder/converters/flow-query-converters.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "converter",
-          "parameters": [
-            {
-              "name": "ruleset",
-              "type": {
-                "text": "FlowQueryBuilderRuleSet"
-              }
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "FlowQueryBuilderConfig"
-              }
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "FlowQueryBuilderConverterOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "converter",
-            "module": "components/query-builder/converters/flow-query-converters.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/query-builder/converters/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "flowQueryConverter",
-          "declaration": {
-            "name": "flowQueryConverter",
-            "module": "components/query-builder/converters/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "mapLayerFilterConverter",
-          "declaration": {
-            "name": "mapLayerFilterConverter",
-            "module": "components/query-builder/converters/index.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/query-builder/converters/map-layer-filter-converter.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "converter",
-          "parameters": [
-            {
-              "name": "ruleset",
-              "type": {
-                "text": "FlowQueryBuilderRuleSet"
-              }
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "FlowQueryBuilderConfig"
-              }
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "FlowQueryBuilderConverterOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "converter",
-            "module": "components/query-builder/converters/map-layer-filter-converter.js"
-          }
-        }
-      ]
     }
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "4.0.5"
+    "version": "4.0.6"
   }
 }