@emuanalytics/flow-rdf-ui 0.0.26 → 0.0.28

package/dist/custom-elements.json

@@ -674,125 +674,97 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/badge/badge.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumbItem",
+          "name": "FlowBadge",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
+              "description": "The badge's content.",
               "name": ""
-            },
-            {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
-              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "href",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "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": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "pill",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "boolean"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "pulse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "href",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "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": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "target",
+              "name": "pill",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "boolean"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "name": "rel",
+              "name": "pulse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
             }
           ],
           "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": "Badges are used to draw attention and display statuses or counts.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-breadcrumb-item",
+          "tagName": "flow-ui-badge",
           "customElement": true
         }
       ],
@@ -801,115 +773,183 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb-item",
+          "name": "flow-ui-badge",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumb",
+          "name": "FlowAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "One or more breadcrumb items to display.",
-              "name": ""
-            },
-            {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "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": "localize",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "label",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "initials",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "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": "label",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "'eager' | 'lazy'"
               },
-              "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"
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "name": "handleImageChange"
             }
           ],
           "attributes": [
+            {
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
+            },
             {
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "description": "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": "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": "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-breadcrumb",
+          "tagName": "flow-ui-avatar",
           "customElement": true
         }
       ],
@@ -918,16 +958,159 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb",
+          "name": "flow-ui-avatar",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.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"
+            },
+            {
+              "description": "The breadcrumb item's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The breadcrumb item's label.",
+              "name": ""
+            },
+            {
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "fieldName": "rel"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
+          "status": "stable",
+          "since": "2.0",
+          "tagName": "flow-ui-breadcrumb-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-breadcrumb-item",
+          "declaration": {
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
@@ -1611,12 +1794,12 @@
     },
     {
       "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.",
@@ -1625,11 +1808,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",
@@ -1639,11 +1838,10 @@
             },
             {
               "kind": "field",
-              "name": "disableRole",
+              "name": "separatorSlot",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
@@ -1652,74 +1850,13 @@
                 "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"
-            },
             {
               "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"
-                  }
-                }
-              ]
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -1734,27 +1871,22 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
               "fieldName": "label"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use vertical layout for the button group.",
-              "fieldName": "vertical"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "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",
+          "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",
-          "tagName": "flow-ui-button-group",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
           "customElement": true
         }
       ],
@@ -1763,77 +1895,55 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-button-group",
+          "name": "flow-ui-breadcrumb",
           "declaration": {
-            "name": "FlowButtonGroup",
-            "module": "components/button-group/button-group.js"
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
+          "name": "FlowButtonGroup",
           "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"
+              "description": "One or more `<flow-ui-button>` elements to display in the button group.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "defaultSlot",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "disableRole",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "default": "false"
             },
             {
               "kind": "field",
@@ -1842,104 +1952,109 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
               "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "vertical",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "attribute": "vertical",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "kind": "method",
+              "name": "handleVerticalChange"
             },
             {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleImageChange"
+              "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": "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",
+              "name": "vertical",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "boolean"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "false",
+              "description": "Use vertical layout for the button group.",
+              "fieldName": "vertical"
             }
           ],
           "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",
+          "summary": "Button groups can be used to group related buttons into sections.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-avatar",
+          "tagName": "flow-ui-button-group",
           "customElement": true
         }
       ],
@@ -1948,173 +2063,58 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-avatar",
+          "name": "flow-ui-button-group",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowButtonGroup",
+            "module": "components/button-group/button-group.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/calendar/calendar.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
+          "name": "FlowCalendar",
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "_monthSelect",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "FlowSelect"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "_yearSelect",
               "type": {
-                "text": "boolean"
+                "text": "FlowSelect"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "_displayDate",
               "type": {
-                "text": "boolean"
+                "text": "DateTime<true>"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "privacy": "private"
+            },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "_selectedDate",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
-          "status": "stable",
-          "since": "2.0",
-          "tagName": "flow-ui-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-badge",
-          "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/calendar/calendar.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowCalendar",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_monthSelect",
-              "type": {
-                "text": "FlowSelect"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_yearSelect",
-              "type": {
-                "text": "FlowSelect"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_displayDate",
-              "type": {
-                "text": "DateTime<true>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_selectedDate",
-              "type": {
-                "text": "DateTime<true> | undefined"
+                "text": "DateTime<true> | undefined"
               },
               "privacy": "private"
             },
@@ -2333,7 +2333,10 @@
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
-          }
+          },
+          "tagName": "flow-ui-calendar",
+          "summary": "A calendar component for selecting dates and times.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -4271,6 +4274,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-color-mapper",
+          "summary": "A component for defining mappings between data values and colors.",
           "customElement": true
         }
       ],
