@brightspot/ui 1.4.0 → 1.5.0

package/dist/custom-elements.json

@@ -140,6 +140,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "TooltipMixin",
+              "module": "/src/util/TooltipMixin.js"
+            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -291,67 +295,45 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/badge/Badge.ts",
+      "path": "src/components/circular-progress/CircularProgress.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A badge component for highlighting important information.\n\nBadges help highlight notifications, status, or new messages.\nPrimarily used for communicating secondary or additional information.",
-          "name": "Badge",
+          "description": "A circular progress indicator for showing loading states or progress.",
+          "name": "CircularProgress",
           "cssProperties": [
             {
-              "description": "Text color (overrides theme color)",
-              "name": "--badge-color-foreground"
-            },
-            {
-              "description": "Background color (overrides theme color)",
-              "name": "--badge-color-background"
-            },
-            {
-              "description": "Border radius size (overrides shape default, default: 999px)",
-              "name": "--badge-radius-size"
-            },
-            {
-              "description": "Horizontal padding (overrides size default)",
-              "name": "--badge-px"
+              "description": "Custom progress indicator color (overrides theme color)",
+              "name": "--progress-color"
             },
             {
-              "description": "Vertical padding (overrides size default)",
-              "name": "--badge-py"
+              "description": "Track/background color (overrides default gray-100)",
+              "name": "--track-color"
             },
             {
-              "description": "Size of the dot affordance (default: 6px)",
-              "name": "--badge-dot-size"
+              "description": "Custom size in pixels (overrides size preset)",
+              "name": "--progress-size"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
-              },
-              "default": "'info'",
-              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "dot",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Should a dot be displayed before the label?",
-              "attribute": "dot"
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "attribute": "indeterminate"
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
               "attribute": "size"
             }
           ],
@@ -361,42 +343,43 @@
                 "text": "CustomEvent"
               },
               "description": "Fired after first render and initialization",
-              "name": "btu-badge-ready"
-            }
-          ],
-          "attributes": [
+              "name": "btu-progress-ready"
+            },
             {
-              "name": "variant",
               "type": {
-                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+                "text": "CustomEvent"
               },
-              "default": "'info'",
-              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
-              "fieldName": "variant",
-              "attribute": "variant"
-            },
+              "description": "Fired when determinate progress reaches 100",
+              "name": "btu-progress-complete"
+            }
+          ],
+          "attributes": [
             {
-              "name": "dot",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Should a dot be displayed before the label?",
-              "fieldName": "dot",
-              "attribute": "dot"
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "fieldName": "indeterminate",
+              "attribute": "indeterminate"
             },
             {
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
               "fieldName": "size",
               "attribute": "size"
             }
           ],
           "mixins": [
+            {
+              "name": "ProgressMixin",
+              "module": "/src/util/ProgressMixin.js"
+            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -410,7 +393,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "btu-badge",
+          "tagName": "btu-circular-progress",
           "customElement": true
         }
       ],
@@ -419,61 +402,83 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "btu-badge",
+          "name": "btu-circular-progress",
           "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/circular-progress/CircularProgress.ts",
+      "path": "src/components/badge/Badge.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A circular progress indicator for showing loading states or progress.",
-          "name": "CircularProgress",
+          "description": "A badge component for highlighting important information.\n\nBadges help highlight notifications, status, or new messages.\nPrimarily used for communicating secondary or additional information.",
+          "name": "Badge",
           "cssProperties": [
             {
-              "description": "Custom progress indicator color (overrides theme color)",
-              "name": "--progress-color"
+              "description": "Text color (overrides theme color)",
+              "name": "--badge-color-foreground"
             },
             {
-              "description": "Track/background color (overrides default gray-100)",
-              "name": "--track-color"
+              "description": "Background color (overrides theme color)",
+              "name": "--badge-color-background"
             },
             {
-              "description": "Custom size in pixels (overrides size preset)",
-              "name": "--progress-size"
+              "description": "Border radius size (overrides shape default, default: 999px)",
+              "name": "--badge-radius-size"
+            },
+            {
+              "description": "Horizontal padding (overrides size default)",
+              "name": "--badge-px"
+            },
+            {
+              "description": "Vertical padding (overrides size default)",
+              "name": "--badge-py"
+            },
+            {
+              "description": "Size of the dot affordance (default: 6px)",
+              "name": "--badge-dot-size"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "dot",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
-              "attribute": "indeterminate"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "attribute": "dot"
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
               "attribute": "size"
             }
           ],
@@ -483,43 +488,42 @@
                 "text": "CustomEvent"
               },
               "description": "Fired after first render and initialization",
