@emuanalytics/flow-rdf-ui 0.0.18-alpha.0 → 0.0.18-alpha.10

package/dist/custom-elements.json

@@ -257,466 +257,166 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/animation/animation.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
+          "name": "FlowAnimation",
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "animation",
               "type": {
-                "text": "boolean"
+                "text": "Animation | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "hasStarted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "defaultSlot",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+                "text": "Promise<HTMLSlotElement>"
+              }
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "'none'",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "play",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "attribute": "play",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "delay",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "number"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "attribute": "delay"
             },
             {
-              "kind": "method",
-              "name": "handleImageChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "image",
+              "kind": "field",
+              "name": "direction",
               "type": {
-                "text": "string"
+                "text": "PlaybackDirection"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "default": "'normal'",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "attribute": "direction"
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "duration",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "attribute": "duration"
             },
             {
-              "name": "initials",
+              "kind": "field",
+              "name": "easing",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'linear'",
+              "description": "The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "attribute": "easing"
             },
             {
-              "name": "loading",
+              "kind": "field",
+              "name": "endDelay",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "attribute": "end-delay"
             },
             {
-              "name": "shape",
+              "kind": "field",
+              "name": "fill",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "FillMode"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Avatars are used to represent a person or object.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-avatar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-avatar",
-          "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "attribute": "fill"
+            },
             {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "attribute": "iterations"
+            },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "iterationStart",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "number"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "attribute": "iteration-start"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "keyframes",
               "type": {
-                "text": "boolean"
+                "text": "Keyframe[] | undefined"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "playbackRate",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "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"
+            },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "currentTime",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "number"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
-          "status": "stable",
-          "since": "2.0",
-          "tagName": "flow-ui-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-badge",
-          "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/animation/animation.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowAnimation",
-          "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>"
-              }
-            },
-            {
-              "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.",
-              "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 Flo.w RDF UI 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": "number"
-              },
-              "description": "Gets and sets the current animation time."
+              "description": "Gets and sets the current animation time."
             },
             {
               "kind": "method",
@@ -974,39 +674,61 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/button-group/button-group.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowButtonGroup",
+          "name": "FlowAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
-              "name": ""
+              "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": "defaultSlot",
+              "name": "hasError",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "disableRole",
+              "name": "image",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
@@ -1015,109 +737,104 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
               "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "vertical",
+              "name": "initials",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleVerticalChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
             },
             {
-              "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
-              "kind": "method",
-              "name": "handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "name": "handleImageChange"
             }
           ],
           "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": "vertical",
+              "name": "initials",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "fieldName": "vertical"
+              "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"
           },
-          "summary": "Button groups can be used to group related buttons into sections.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
+          "summary": "Avatars are used to represent a person or object.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-button-group",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-avatar",
           "customElement": true
         }
       ],
@@ -1126,16 +843,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-button-group",
+          "name": "flow-ui-avatar",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
@@ -1962,12 +1679,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumb",
+          "name": "FlowButtonGroup",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -1976,27 +1693,11 @@
           ],
           "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",
@@ -2006,10 +1707,11 @@
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "disableRole",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
@@ -2018,13 +1720,74 @@
                 "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": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "attribute": "vertical",
+              "reflects": true
+            },
             {
               "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
+              "name": "handleVerticalChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "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",
@@ -2039,22 +1802,27 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
               "fieldName": "label"
+            },
+            {
+              "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"
           },
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "summary": "Button groups can be used to group related buttons into sections.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-breadcrumb",
+          "tagName": "flow-ui-button-group",
           "customElement": true
         }
       ],