@@ -4601,6 +4605,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-color-stop",
+          "summary": "A single color stop used by the `flow-ui-color-mapper` component.",
           "customElement": true
         }
       ],
@@ -5783,53 +5788,27 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/details/details.js",
+      "path": "components/date-time-picker/date-time-picker.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowDetails",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The header that wraps both the summary and the expand/collapse icon.",
-              "name": "header"
-            },
-            {
-              "description": "The container that wraps the summary.",
-              "name": "summary"
-            },
-            {
-              "description": "The container that wraps the expand/collapse icons.",
-              "name": "summary-icon"
-            },
-            {
-              "description": "The details content.",
-              "name": "content"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The details' main content.",
-              "name": ""
-            },
+          "name": "FlowDatetimePicker",
+          "members": [
             {
-              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
-              "name": "summary"
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
-              "name": "expand-icon"
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
             },
-            {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
-              "name": "collapse-icon"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
               "name": "localize",
@@ -5839,325 +5818,109 @@
             },
             {
               "kind": "field",
-              "name": "details",
+              "name": "popup",
               "type": {
-                "text": "HTMLElement"
+                "text": "FlowPopup"
               }
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "combobox",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "displayInput",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "expandIconSlot",
+              "name": "valueInput",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "calendarContainer",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "attribute": "open",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "displayLabel",
               "type": {
                 "text": "string"
               },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "attribute": "summary"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "''",
+              "description": "The name of the select, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
-              "kind": "method",
-              "name": "handleSummaryClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleSummaryKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "displayMode",
+              "type": {
+                "text": "'date' | 'time' | 'datetime'"
+              },
+              "default": "'datetime'",
+              "attribute": "display-mode"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'FFF'",
+              "attribute": "format"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the details."
+              "kind": "field",
+              "name": "timezone",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "timezone"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the details"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the details opens.",
-              "name": "flow-ui-show",
-              "reactName": "onFlowUiShow"
-            },
-            {
-              "description": "Emitted after the details opens and all animations are complete.",
-              "name": "flow-ui-after-show",
-              "reactName": "onFlowUiAfterShow"
-            },
-            {
-              "description": "Emitted when the details closes.",
-              "name": "flow-ui-hide",
-              "reactName": "onFlowUiHide"
-            },
-            {
-              "description": "Emitted after the details closes and all animations are complete.",
-              "name": "flow-ui-after-hide",
-              "reactName": "onFlowUiAfterHide"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "summary",
-              "type": {
-                "text": "string"
-              },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "fieldName": "summary"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Details show a brief summary and expand to show additional content.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "animations": [
-            {
-              "name": "details.show",
-              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
-            },
-            {
-              "name": "details.hide",
-              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
-            }
-          ],
-          "tagName": "flow-ui-details",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowDetails",
-            "module": "components/details/details.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-details",
-          "declaration": {
-            "name": "FlowDetails",
-            "module": "components/details/details.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/date-time-picker/date-time-picker.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowDatetimePicker",
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "FlowPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "combobox",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "displayInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "valueInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "calendarContainer",
-              "type": {
-                "text": "HTMLDivElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "displayLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the select, submitted as a name/value pair with form data.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "displayMode",
-              "type": {
-                "text": "'date' | 'time' | 'datetime'"
-              },
-              "default": "'datetime'",
-              "attribute": "display-mode"
-            },
-            {
-              "kind": "field",
-              "name": "format",
-              "type": {
-                "text": "string"
-              },
-              "default": "'FFF'",
-              "attribute": "format"
-            },
-            {
-              "kind": "field",
-              "name": "timezone",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "timezone"
-            },
-            {
-              "kind": "field",
-              "name": "locale",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "locale"
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "locale"
             },
             {
               "kind": "field",
@@ -6696,19 +6459,276 @@
               "fieldName": "form"
             },
             {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The select's required attribute.",
-              "fieldName": "required"
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The select's required attribute.",
+              "fieldName": "required"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowDatetimePicker",
+            "module": "components/date-time-picker/date-time-picker.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/date-time-picker/date-time-picker.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./date-time-picker.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowDateTimePicker",
+            "module": "components/date-time-picker/date-time-picker.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/details/details.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowDetails",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The header that wraps both the summary and the expand/collapse icon.",
+              "name": "header"
+            },
+            {
+              "description": "The container that wraps the summary.",
+              "name": "summary"
+            },
+            {
+              "description": "The container that wraps the expand/collapse icons.",
+              "name": "summary-icon"
+            },
+            {
+              "description": "The details content.",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The details' main content.",
+              "name": ""
+            },
+            {
+              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
+              "name": "summary"
+            },
+            {
+              "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
+              "name": "collapse-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "details",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "header",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandIconSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "attribute": "summary"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSummaryClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSummaryKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the details."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the details"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the details opens.",
+              "name": "flow-ui-show",
+              "reactName": "onFlowUiShow"
+            },
+            {
+              "description": "Emitted after the details opens and all animations are complete.",
+              "name": "flow-ui-after-show",
+              "reactName": "onFlowUiAfterShow"
+            },
+            {
+              "description": "Emitted when the details closes.",
+              "name": "flow-ui-hide",
+              "reactName": "onFlowUiHide"
+            },
+            {
+              "description": "Emitted after the details closes and all animations are complete.",
+              "name": "flow-ui-after-hide",
+              "reactName": "onFlowUiAfterHide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "fieldName": "summary"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Details show a brief summary and expand to show additional content.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "animations": [
+            {
+              "name": "details.show",
+              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
+            },
+            {
+              "name": "details.hide",
+              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
             }
           ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          }
+          "tagName": "flow-ui-details",
+          "customElement": true
         }
       ],
       "exports": [
@@ -6716,31 +6736,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowDatetimePicker",
-            "module": "components/date-time-picker/date-time-picker.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/date-time-picker/date-time-picker.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./date-time-picker.component.js"
+            "name": "FlowDetails",
+            "module": "components/details/details.js"
           }
         },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "flow-ui-details",
           "declaration": {
-            "name": "FlowDateTimePicker",
-            "module": "components/date-time-picker/date-time-picker.js"
+            "name": "FlowDetails",
+            "module": "components/details/details.js"
           }
         }
       ]
