@emuanalytics/flow-rdf-ui 0.0.30 → 0.0.31

package/dist/custom-elements.json

@@ -267,191 +267,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/avatar/avatar.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"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "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": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "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/animation/animation.component.js",
@@ -884,12 +699,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/badge/badge.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumb",
+          "name": "FlowBadge",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -898,85 +713,83 @@
           ],
           "slots": [
             {
-              "description": "One or more breadcrumb items to display.",
+              "description": "The badge's content.",
               "name": ""
-            },
-            {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
+              "name": "variant",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "pill",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "pulse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "attribute": "label"
-            },
-            {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "fieldName": "label"
-            }
+              "default": "'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": "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": "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",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-breadcrumb",
+          "tagName": "flow-ui-badge",
           "customElement": true
         }
       ],
@@ -985,141 +798,183 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb",
+          "name": "flow-ui-badge",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumbItem",
+          "name": "FlowAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
             },
             {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
             },
             {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
-              "name": ""
-            },
-            {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
-              "name": "separator"
+              "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": "hasSlotController",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "image",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "attribute": "href"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "initials",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
             }
           ],
           "attributes": [
             {
-              "name": "href",
+              "name": "image",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "fieldName": "href"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "name": "target",
+              "name": "label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "rel",
+              "name": "initials",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
+              "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": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
+          "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-breadcrumb-item",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-avatar",
           "customElement": true
         }
       ],
@@ -1128,28 +983,28 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb-item",
+          "name": "flow-ui-avatar",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/button-group/button-group.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowButtonGroup",
+          "name": "FlowBreadcrumb",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -1158,11 +1013,27 @@
           ],
           "slots": [
             {
-              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
+              "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",
@@ -1172,11 +1043,10 @@
             },
             {
               "kind": "field",
-              "name": "disableRole",
+              "name": "separatorSlot",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
@@ -1185,109 +1055,186 @@
                 "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": "handleVerticalChange"
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-breadcrumb",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowBreadcrumbItem",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "The breadcrumb item's label.",
+              "name": "label"
             },
             {
-              "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
             },
             {
-              "kind": "method",
-              "name": "handleMouseOut",
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The breadcrumb item's label.",
+              "name": ""
+            },
+            {
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "label"
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
             },
             {
-              "name": "vertical",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "fieldName": "vertical"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "fieldName": "rel"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "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": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-button-group",
+          "tagName": "flow-ui-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -1296,16 +1243,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-button-group",
+          "name": "flow-ui-breadcrumb-item",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
@@ -1989,12 +1936,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBadge",
+          "name": "FlowButtonGroup",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -2003,83 +1950,136 @@
           ],
           "slots": [
             {
-              "description": "The badge's content.",
+              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "defaultSlot",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "disableRole",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
+              "name": "label",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "default": "''",
+              "attribute": "label"
             },
             {
-              "name": "pill",
+              "kind": "field",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "description": "Use vertical layout for the button group.",
+              "attribute": "vertical",
+              "reflects": true
             },
             {
-              "name": "pulse",
+              "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"
+                  }
+                }
+              ]
+            },
+            {
+              "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",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "description": "Use vertical layout for the button group.",
+              "fieldName": "vertical"
             }
           ],
           "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",
+          "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",
-          "tagName": "flow-ui-badge",
+          "tagName": "flow-ui-button-group",
           "customElement": true
         }
       ],
@@ -2088,16 +2088,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-badge",
+          "name": "flow-ui-button-group",
           "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
           }
         }
       ]
@@ -12939,6 +12939,16 @@
           "kind": "class",
           "description": "",
           "name": "FlowQueryBuilder",