@@ -2063,8 +1831,240 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-button-group",
+          "declaration": {
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowBadge",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
+          "status": "stable",
+          "since": "2.0",
+          "tagName": "flow-ui-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-badge",
+          "declaration": {
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumb/breadcrumb.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowBreadcrumb",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more breadcrumb items to display.",
+              "name": ""
+            },
+            {
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "separatorDir",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "separatorSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "attribute": "label"
+            },
+            {
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         },
         {
@@ -3175,50 +3175,192 @@
           "name": "FlowChart",
           "cssProperties": [
             {
-              "description": "The color of the divider.",
-              "name": "--color"
+              "description": "General text color (titles etc.)",
+              "name": "--text-color"
             },
             {
-              "description": "The width of the divider.",
-              "name": "--width"
+              "description": "Color of the axis lines.",
+              "name": "--axis-color"
             },
             {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
-            }
-          ],
-          "members": [
+              "description": "Color of the x-axis lines. (defaults to `--axis-color`)",
+              "name": "--x-axis-color"
+            },
             {
-              "kind": "field",
-              "name": "chartRef",
-              "type": {
-                "text": "Ref<HTMLCanvasElement>"
-              },
-              "privacy": "private"
+              "description": "Color of the y-axis lines. (defaults to `--axis-color`)",
+              "name": "--y-axis-color"
             },
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "type"
+              "description": "Color of the axis grid lines.",
+              "name": "--axis-grid-color"
             },
             {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "any"
+              "description": "Color of the x-axis grid lines. (defaults to `--axis-grid-color`)",
+              "name": "--x-axis-grid-color"
+            },
+            {
+              "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
+              "name": "--y-axis-grid-color"
+            },
+            {
+              "description": "Color of the axis labels.",
+              "name": "--axis-label-color"
+            },
+            {
+              "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
+              "name": "--x-axis-label-color"
+            },
+            {
+              "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
+              "name": "--y-axis-label-color"
+            },
+            {
+              "description": "Color of the tick labels.",
+              "name": "--tick-label-color"
+            },
+            {
+              "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
+              "name": "--x-tick-label-color"
+            },
+            {
+              "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
+              "name": "--y-tick-label-color"
+            },
+            {
+              "description": "Color of the stroke for dataset n (where n = 0-9).",
+              "name": "--dataset-stroke-color-n"
+            },
+            {
+              "description": "Color of the fill for dataset n (where n = 0-9).",
+              "name": "--dataset-fill-color-n"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The base container of the chart.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_chartRef",
+              "type": {
+                "text": "Ref<HTMLCanvasElement>"
               },
-              "attribute": "data"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_chart",
+              "type": {
+                "text": "Chart | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_dataItems",
+              "type": {
+                "text": "Array<FlowChartData>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_scaleItems",
+              "type": {
+                "text": "Array<FlowChartScale>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "chart",
+              "description": "The Chart.js chart instance.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "chartTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "The title of the chart (optional - leave as `undefined` to omit).",
+              "attribute": "chart-title"
             },
             {
               "kind": "field",
               "name": "options",
               "type": {
-                "text": "any"
+                "text": "ChartOptions"
               },
+              "description": "The Chart.js `options` object.",
               "attribute": "options"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData"
+              },
+              "description": "The Chart.js `data` object",
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "plugins",
+              "type": {
+                "text": "Plugin[]"
+              },
+              "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
+              "attribute": "plugins"
+            },
+            {
+              "kind": "method",
+              "name": "repaint",
+              "description": "Trigger a repaint of the chart."
+            },
+            {
+              "kind": "field",
+              "name": "combinedOptions",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "chartData",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "chartScales",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FlowChangeEvent"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
@@ -3227,31 +3369,50 @@
               "type": {
                 "text": "string"
               },
+              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
               "fieldName": "type"
             },
             {
-              "name": "data",
+              "name": "chart-title",
               "type": {
-                "text": "any"
+                "text": "string"
               },
-              "fieldName": "data"
+              "description": "The title of the chart (optional - leave as `undefined` to omit).",
+              "fieldName": "chartTitle"
             },
             {
               "name": "options",
               "type": {
-                "text": "any"
+                "text": "ChartOptions"
               },
+              "description": "The Chart.js `options` object.",
               "fieldName": "options"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "ChartData"
+              },
+              "description": "The Chart.js `data` object",
+              "fieldName": "data"
+            },
+            {
+              "name": "plugins",
+              "type": {
+                "text": "Plugin[]"
+              },
+              "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
+              "fieldName": "plugins"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Dividers are used to visually separate or group elements.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-chart",
+          "summary": "The chart component displays Chart.js charts.\n\nThe chart component is a container for [Chart.js](https://www.chartjs.org/) charts. The component\nsupplies additional Flow RDF UI features including:\n\n- Consistent theming with other flow-rdf-ui components.\n- Additional plugins and charts types for commonly-used charts.\n- Convenience child components (`flow-ui-chart-data` and `flow-ui-chart-scale`) for defining chart data and scales.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -3290,296 +3451,583 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/checkbox.js",
+      "path": "components/chart-data/chart-data.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowCheckbox",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The square container that wraps the checkbox's checked state.",
-              "name": "control"
-            },
-            {
-              "description": "Matches the control part when the checkbox is checked.",
-              "name": "control--checked"
-            },
-            {
-              "description": "Matches the control part when the checkbox is indeterminate.",
-              "name": "control--indeterminate"
-            },
-            {
-              "description": "The checked icon, an `<flow-ui-icon>` element.",
-              "name": "checked-icon"
-            },
-            {
-              "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
-              "name": "indeterminate-icon"
-            },
-            {
-              "description": "The container that wraps the checkbox's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The checkbox's label.",
-              "name": ""
-            }
-          ],
+          "name": "FlowChartData",
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n    value: (control: FlowCheckbox) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: FlowCheckbox) => control.defaultChecked,\n    setValue: (control: FlowCheckbox, checked: boolean) => (control.checked = checked)\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "input",
+              "name": "datasetSpec",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "ChartDataset"
+              },
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "hasFocus",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "The dataset label to use in the chart legend.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "data",
               "type": {
-                "text": "string"
+                "text": "any[]"
               },