-              "name": "btu-progress-ready"
-            },
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when determinate progress reaches 100",
-              "name": "btu-progress-complete"
+              "name": "btu-badge-ready"
             }
           ],
           "attributes": [
             {
-              "name": "indeterminate",
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "dot",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
-              "fieldName": "indeterminate",
-              "attribute": "indeterminate"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "fieldName": "dot",
+              "attribute": "dot"
             },
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
               "fieldName": "size",
               "attribute": "size"
             }
           ],
           "mixins": [
-            {
-              "name": "ProgressMixin",
-              "module": "/src/util/ProgressMixin.js"
-            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -533,7 +537,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "btu-circular-progress",
+          "tagName": "btu-badge",
           "customElement": true
         }
       ],
@@ -542,16 +546,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "src/components/circular-progress/CircularProgress.ts"
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "btu-circular-progress",
+          "name": "btu-badge",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "src/components/circular-progress/CircularProgress.ts"
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
           }
         }
       ]
@@ -881,6 +885,505 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/popover/Popover.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A popover component for displaying rich interactive content anchored to a trigger element.\n\nUses the native HTML Popover API for top-layer rendering, light dismiss (click-outside\nand Escape for click triggers), and focus management. CSS anchor positioning handles\nviewport-aware placement.\n\nFor click triggers (`popover=\"auto\"`), the browser provides:\n- Light dismiss (Escape key and click-outside)\n- Top-layer rendering (no z-index needed)\n- Focus restoration on close\n- `autofocus` support — add `autofocus` to an element inside `slot=\"content\"`\n  to have it receive focus when the popover opens",
+          "name": "Popover",
+          "slots": [
+            {
+              "description": "The element that activates the popover",
+              "name": "trigger"
+            },
+            {
+              "description": "Rich HTML content displayed inside the popover panel",
+              "name": "content"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'left' | 'right'"
+              },
+              "default": "'bottom'",
+              "description": "Position relative to the trigger element.\nAuto-flips when constrained by the viewport.",
+              "attribute": "position"
+            },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "type": {
+                "text": "'click' | 'hover' | 'focus'"
+              },
+              "default": "'click'",
+              "description": "How the popover is activated.\n- 'click': Toggle on click with light dismiss\n- 'hover': Show on mouseenter with delay\n- 'focus': Show on focusin",
+              "attribute": "trigger"
+            },
+            {
+              "kind": "field",
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "description": "Show delay in milliseconds (hover trigger only).",
+              "attribute": "delay"
+            },
+            {
+              "kind": "field",
+              "name": "offset",
+              "type": {
+                "text": "PopoverOffset | null"
+              },
+              "default": "null",
+              "description": "Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px).",
+              "attribute": "offset"
+            },
+            {
+              "kind": "field",
+              "name": "noArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the arrow pseudo-element.",
+              "attribute": "no-arrow"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Programmatic open/close state (reflected).",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "panelLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the popover panel (applied as aria-label on the dialog).",
+              "attribute": "panel-label"
+            },
+            {
+              "kind": "field",
+              "name": "_onTriggerMouseLeave",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onTriggerFocusIn",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onTriggerFocusOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onPanelMouseEnter",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onPanelMouseLeave",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onNativeToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onKeyDown",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the popover opens",
+              "name": "btu-popover-show"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the popover closes",
+              "name": "btu-popover-hide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'left' | 'right'"
+              },
+              "default": "'bottom'",
+              "description": "Position relative to the trigger element.\nAuto-flips when constrained by the viewport.",
+              "fieldName": "position",
+              "attribute": "position"
+            },
+            {
+              "name": "trigger",
+              "type": {
+                "text": "'click' | 'hover' | 'focus'"
+              },
+              "default": "'click'",
+              "description": "How the popover is activated.\n- 'click': Toggle on click with light dismiss\n- 'hover': Show on mouseenter with delay\n- 'focus': Show on focusin",
+              "fieldName": "trigger",
+              "attribute": "trigger"
+            },
+            {
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "description": "Show delay in milliseconds (hover trigger only).",
+              "fieldName": "delay",
+              "attribute": "delay"
+            },
+            {
+              "name": "offset",
+              "type": {
+                "text": "PopoverOffset | null"
+              },
+              "default": "null",
+              "description": "Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px).",
+              "fieldName": "offset",
+              "attribute": "offset"
+            },
+            {
+              "name": "noArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the arrow pseudo-element.",
+              "fieldName": "noArrow"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Programmatic open/close state (reflected).",
+              "fieldName": "open",
+              "attribute": "open"
+            },
+            {
+              "name": "panel-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the popover panel (applied as aria-label on the dialog).",
+              "fieldName": "panelLabel",
+              "attribute": "panel-label"
+            },
+            {
+              "name": "no-arrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the arrow pseudo-element.",
+              "attribute": "noArrow",
+              "fieldName": "noArrow"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-popover",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Popover",
+            "module": "src/components/popover/Popover.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-popover",
+          "declaration": {
+            "name": "Popover",
+            "module": "src/components/popover/Popover.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/widget/Widget.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A widget component for displaying content with header, body, and footer sections.\n\n## Architecture: Light DOM + Manager Pattern\n\nThis component uses **Light DOM** (no Shadow Root) with the **Manager Pattern**:\n- User-provided children are physically moved into internal containers\n- Movement is based on `slot` attributes (pseudo-slots)\n- The `onFind` utility automatically redistributes dynamically-added content\n\n### Node Redistribution Rules\n- `slot=\"controls\"` → Moved to header actions area (before system buttons)\n- `slot=\"footer\"` → Moved to footer container\n- *(no slot)* → Moved to body container (default)\n\n## Features\n\n- **Collapsible**: Optional chevron toggle to hide/show body and footer\n- **Fullscreen**: Optional maximize button for fullscreen mode via `:state(fullscreen)` custom state\n- **Dynamic Content**: `onFind` handles content added after initialization\n- **Accessible**: Full ARIA support and keyboard navigation\n- **Themeable**: CSS custom properties for colors and spacing\n\n## Accessibility\n\n- **Collapse toggle**: `aria-expanded`, `aria-controls`, `aria-label`\n- **Fullscreen toggle**: `aria-pressed`, `aria-label`\n- **Body region**: `role=\"region\"`, `aria-labelledby` linking to heading\n- **Tab order**: Natural flow via physical DOM placement\n- **Collapsed content**: Hidden via `inert` attribute and CSS grid collapse",
+          "name": "Widget",
+          "cssProperties": [
+            {
+              "description": "Body and footer background color (default: --btu-theme-white)",
+              "name": "--widget-background"
+            },
+            {
+              "description": "Widget border and dividers (default: 1px solid gray-200)",
+              "name": "--widget-border"
+            },
+            {
+              "description": "Header background color (default: transparent)",
+              "name": "--header-background"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default pseudo-slot: elements without slot attribute are moved to body",
+              "name": ""
+            },
+            {
+              "description": "Pseudo-slot: buttons/actions moved to header actions area",
+              "name": "controls"
+            },
+            {
+              "description": "Pseudo-slot: content moved to footer container",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_idCounter",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Heading text displayed in the header.",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "collapsible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget can be collapsed/expanded.\nWhen true, a chevron toggle button appears in the header.",
+              "attribute": "collapsible"
+            },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget is currently collapsed.\nWhen true, body and footer are hidden. Implies collapsible.",
+              "attribute": "collapsed"
+            },
+            {
+              "kind": "field",
+              "name": "fullscreenable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget can enter fullscreen mode.\nWhen true, a fullscreen toggle button appears in the header.",
+              "attribute": "fullscreenable"
+            },
+            {
+              "kind": "field",
+              "name": "_isFullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_collapseTooltip",
+              "privacy": "private",
+              "default": "new TooltipController(this, { target: 'button[data-tooltip=\"collapse\"]', text: () => (this.collapsed ? 'Expand' : 'Collapse'), position: 'bottom', noArrow: true, offset: 'sm', })"
+            },
+            {
+              "kind": "field",
+              "name": "_fullscreenTooltip",
+              "privacy": "private",
+              "default": "new TooltipController(this, { target: 'button[data-tooltip=\"fullscreen\"]', text: () => (this._isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'), position: 'bottom', noArrow: true, offset: 'sm', })"
+            },
+            {
+              "kind": "field",
+              "name": "isFullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the widget is currently in fullscreen mode (read-only).\nUse `btu-widget-fullscreen-changed` event to react to changes.",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and redistribution",
+              "name": "btu-widget-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{collapsed: boolean}>"
+              },
+              "description": "Fired when collapsed state changes",
+              "name": "btu-widget-collapse-changed"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{fullscreen: boolean}>"
+              },
+              "description": "Fired when fullscreen state changes",
+              "name": "btu-widget-fullscreen-changed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Heading text displayed in the header.",
+              "fieldName": "heading",
+              "attribute": "heading"
+            },
+            {
+              "name": "collapsible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget can be collapsed/expanded.\nWhen true, a chevron toggle button appears in the header.",
+              "fieldName": "collapsible",
+              "attribute": "collapsible"
+            },
+            {
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget is currently collapsed.\nWhen true, body and footer are hidden. Implies collapsible.",
+              "fieldName": "collapsed",
+              "attribute": "collapsed"
+            },
+            {
+              "name": "fullscreenable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the widget can enter fullscreen mode.\nWhen true, a fullscreen toggle button appears in the header.",
+              "fieldName": "fullscreenable",
+              "attribute": "fullscreenable"
+            },
+            {
+              "description": "When set, collapsed state is automatically persisted to LocalStorage",
+              "name": "id"
+            }
+          ],
+          "cssStates": [
+            {
+              "description": "Applied when the widget is collapsed, targetable via :state(collapsed)",
+              "name": "collapsed"
+            },
+            {
+              "description": "Applied when the widget is in fullscreen mode, targetable via :state(fullscreen)",
+              "name": "fullscreen"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-widget",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Widget",
+            "module": "src/components/widget/Widget.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-widget",
+          "declaration": {
+            "name": "Widget",
+            "module": "src/components/widget/Widget.ts"
+          }
+        }
+      ]
     }
   ]
 }