+          "slots": [
+            {
+              "description": "The component's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -14919,87 +14929,291 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/select/select.component.js",
+      "path": "components/scroll-view/scroll-view.component.js",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "configureScrollViews",
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "ScrollViewOptions"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "FlowSelect",
-          "cssParts": [
+          "name": "FlowScrollView",
+          "members": [
             {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
+              "kind": "field",
+              "name": "_scrollHost",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
+              "kind": "field",
+              "name": "_scrollViewport",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
-              "description": "The select's wrapper.",
-              "name": "form-control-input"
+              "kind": "field",
+              "name": "_overlayScrollbars",
+              "type": {
+                "text": "OverlayScrollbars | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "kind": "field",
+              "name": "_componentId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`flow-ui-scroll-view-${++id}`"
             },
             {
-              "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
-              "name": "combobox"
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'native' | 'overlay' | undefined"
+              },
+              "attribute": "mode"
             },
             {
-              "description": "The container that wraps the prefix slot.",
-              "name": "prefix"
+              "kind": "field",
+              "name": "overflowX",
+              "type": {
+                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
+              },
+              "default": "'scroll'",
+              "attribute": "overflow-x"
             },
             {
-              "description": "The container that wraps the suffix slot.",
-              "name": "suffix"
+              "kind": "field",
+              "name": "overflowY",
+              "type": {
+                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
+              },
+              "default": "'scroll'",
+              "attribute": "overflow-y"
             },
             {
-              "description": "The element that displays the selected option's label, an `<input>` element.",
-              "name": "display-input"
+              "kind": "field",
+              "name": "autoHide",
+              "type": {
+                "text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
+              },
+              "attribute": "auto-hide"
             },
             {
-              "description": "The listbox container where options are slotted.",
-              "name": "listbox"
+              "kind": "field",
+              "name": "autoHideDelay",
+              "type": {
+                "text": "number | undefined"
+              },
+              "attribute": "auto-hide-delay"
             },
             {
-              "description": "The container that houses option tags when `multiselect` is used.",
-              "name": "tags"
+              "kind": "field",
+              "name": "autoHideSuspend",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "attribute": "auto-hide-suspend"
             },
             {
-              "description": "The individual tags that represent each multiselect option.",
-              "name": "tag"
-            },
+              "kind": "method",
+              "name": "updateScrollBars"
+            }
+          ],
+          "attributes": [
             {
-              "description": "The tag's base part.",
-              "name": "tag__base"
+              "name": "mode",
+              "type": {
+                "text": "'native' | 'overlay' | undefined"
+              },
+              "fieldName": "mode"
             },
             {
-              "description": "The tag's content part.",
-              "name": "tag__content"
+              "name": "overflow-x",
+              "type": {
+                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
+              },
+              "default": "'scroll'",
+              "fieldName": "overflowX"
             },
             {
-              "description": "The tag's remove button.",
-              "name": "tag__remove-button"
+              "name": "overflow-y",
+              "type": {
+                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
+              },
+              "default": "'scroll'",
+              "fieldName": "overflowY"
             },
             {
-              "description": "The tag's remove button base part.",
-              "name": "tag__remove-button__base"
+              "name": "auto-hide",
+              "type": {
+                "text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
+              },
+              "fieldName": "autoHide"
             },
             {
-              "description": "The clear button.",
-              "name": "clear-button"
+              "name": "auto-hide-delay",
+              "type": {
+                "text": "number | undefined"
+              },
+              "fieldName": "autoHideDelay"
             },
             {
-              "description": "The container that wraps the expand icon.",
-              "name": "expand-icon"
+              "name": "auto-hide-suspend",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "autoHideSuspend"
             }
           ],
-          "slots": [
-            {
-              "description": "The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.",
-              "name": ""
-            },
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-scroll-view",
+          "summary": "Scroll views provide a scrollable area for content.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "configureScrollViews",
+          "declaration": {
+            "name": "configureScrollViews",
+            "module": "components/scroll-view/scroll-view.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowScrollView",
+            "module": "components/scroll-view/scroll-view.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/scroll-view/scroll-view.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./scroll-view.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowScrollView",
+            "module": "components/scroll-view/scroll-view.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/select/select.component.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 select's wrapper.",
+              "name": "form-control-input"
+            },
+            {
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
+            },
+            {
+              "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
+              "name": "combobox"
+            },
+            {
+              "description": "The container that wraps the prefix slot.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix slot.",
+              "name": "suffix"
+            },
+            {
+              "description": "The element that displays the selected option's label, an `<input>` element.",
+              "name": "display-input"
+            },
+            {
+              "description": "The listbox container where options are slotted.",
+              "name": "listbox"
+            },
+            {
+              "description": "The container that houses option tags when `multiselect` is used.",
+              "name": "tags"
+            },
+            {
+              "description": "The individual tags that represent each multiselect option.",
+              "name": "tag"
+            },
+            {
+              "description": "The tag's base part.",
+              "name": "tag__base"
+            },
+            {
+              "description": "The tag's content part.",
+              "name": "tag__content"
+            },
+            {
+              "description": "The tag's remove button.",
+              "name": "tag__remove-button"
+            },
+            {
+              "description": "The tag's remove button base part.",
+              "name": "tag__remove-button__base"
+            },
+            {
+              "description": "The clear button.",
+              "name": "clear-button"
+            },
+            {
+              "description": "The container that wraps the expand icon.",
+              "name": "expand-icon"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.",
+              "name": ""
+            },
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
               "name": "label"
@@ -15987,30 +16201,73 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-divider/split-view-divider.component.js",
+      "path": "components/split-view/split-view.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowPanelDivider",
+          "name": "FlowSplitView",
           "members": [
             {
               "kind": "field",
-              "name": "dragCanceller",
+              "name": "animatingPanelIndex",
               "type": {
-                "text": "(() => void) | undefined"
+                "text": "number | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "_panels",
+              "type": {
+                "text": "FlowSplitViewPane[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "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": "disabled",
-              "reflects": true
+              "attribute": "no-drag-close"
+            },
+            {
+              "kind": "field",
+              "name": "positions",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "public",
+              "default": "['auto', 'auto', 'auto', 'auto']",
+              "attribute": "positions"
             },
             {
               "kind": "field",
@@ -16018,61 +16275,313 @@
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
               "attribute": "vertical",
               "reflects": true
             },
             {
-              "kind": "method",
-              "name": "cancelDrag"
+              "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": "handleDrag",
+              "name": "actualPanelSize",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "panel",
                   "type": {
-                    "text": "PointerEvent"
+                    "text": "FlowSplitViewPane"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "closestElement",
+              "name": "growPanels",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Element | null"
-                }
-              },
               "parameters": [
                 {
-                  "name": "selector",
+                  "name": "startIndex",
                   "type": {
-                    "text": "string"
-                  }
+                    "text": "number"
+                  },
+                  "description": "panel index to start growing from"
                 },
                 {
-                  "name": "base",
-                  "default": "this",
+                  "name": "direction",
                   "type": {
-                    "text": "Element"
+                    "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": "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",
@@ -16081,14 +16590,22 @@
               },
               "default": "false",
               "fieldName": "vertical"
+            },
+            {
+              "name": "dragging",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "dragging"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-split-view-divider",
-          "summary": "Split-view dividers are used internally by split-views to create resizable areas.",
+          "tagName": "flow-ui-split-view",
+          "summary": "Split-views contain 2 or more split-view panes to create resizable areas.",
           "customElement": true
         }
       ],
@@ -16097,15 +16614,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": [
         {
@@ -16113,33 +16630,174 @@
           "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-divider/split-view-divider.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowSplitViewPane",
+          "name": "FlowPanelDivider",
           "members": [
             {
               "kind": "field",
-              "name": "dividerComponent",
+              "name": "dragCanceller",
               "type": {
-                "text": "FlowPanelDivider | undefined"
+                "text": "(() => void) | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "cancelDrag"
+            },
+            {
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "closestElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "base",
+                  "default": "this",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-split-view-divider",
+          "summary": "Split-view dividers are used internally by split-views to create resizable areas.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowPanelDivider",
+            "module": "components/split-view-divider/split-view-divider.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-divider/split-view-divider.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-divider.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewDivider",
+            "module": "components/split-view-divider/split-view-divider.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-pane/split-view-pane.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowSplitViewPane",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dividerComponent",
+              "type": {
+                "text": "FlowPanelDivider | undefined"
               },
               "privacy": "private"
             },
@@ -17035,900 +17693,93 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/scroll-view/scroll-view.component.js",
+      "path": "components/stepper/stepper.component.js",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "configureScrollViews",
-          "parameters": [
-            {
-              "name": "options",
-              "type": {
-                "text": "ScrollViewOptions"
-              }
-            }
-          ]
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "FlowScrollView",
+          "name": "FlowStepper",
           "members": [
             {
               "kind": "field",
-              "name": "_scrollHost",
+              "name": "bodySlot",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLSlotElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_scrollViewport",
+              "name": "headerScrollContainer",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLDivElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_overlayScrollbars",
+              "name": "attrId",
               "type": {
-                "text": "OverlayScrollbars | undefined"
+                "text": "number"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_componentId",
               "privacy": "private",
               "readonly": true,
-              "default": "`flow-ui-scroll-view-${++id}`"
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "'native' | 'overlay' | undefined"
-              },
-              "attribute": "mode"
-            },
-            {
-              "kind": "field",
-              "name": "overflowX",
-              "type": {
-                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
-              },
-              "default": "'scroll'",
-              "attribute": "overflow-x"
-            },
-            {
-              "kind": "field",
-              "name": "overflowY",
-              "type": {
-                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
-              },
-              "default": "'scroll'",
-              "attribute": "overflow-y"
+              "default": "++id"
             },
             {
               "kind": "field",
-              "name": "autoHide",
-              "type": {
-                "text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
-              },
-              "attribute": "auto-hide"
+              "name": "componentId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`flow-ui-stepper-${this.attrId}`"
             },
             {
               "kind": "field",
-              "name": "autoHideDelay",
+              "name": "activePanel",
               "type": {
-                "text": "number | undefined"
+                "text": "FlowStepperPanel | undefined"
               },
-              "attribute": "auto-hide-delay"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "autoHideSuspend",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "attribute": "auto-hide-suspend"
-            },
-            {
-              "kind": "method",
-              "name": "updateScrollBars"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mode",
-              "type": {
-                "text": "'native' | 'overlay' | undefined"
-              },
-              "fieldName": "mode"
-            },
-            {
-              "name": "overflow-x",
-              "type": {
-                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
-              },
-              "default": "'scroll'",
-              "fieldName": "overflowX"
-            },
-            {
-              "name": "overflow-y",
+              "name": "mutationObserver",
               "type": {
-                "text": "| 'hidden'\n    | 'scroll'\n    | 'visible'\n    | 'visible-hidden'\n    | 'visible-scroll' | undefined"
+                "text": "MutationObserver"
               },
-              "default": "'scroll'",
-              "fieldName": "overflowY"
-            },
-            {
-              "name": "auto-hide",
-              "type": {
-                "text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
-              },
-              "fieldName": "autoHide"
-            },
-            {
-              "name": "auto-hide-delay",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "autoHideDelay"
-            },
-            {
-              "name": "auto-hide-suspend",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "fieldName": "autoHideSuspend"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-scroll-view",
-          "summary": "Scroll views provide a scrollable area for content.",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "configureScrollViews",
-          "declaration": {
-            "name": "configureScrollViews",
-            "module": "components/scroll-view/scroll-view.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowScrollView",
-            "module": "components/scroll-view/scroll-view.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/scroll-view/scroll-view.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./scroll-view.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowScrollView",
-            "module": "components/scroll-view/scroll-view.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper/stepper.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowStepper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "bodySlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "headerScrollContainer",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "attrId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "++id"
-            },
-            {
-              "kind": "field",
-              "name": "componentId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`flow-ui-stepper-${this.attrId}`"
-            },
-            {
-              "kind": "field",
-              "name": "activePanel",
-              "type": {
-                "text": "FlowStepperPanel | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "mutationObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "panels",
-              "type": {
-                "text": "FlowStepperPanel[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "setComplete",
-              "parameters": [
-                {
-                  "name": "panelName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "complete",
-                  "default": "true"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "parameters": [
-                {
-                  "name": "panelName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "syncPanels",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAllPanels",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setActivePanel",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowStepperPanel"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "{ emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderHeaderItem",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowStepperPanel"
-                  }
-                },
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderHeader"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-stepper",
-          "summary": "Steppers are used to guide users through a series of steps in a wizard-like UI.",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepper",
-            "module": "components/stepper/stepper.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper/stepper.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./stepper.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepper",
-            "module": "components/stepper/stepper.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper-panel/stepper-panel.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowStepperPanel",
-          "members": [
-            {
-              "kind": "field",
-              "name": "attrId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "++id"
-            },
-            {
-              "kind": "field",
-              "name": "componentId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`flow-ui-stepper-panel-${this.attrId}`"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "subTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "sub-title",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "complete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel is marked as complete",
-              "attribute": "complete",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleStateChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "fieldName": "name"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "sub-title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "subTitle"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "fieldName": "active"
-            },
-            {
-              "name": "complete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel is marked as complete",
-              "fieldName": "complete"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "tagName": "flow-ui-stepper-panel",
-          "summary": "Stepper panels provide a single page in a stepper to guide users through a series of steps.",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepperPanel",
-            "module": "components/stepper-panel/stepper-panel.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper-panel/stepper-panel.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./stepper-panel.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepperPanel",
-            "module": "components/stepper-panel/stepper-panel.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": "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"
-                },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "panels",
+              "type": {
+                "text": "FlowStepperPanel[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "setComplete",
+              "parameters": [
                 {
-                  "name": "amount",
+                  "name": "panelName",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "Number of pixels to shrink by"
+                    "text": "string"
+                  }
                 },
                 {
-                  "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": ""
+                  "name": "complete",
+                  "default": "true"
                 }
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "sizeToPixels",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
+              "name": "show",
               "parameters": [
                 {
-                  "name": "size",
+                  "name": "panelName",
                   "type": {
                     "text": "string"
                   }
@@ -17937,76 +17788,235 @@
             },
             {
               "kind": "method",
-              "name": "handlePanelAdded",
+              "name": "syncPanels",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getAllPanels",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setActivePanel",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "panel",
                   "type": {
-                    "text": "FlowSplitViewPane"
+                    "text": "FlowStepperPanel"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "{ emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handlePanelRemoved",
-              "privacy": "private",
+              "name": "renderHeaderItem",
               "parameters": [
                 {
                   "name": "panel",
                   "type": {
-                    "text": "FlowSplitViewPane"
+                    "text": "FlowStepperPanel"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "updatePanelInfo",
-              "privacy": "private"
+              "name": "renderHeader"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-stepper",
+          "summary": "Steppers are used to guide users through a series of steps in a wizard-like UI.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowStepper",
+            "module": "components/stepper/stepper.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/stepper/stepper.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./stepper.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowStepper",
+            "module": "components/stepper/stepper.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/stepper-panel/stepper-panel.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowStepperPanel",
+          "members": [
             {
-              "name": "no-drag-close",
+              "kind": "field",
+              "name": "attrId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "++id"
+            },
+            {
+              "kind": "field",
+              "name": "componentId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`flow-ui-stepper-panel-${this.attrId}`"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "subTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "sub-title",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "noDragClose"
+              "description": "When true, the tab panel will be shown.",
+              "attribute": "active",
+              "reflects": true
             },
             {
-              "name": "positions",
+              "kind": "field",
+              "name": "complete",
               "type": {
-                "text": "string[]"
+                "text": "boolean"
               },
-              "default": "['auto', 'auto', 'auto', 'auto']",
-              "fieldName": "positions"
+              "default": "false",
+              "description": "When true, the tab panel is marked as complete",
+              "attribute": "complete",
+              "reflects": true
             },
             {
-              "name": "vertical",
+              "kind": "method",
+              "name": "handleStateChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "fieldName": "name"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "sub-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "subTitle"
+            },
+            {
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "vertical"
+              "description": "When true, the tab panel will be shown.",
+              "fieldName": "active"
             },
             {
-              "name": "dragging",
+              "name": "complete",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "dragging"
+              "description": "When true, the tab panel is marked as complete",
+              "fieldName": "complete"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-split-view",
-          "summary": "Split-views contain 2 or more split-view panes to create resizable areas.",
+          "tagName": "flow-ui-stepper-panel",
+          "summary": "Stepper panels provide a single page in a stepper to guide users through a series of steps.",
           "customElement": true
         }
       ],
@@ -18015,15 +18025,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.component.js"
+            "name": "FlowStepperPanel",
+            "module": "components/stepper-panel/stepper-panel.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view/split-view.js",
+      "path": "components/stepper-panel/stepper-panel.js",
       "declarations": [],
       "exports": [
         {
@@ -18031,15 +18041,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view.component.js"
+            "package": "./stepper-panel.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.js"
+            "name": "FlowStepperPanel",
+            "module": "components/stepper-panel/stepper-panel.js"
           }
         }
       ]
@@ -23024,6 +23034,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.30"
+    "version": "0.0.31"
   }
 }