-              "default": "''",
-              "attribute": "title"
+              "description": "The data to associate with this dataset.",
+              "attribute": "data"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "x",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "description": "The data property to use for the x value.",
+              "attribute": "x"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "y",
               "type": {
                 "text": "string"
               },
-              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "description": "The data property to use for the y value.",
+              "attribute": "y"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "options",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "any"
               },
-              "default": "'medium'",
-              "description": "The checkbox's size.",
-              "attribute": "size",
-              "reflects": true
+              "default": "{}",
+              "description": "Additional Chart.js options to merge with the dataset.",
+              "attribute": "options"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "kind": "method",
+              "name": "createRenderRoot",
+              "privacy": "protected"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the checkbox.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "The dataset label to use in the chart legend.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "checked",
+              "name": "data",
               "type": {
-                "text": "boolean"
+                "text": "any[]"
               },
-              "default": "false",
-              "description": "Draws the checkbox in a checked state.",
-              "attribute": "checked",
-              "reflects": true
+              "description": "The data to associate with this dataset.",
+              "fieldName": "data"
             },
             {
-              "kind": "field",
-              "name": "indeterminate",
+              "name": "x",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
-              "attribute": "indeterminate",
-              "reflects": true
+              "description": "The data property to use for the x value.",
+              "fieldName": "x"
             },
             {
-              "kind": "field",
-              "name": "defaultChecked",
+              "name": "y",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "description": "The data property to use for the y value.",
+              "fieldName": "y"
             },
             {
-              "kind": "field",
-              "name": "form",
+              "name": "options",
               "type": {
-                "text": "string"
+                "text": "any"
               },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
-            },
+              "default": "{}",
+              "description": "Additional Chart.js options to merge with the dataset.",
+              "fieldName": "options"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "The chart data component is used with the chart component to specify a dataset to display.\n\nThe chart data component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a dataset for a chart.\n\nChart datasets can also be defined using the `data` property of the parent `flow-ui-chart` component.\nDataset configuration provided by the `flow-ui-chart-data` component is merged with the parent `flow-ui-chart` configuration."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChartData",
+            "module": "components/chart-data/chart-data.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart-data/chart-data.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart-data.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChartData",
+            "module": "components/chart-data/chart-data.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart-scale/chart-scale.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowChartScale",
+          "members": [
             {
               "kind": "field",
-              "name": "required",
+              "name": "scaleSpec",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "attribute": "required",
-              "reflects": true
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The scale name used to identify the scale.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The scale type (e.g. `linear`, `category`).",
+              "attribute": "type"
             },
             {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The axis label. Leave as `undefined` to omit.",
+              "attribute": "label"
             },
             {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "any"
+              },
+              "description": "Additional Chart.js options to merge with the scale.",
+              "attribute": "options"
             },
             {
               "kind": "method",
-              "name": "handleInput",
-              "privacy": "private"
-            },
+              "name": "createRenderRoot",
+              "privacy": "protected"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The scale name used to identify the scale.",
+              "fieldName": "name"
             },
             {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The scale type (e.g. `linear`, `category`).",
+              "fieldName": "type"
             },
             {
-              "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The axis label. Leave as `undefined` to omit.",
+              "fieldName": "label"
             },
             {
-              "kind": "method",
-              "name": "handleStateChange"
-            },
+              "name": "options",
+              "type": {
+                "text": "any"
+              },
+              "description": "Additional Chart.js options to merge with the scale.",
+              "fieldName": "options"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "The chart scale component is used with the chart component to specify a scale.\n\nThe chart scale component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a scale for a chart.\n\nChart scales can also be defined using the `options` property of the parent `flow-ui-chart` component.\nScale configuration provided by the `flow-ui-chart-scale` component is merged with the parent `flow-ui-chart` configuration."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChartScale",
+            "module": "components/chart-scale/chart-scale.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart-scale/chart-scale.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart-scale.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChartScale",
+            "module": "components/chart-scale/chart-scale.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox/checkbox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowCheckbox",
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the checkbox."
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the checkbox."
+              "description": "The square container that wraps the checkbox's checked state.",
+              "name": "control"
             },
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the checkbox."
+              "description": "Matches the control part when the checkbox is checked.",
+              "name": "control--checked"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "description": "Matches the control part when the checkbox is indeterminate.",
+              "name": "control--indeterminate"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
+              "description": "The checked icon, an `<flow-ui-icon>` element.",
+              "name": "checked-icon"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
+              "name": "indeterminate-icon"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string."
+              "description": "The container that wraps the checkbox's label.",
+              "name": "label"
             }
           ],