@@ -8163,10 +8168,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-gauge",
+          "summary": "Gauges are used to display a single value with an optional icon and heading.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -10853,7 +10857,10 @@
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
-          }
+          },
+          "tagName": "flow-ui-number-stepper",
+          "summary": "Number steppers are specialized input fields for selecting numbers.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -11119,7 +11126,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "FlowSplitViewPanel",
+          "name": "FlowPanel",
           "members": [
             {
               "kind": "field",
@@ -11210,10 +11217,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-panel",
+          "summary": "Panels are use with split-views to create resizable areas.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -11221,7 +11227,7 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewPanel",
+            "name": "FlowPanel",
             "module": "components/panel/panel.component.js"
           }
         }
@@ -11438,7 +11444,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "A panel header provides a title, optional accessory controls and expand/collapse behaviour for panels."
+          "tagName": "flow-ui-panel-header",
+          "summary": "A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -13689,60 +13697,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowScrollView",
-          "cssProperties": [
-            {
-              "description": "The width of the visible divider.",
-              "name": "--divider-width",
-              "default": "4px"
-            },
-            {
-              "description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
-              "name": "--divider-hit-area",
-              "default": "12px"
-            },
-            {
-              "description": "The minimum allowed size of the primary panel.",
-              "name": "--min",
-              "default": "0"
-            },
-            {
-              "description": "The maximum allowed size of the primary panel.",
-              "name": "--max",
-              "default": "100%"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The start panel.",
-              "name": "start"
-            },
-            {
-              "description": "The end panel.",
-              "name": "end"
-            },
-            {
-              "description": "Targets both the start and end panels.",
-              "name": "panel"
-            },
-            {
-              "description": "The divider that separates the start and end panels.",
-              "name": "divider"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Content to place in the start panel.",
-              "name": "start"
-            },
-            {
-              "description": "Content to place in the end panel.",
-              "name": "end"
-            },
-            {
-              "description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
-              "name": "divider"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -13830,13 +13784,6 @@
               "name": "updateScrollBars"
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the divider's position changes.",
-              "name": "flow-ui-reposition",
-              "reactName": "onFlowUiReposition"
-            }
-          ],
           "attributes": [
             {
               "name": "mode",
@@ -13887,10 +13834,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-scroll-view",
+          "summary": "Scroll views provide a scrollable area for content.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -15408,10 +15354,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-split-view",
+          "summary": "Split-views contain 2 or more split-view panes to create resizable areas.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -15550,10 +15495,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-split-view-divider",
+          "summary": "Split-view dividers are used internally by split-views to create resizable areas.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -15782,7 +15726,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them."
+          "tagName": "flow-ui-split-view-pane",
+          "summary": "Split-view panes are used with split-views to create resizable areas.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -16436,10 +16382,9 @@
             "name": "FlowIconButton",
             "module": "/src/components/icon-button/icon-button.component"
           },
+          "tagName": "flow-ui-split-view-toggle-button",
           "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
-          "dependencies": [
-            "flow-ui-icon-button"
-          ],
+          "customElement": true,
           "events": [
             {
               "description": "Emitted when the icon button loses focus.",
@@ -16504,24 +16449,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowStepper",
-          "cssProperties": [
-            {
-              "description": "The tab panel's padding.",
-              "name": "--padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tab panel's content.",
-              "name": ""
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -16664,10 +16591,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-stepper",
+          "summary": "Steppers are used to guide users through a series of steps in a wizard-like UI.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -16712,24 +16638,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowStepperPanel",
-          "cssProperties": [
-            {
-              "description": "The tab panel's padding.",
-              "name": "--padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tab panel's content.",
-              "name": ""
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -16855,10 +16763,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
-          "status": "stable",
-          "since": "2.0"
+          "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": [
@@ -19196,46 +19103,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowToolButton",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The internal `<button>` element.",
-              "name": "button"
-            },
-            {
-              "description": "The internal button element when the radio button is checked.",
-              "name": "button--checked"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the radio button's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The radio button's label.",
-              "name": ""
-            },
-            {
-              "description": "A presentational prefix icon or similar element.",
-              "name": "prefix"
-            },
-            {
-              "description": "A presentational suffix icon or similar element.",
-              "name": "suffix"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -19448,18 +19315,6 @@
               ]
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the button loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur"
-            },
-            {
-              "description": "Emitted when the button gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus"
-            }
-          ],
           "attributes": [
             {
               "name": "value",
@@ -19571,10 +19426,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Radios buttons allow the user to select a single option from a group using a button-like control.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-button",
-          "status": "stable",
-          "since": "2.0"
+          "tagName": "flow-ui-tool-button",
+          "summary": "Tool buttons are used in toolbars. They can be used to toggle a state or perform an action.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -19619,42 +19473,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowToolButtonGroup",
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "description": "The button group that wraps radio buttons.",
-              "name": "button-group"
-            },
-            {
-              "description": "The button group's `base` part.",
-              "name": "button-group__base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
-              "name": ""
-            },
-            {
-              "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -19920,23 +19738,6 @@
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the radio group's selected value changes.",
-              "name": "flow-ui-change",
-              "reactName": "onFlowUiChange"
-            },
-            {
-              "description": "Emitted when the radio group receives user input.",
-              "name": "flow-ui-input",
-              "reactName": "onFlowUiInput"
-            },
-            {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "flow-ui-invalid",
-              "reactName": "onFlowUiInvalid"
-            }
-          ],
           "attributes": [
             {
               "name": "label",
@@ -20023,13 +19824,9 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-button-group"
-          ]
+          "tagName": "flow-ui-tool-button-group",
+          "summary": "Tool buttons groups are used to build toolbars.",
+          "customElement": true
         }
       ],
       "exports": [
@@ -21448,6 +21245,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.26"
+    "version": "0.0.28"
   }
 }