-          "events": [
+          "slots": [
             {
-              "description": "Emitted when the checkbox loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur"
-            },
+              "description": "The checkbox's label.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
-              "description": "Emitted when the checked state changes.",
-              "name": "flow-ui-change",
-              "reactName": "onFlowUiChange"
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    value: (control: FlowCheckbox) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: FlowCheckbox) => control.defaultChecked,\n    setValue: (control: FlowCheckbox, checked: boolean) => (control.checked = checked)\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The checkbox's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the checkbox in a checked state.",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultChecked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleStateChange"
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the checkbox."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the checkbox."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the checkbox."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the checkbox loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur"
+            },
+            {
+              "description": "Emitted when the checked state changes.",
+              "name": "flow-ui-change",
+              "reactName": "onFlowUiChange"
             },
             {
               "description": "Emitted when the checkbox gains focus.",
@@ -12558,92 +13006,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/spinner/spinner.js",
+      "path": "components/select/select.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowSpinner",
-          "cssProperties": [
+          "name": "FlowSelect",
+          "cssParts": [
             {
-              "description": "The width of the track.",
-              "name": "--track-width"
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The color of the track.",
-              "name": "--track-color"
-            },
-            {
-              "description": "The color of the spinner's indicator.",
-              "name": "--indicator-color"
-            },
-            {
-              "description": "The time it takes for the spinner to complete one animation cycle.",
-              "name": "--speed"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Spinners are used to show the progress of an indeterminate operation.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
-          "status": "stable",
-          "since": "2.0",
-          "tagName": "flow-ui-spinner",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSpinner",
-            "module": "components/spinner/spinner.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-spinner",
-          "declaration": {
-            "name": "FlowSpinner",
-            "module": "components/spinner/spinner.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/select/select.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowSelect",
-          "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 label's wrapper.",
+              "name": "form-control-label"
             },
             {
               "description": "The select's wrapper.",
@@ -13527,484 +13903,46 @@
             {
               "name": "help-text",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
-            },
-            {
-              "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": "The select's required attribute.",
-              "fieldName": "required"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Selects allow you to choose items from a menu of predefined options.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/select",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon",
-            "flow-ui-popup",
-            "flow-ui-tag"
-          ],
-          "tagName": "flow-ui-select",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSelect",
-            "module": "components/select/select.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-select",
-          "declaration": {
-            "name": "FlowSelect",
-            "module": "components/select/select.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view/split-view.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowSplitView",
-          "members": [
-            {
-              "kind": "field",
-              "name": "animatingPanelIndex",
-              "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_panels",
-              "type": {
-                "text": "FlowSplitViewPane[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "boundingRect",
-              "type": {
-                "text": "DOMRect | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dragTargetPanel",
-              "type": {
-                "text": "FlowSplitViewPane | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "mutationObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "noDragClose",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "no-drag-close"
-            },
-            {
-              "kind": "field",
-              "name": "positions",
-              "type": {
-                "text": "string[]"
-              },
-              "privacy": "public",
-              "default": "['auto', 'auto', 'auto', 'auto']",
-              "attribute": "positions"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "panelSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "splitView",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "dragging",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "dragging",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "actualPanelSize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowSplitViewPane"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "growPanels",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "startIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "panel index to start growing from"
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  },
-                  "description": "1 (right/down) or -1 (left/up)"
-                },
-                {
-                  "name": "canOpen",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "amount",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "Number of pixels to grow by"
-                },
-                {
-                  "name": "dryRun",
-                  "default": "false",
-                  "description": "if true, don't actually row panels, just calculate the amount that can be grown"
-                },
-                {
-                  "description": "whether panels can be opened to grow space",
-                  "name": "caOpen"
-                }
-              ],
-              "description": "Grow panels starting from startIndex in specified direction by resizing panels\nup to their maximum size and (optionally) opening panels.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleCollapseExpand",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "FlowCollapseEvent | FlowExpandEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDrag",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "FlowDragEvent"
-                  }
-                }
-              ],
-              "description": "This is called repeatedly as the user drags a panel divider.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleDragEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDragStart",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "FlowDragEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerLeave",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleTransitionEnd",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TransitionEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isPanel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "element is FlowSplitViewPane"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "unknown"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "layoutPanels",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resizePanels",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "shrinkPanels",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "startIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "panel index to start shrinking from"
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  },
-                  "description": "1 (right/down) or -1 (left/up)"
-                },
-                {
-                  "name": "canClose",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "whether panels can be closed to make space"
-                },
-                {
-                  "name": "amount",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "Number of pixels to shrink by"
-                },
-                {
-                  "name": "dryRun",
-                  "default": "false",
-                  "description": "if true, don't actually shrink panels, just calculate the amount that can be shrunk"
-                }
-              ],
-              "description": "Shrink panels starting from startIndex in specified direction by resizing panels\ndown to their minimum size and (optionally) closing panels.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "sizeToPixels",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "size",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePanelAdded",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowSplitViewPane"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePanelRemoved",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowSplitViewPane"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updatePanelInfo",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "no-drag-close",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "noDragClose"
-            },
-            {
-              "name": "positions",
-              "type": {
-                "text": "string[]"
+                "text": "string"
               },
-              "default": "['auto', 'auto', 'auto', 'auto']",
-              "fieldName": "positions"
+              "default": "''",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "name": "vertical",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "vertical"
+              "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": "dragging",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "dragging"
+              "description": "The select's required attribute.",
+              "fieldName": "required"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
+          "summary": "Selects allow you to choose items from a menu of predefined options.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/select",
           "status": "stable",
-          "since": "2.0"
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon",
+            "flow-ui-popup",
+            "flow-ui-tag"
+          ],
+          "tagName": "flow-ui-select",
+          "customElement": true
         }
       ],
       "exports": [
@@ -14012,38 +13950,95 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.component.js"
+            "name": "FlowSelect",
+            "module": "components/select/select.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-select",
+          "declaration": {
+            "name": "FlowSelect",
+            "module": "components/select/select.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view/split-view.js",
-      "declarations": [],
+      "path": "components/spinner/spinner.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowSpinner",
+          "cssProperties": [
+            {
+              "description": "The width of the track.",
+              "name": "--track-width"
+            },
+            {
+              "description": "The color of the track.",
+              "name": "--track-color"
+            },
+            {
+              "description": "The color of the spinner's indicator.",
+              "name": "--indicator-color"
+            },
+            {
+              "description": "The time it takes for the spinner to complete one animation cycle.",
+              "name": "--speed"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Spinners are used to show the progress of an indeterminate operation.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
+          "status": "stable",
+          "since": "2.0",
+          "tagName": "flow-ui-spinner",
+          "customElement": true
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "default",
           "declaration": {
-            "name": "*",
-            "package": "./split-view.component.js"
+            "name": "FlowSpinner",
+            "module": "components/spinner/spinner.js"
           }
         },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "flow-ui-spinner",
           "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.js"
+            "name": "FlowSpinner",
+            "module": "components/spinner/spinner.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-2/split-view-2.component.js",
+      "path": "components/split-view/split-view.component.js",
       "declarations": [
         {
           "kind": "class",
@@ -14052,30 +14047,72 @@
           "members": [
             {
               "kind": "field",
-              "name": "dragging",
+              "name": "animatingPanelIndex",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_panels",
+              "type": {
+                "text": "FlowSplitViewPane[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "grid",
+              "name": "boundingRect",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "DOMRect | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "panelSizes",
+              "name": "dragTargetPanel",
               "type": {
-                "text": "string"
+                "text": "FlowSplitViewPane | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "mutationObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "noDragClose",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "'1fr'",
-              "attribute": "panel-sizes"
+              "default": "false",
+              "attribute": "no-drag-close"
+            },
+            {
+              "kind": "field",
+              "name": "positions",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "public",
+              "default": "['auto', 'auto', 'auto', 'auto']",
+              "attribute": "positions"
             },
             {
               "kind": "field",
@@ -14084,37 +14121,135 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true",
+              "default": "false",
               "attribute": "vertical",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "dividerWidth",
+              "name": "panelSlot",
               "type": {
-                "text": "string"
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "splitView",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "dragging",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "'2px'",
-              "attribute": "dividerWidth"
+              "default": "false",
+              "attribute": "dragging",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "actualPanelSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "FlowSplitViewPane"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "growPanels",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "startIndex",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "panel index to start growing from"
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  },
+                  "description": "1 (right/down) or -1 (left/up)"
+                },
+                {
+                  "name": "canOpen",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "amount",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "Number of pixels to grow by"
+                },
+                {
+                  "name": "dryRun",
+                  "default": "false",
+                  "description": "if true, don't actually row panels, just calculate the amount that can be grown"
+                },
+                {
+                  "description": "whether panels can be opened to grow space",
+                  "name": "caOpen"
+                }
+              ],
+              "description": "Grow panels starting from startIndex in specified direction by resizing panels\nup to their maximum size and (optionally) opening panels.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "handleDrag",
+              "name": "handleCollapseExpand",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "CustomEvent<{ x: number; y: number }>"
+                    "text": "FlowCollapseEvent | FlowExpandEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDragStart",
-              "privacy": "private"
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FlowDragEvent"
+                  }
+                }
+              ],
+              "description": "This is called repeatedly as the user drags a panel divider.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
             },
             {
               "kind": "method",
@@ -14123,182 +14258,175 @@
             },
             {
               "kind": "method",
-              "name": "calculatePanelSizes",
-              "privacy": "private"
+              "name": "handleDragStart",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FlowDragEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "dividerTempate",
+              "name": "handlePointerLeave",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "panelTemplate",
+              "name": "handleTransitionEnd",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "panelIndex",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "TransitionEvent"
                   }
                 }
               ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "panel-sizes",
-              "type": {
-                "text": "string"
-              },
-              "default": "'1fr'",
-              "fieldName": "panelSizes"
             },
             {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isPanel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "element is FlowSplitViewPane"
+                }
               },
-              "default": "true",
-              "fieldName": "vertical"
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ]
             },
             {
-              "name": "dividerWidth",
-              "type": {
-                "text": "string"
-              },
-              "default": "'2px'",
-              "fieldName": "dividerWidth"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view-2/split-view-2.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./split-view-2.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view-divider/split-view-divider.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowPanelDivider",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dragCanceller",
-              "type": {
-                "text": "(() => void) | undefined"
-              },
+              "kind": "method",
+              "name": "layoutPanels",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "vertical",
-              "reflects": true
-            },
             {
               "kind": "method",
-              "name": "cancelDrag"
+              "name": "resizePanels",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDrag",
+              "name": "shrinkPanels",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "startIndex",
                   "type": {
-                    "text": "PointerEvent"
-                  }
+                    "text": "number"
+                  },
+                  "description": "panel index to start shrinking from"
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  },
+                  "description": "1 (right/down) or -1 (left/up)"
+                },
+                {
+                  "name": "canClose",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "whether panels can be closed to make space"
+                },
+                {
+                  "name": "amount",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "Number of pixels to shrink by"
+                },
+                {
+                  "name": "dryRun",
+                  "default": "false",
+                  "description": "if true, don't actually shrink panels, just calculate the amount that can be shrunk"
                 }
-              ]
+              ],
+              "description": "Shrink panels starting from startIndex in specified direction by resizing panels\ndown to their minimum size and (optionally) closing panels.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "closestElement",
+              "name": "sizeToPixels",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Element | null"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "selector",
+                  "name": "size",
                   "type": {
                     "text": "string"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePanelAdded",
+              "privacy": "private",
+              "parameters": [
                 {
-                  "name": "base",
-                  "default": "this",
+                  "name": "panel",
                   "type": {
-                    "text": "Element"
+                    "text": "FlowSplitViewPane"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePanelRemoved",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "FlowSplitViewPane"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "updatePanelInfo",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "no-drag-close",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
+              "fieldName": "noDragClose"
+            },
+            {
+              "name": "positions",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "['auto', 'auto', 'auto', 'auto']",
+              "fieldName": "positions"
             },
             {
               "name": "vertical",
@@ -14307,6 +14435,14 @@
               },
               "default": "false",
               "fieldName": "vertical"
+            },
+            {
+              "name": "dragging",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "dragging"
             }
           ],
           "superclass": {
@@ -14324,15 +14460,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowPanelDivider",
-            "module": "components/split-view-divider/split-view-divider.component.js"
+            "name": "FlowSplitView",
+            "module": "components/split-view/split-view.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-divider/split-view-divider.js",
+      "path": "components/split-view/split-view.js",
       "declarations": [],
       "exports": [
         {
@@ -14340,212 +14476,295 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-divider.component.js"
+            "package": "./split-view.component.js"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewDivider",
-            "module": "components/split-view-divider/split-view-divider.js"
+            "name": "FlowSplitView",
+            "module": "components/split-view/split-view.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-pane/split-view-pane.component.js",
+      "path": "components/split-view-2/split-view-2.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowSplitViewPane",
+          "name": "FlowSplitView",
           "members": [
             {
               "kind": "field",
-              "name": "dividerComponent",
-              "type": {
-                "text": "FlowPanelDivider | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
+              "name": "dragging",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "vertical",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "grid",
               "type": {
-                "text": "string"
+                "text": "HTMLDivElement"
               },
-              "attribute": "size",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "minSize",
+              "name": "panelSizes",
               "type": {
                 "text": "string"
               },
-              "attribute": "min-size",
-              "reflects": true
+              "privacy": "public",
+              "default": "'1fr'",
+              "attribute": "panel-sizes"
             },
             {
               "kind": "field",
-              "name": "maxSize",
+              "name": "vertical",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "max-size",
+              "privacy": "public",
+              "default": "true",
+              "attribute": "vertical",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "closedSize",
+              "name": "dividerWidth",
               "type": {
                 "text": "string"
               },
-              "attribute": "closed-size",
-              "reflects": true
+              "privacy": "public",
+              "default": "'2px'",
+              "attribute": "dividerWidth"
             },
             {
-              "kind": "field",
-              "name": "closed",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates if the split-view pane is open or closed.",
-              "attribute": "closed",
-              "reflects": true
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ x: number; y: number }>"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "divider",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates if the split-view pane has a divider.",
-              "attribute": "divider",
-              "reflects": true
+              "kind": "method",
+              "name": "handleDragStart",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates if the split-view pane is hidden.",
-              "attribute": "hidden",
-              "reflects": true
+              "kind": "method",
+              "name": "handleDragEnd",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "cancelDrag"
+              "name": "calculatePanelSizes",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "expand",
-              "parameters": [
-                {
-                  "name": "emitEvent",
-                  "default": "true"
-                }
-              ],
-              "description": "Shows the details."
+              "name": "dividerTempate",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "collapse",
+              "name": "panelTemplate",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "emitEvent",
-                  "default": "true"
+                  "name": "panelIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
-              ],
-              "description": "Hides the details"
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "vertical",
+              "name": "panel-sizes",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "vertical"
+              "default": "'1fr'",
+              "fieldName": "panelSizes"
             },
             {
-              "name": "size",
+              "name": "vertical",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "size"
+              "default": "true",
+              "fieldName": "vertical"
             },
             {
-              "name": "min-size",
+              "name": "dividerWidth",
               "type": {
                 "text": "string"
               },
-              "fieldName": "minSize"
-            },
+              "default": "'2px'",
+              "fieldName": "dividerWidth"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitView",
+            "module": "components/split-view-2/split-view-2.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-2/split-view-2.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-2.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitView",
+            "module": "components/split-view-2/split-view-2.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-divider/split-view-divider.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowPanelDivider",
+          "members": [
             {
-              "name": "max-size",
+              "kind": "field",
+              "name": "dragCanceller",
               "type": {
-                "text": "string"
+                "text": "(() => void) | undefined"
               },
-              "fieldName": "maxSize"
+              "privacy": "private"
             },
             {
-              "name": "closed-size",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "closedSize"
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "closed",
+              "kind": "field",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the split-view pane is open or closed.",
-              "fieldName": "closed"
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "cancelDrag"
+            },
+            {
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "divider",
+              "kind": "method",
+              "name": "closestElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "base",
+                  "default": "this",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the split-view pane has a divider.",
-              "fieldName": "divider"
+              "fieldName": "disabled"
             },
             {
-              "name": "hidden",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the split-view pane is hidden.",
-              "fieldName": "hidden"
+              "fieldName": "vertical"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them."
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
+          "status": "stable",
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -14553,23 +14772,31 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewPane",
-            "module": "components/split-view-pane/split-view-pane.component.js"
+            "name": "FlowPanelDivider",
+            "module": "components/split-view-divider/split-view-divider.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-pane/split-view-pane.js",
+      "path": "components/split-view-divider/split-view-divider.js",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-divider.component.js"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewPane",
-            "module": "components/split-view-pane/split-view-pane.js"
+            "name": "FlowSplitViewDivider",
+            "module": "components/split-view-divider/split-view-divider.js"
           }
         }
       ]
@@ -14944,283 +15171,512 @@
               "description": "Sets focus on the icon button.",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the icon button.",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hideConfirm",
+              "description": "Hide the confirmation tooltip if it is showing",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "showConfirm",
+              "description": "Show the confirmation tooltip",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleConfirmClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderWithTooltip",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "contents",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderWithConfirmation",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "contents",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "components/icon-button/icon-button.component.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
+              "fieldName": "name",
+              "default": "'chevron-right'",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set to control the open/closed state of the parent split pane.",
+              "fieldName": "closed"
+            },
+            {
+              "name": "library",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of a registered custom icon library.",
+              "fieldName": "library",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the icon button.",
+              "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",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "hideConfirm",
-              "description": "Hide the confirmation tooltip if it is showing",
+              "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",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "showConfirm",
-              "description": "Show the confirmation tooltip",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button.",
+              "fieldName": "disabled",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "handleConfirmClick",
-              "privacy": "private",
+              "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",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "FlowIconButton",
+            "module": "/src/components/icon-button/icon-button.component"
+          },
+          "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
+          "dependencies": [
+            "flow-ui-icon-button"
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "renderWithTooltip",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "contents",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ],
+              "description": "Emitted when the icon button loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "renderWithConfirmation",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "contents",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ],
+              "description": "Emitted when the icon button gains focus.",
+              "name": "flow-ui-focus",
+              "reactName": "onFlowUiFocus",
               "inheritedFrom": {
                 "name": "FlowIconButton",
-                "module": "components/icon-button/icon-button.component.js"
+                "module": "src/components/icon-button/icon-button.component.ts"
               }
             }
-          ],
-          "attributes": [
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewToggleButton",
+            "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-toggle-button/split-view-toggle-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-toggle-button.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewToggleButton",
+            "module": "components/split-view-toggle-button/split-view-toggle-button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-pane/split-view-pane.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowSplitViewPane",
+          "members": [
             {
-              "name": "name",
+              "kind": "field",
+              "name": "dividerComponent",
               "type": {
-                "text": "string | undefined"
+                "text": "FlowPanelDivider | undefined"
               },
-              "description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
-              "fieldName": "name",
-              "default": "'chevron-right'",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "privacy": "private"
             },
             {
-              "name": "closed",
+              "kind": "field",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set to control the open/closed state of the parent split pane.",
-              "fieldName": "closed"
+              "attribute": "vertical",
+              "reflects": true
             },
             {
-              "name": "library",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The name of a registered custom icon library.",
-              "fieldName": "library",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "src",
+              "kind": "field",
+              "name": "minSize",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "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",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "attribute": "min-size",
+              "reflects": true
             },
             {
-              "name": "href",
+              "kind": "field",
+              "name": "maxSize",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "attribute": "max-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "closedSize",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "closed-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates if the split-view pane is open or closed.",
+              "attribute": "closed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "divider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates if the split-view pane has a divider.",
+              "attribute": "divider",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates if the split-view pane is hidden.",
+              "attribute": "hidden",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "cancelDrag"
+            },
+            {
+              "kind": "method",
+              "name": "expand",
+              "parameters": [
+                {
+                  "name": "emitEvent",
+                  "default": "true"
+                }
+              ],
+              "description": "Shows the details."
             },
             {
-              "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",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
-            },
+              "kind": "method",
+              "name": "collapse",
+              "parameters": [
+                {
+                  "name": "emitEvent",
+                  "default": "true"
+                }
+              ],
+              "description": "Hides the details"
+            }
+          ],
+          "attributes": [
             {
-              "name": "download",
+              "name": "vertical",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "default": "false",
+              "fieldName": "vertical"
             },
             {
-              "name": "label",
+              "name": "size",
               "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",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "fieldName": "size"
             },
             {
-              "name": "tooltip",
+              "name": "min-size",
               "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",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "fieldName": "minSize"
             },
             {
-              "name": "tooltip-placement",
+              "name": "max-size",
               "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.",
-              "fieldName": "tooltipPlacement",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "fieldName": "maxSize"
             },
             {
-              "name": "tooltip-distance",
+              "name": "closed-size",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
-              "fieldName": "tooltipDistance",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "fieldName": "closedSize"
             },
             {
-              "name": "tooltip-skidding",
+              "name": "closed",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along the icon button.",
-              "fieldName": "tooltipSkidding",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "default": "false",
+              "description": "Indicates if the split-view pane is open or closed.",
+              "fieldName": "closed"
             },
             {
-              "name": "disabled",
+              "name": "divider",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the button.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "description": "Indicates if the split-view pane has a divider.",
+              "fieldName": "divider"
             },
             {
-              "name": "confirm",
+              "name": "hidden",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "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",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "default": "false",
+              "description": "Indicates if the split-view pane is hidden.",
+              "fieldName": "hidden"
             }
           ],
           "superclass": {
-            "name": "FlowIconButton",
-            "module": "/src/components/icon-button/icon-button.component"
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
-          "dependencies": [
-            "flow-ui-icon-button"
-          ],
-          "events": [
-            {
-              "description": "Emitted when the icon button loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
-            },
-            {
-              "description": "Emitted when the icon button gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
-            }
-          ]
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them."
         }
       ],
       "exports": [
@@ -15228,31 +15684,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewToggleButton",
-            "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
+            "name": "FlowSplitViewPane",
+            "module": "components/split-view-pane/split-view-pane.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-toggle-button/split-view-toggle-button.js",
+      "path": "components/split-view-pane/split-view-pane.js",
       "declarations": [],
       "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./split-view-toggle-button.component.js"
-          }
-        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewToggleButton",
-            "module": "components/split-view-toggle-button/split-view-toggle-button.js"
+            "name": "FlowSplitViewPane",
+            "module": "components/split-view-pane/split-view-pane.js"
           }
         }
       ]
@@ -19888,10 +20336,125 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/days.adapter.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/interaction.interpolate.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "Interpolate",
+          "parameters": [
+            {
+              "name": "chart",
+              "type": {
+                "text": "Chart"
+              }
+            },
+            {
+              "name": "e",
+              "type": {
+                "text": "ChartEvent"
+              }
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "InteractionOptions"
+              }
+            }
+          ],
+          "description": "Custom interaction mode to interpolate values on the chart."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Interpolate",
+            "module": "components/chart/plugins/interaction.interpolate.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/plugin.flow-ui-colors.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "components/chart/plugins/plugin.flow-ui-colors.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/plugin.flow-ui-crosshairs.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "components/chart/plugins/plugin.flow-ui-crosshairs.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/positioner.cursor.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "CursorPositioner",
+          "parameters": [
+            {
+              "name": "this",
+              "type": {
+                "text": "TooltipModel<any>"
+              }
+            },
+            {
+              "name": "_elements",
+              "type": {
+                "text": "Element[]"
+              }
+            },
+            {
+              "name": "eventPosition",
+              "type": {
+                "text": "Point"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CursorPositioner",
+            "module": "components/chart/plugins/positioner.cursor.js"
+          }
+        }
+      ]
     }
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.18-alpha.0"
+    "version": "0.0.18-alpha.10"
   }
 }