@brightspot/ui 1.4.1 → 1.5.0

package/dist/custom-elements.json

@@ -2,150 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "src/components/badge/Badge.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",
-          "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": "Vertical padding (overrides size default)",
-              "name": "--badge-py"
-            },
-            {
-              "description": "Size of the dot affordance (default: 6px)",
-              "name": "--badge-dot-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",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Should a dot be displayed before the label?",
-              "attribute": "dot"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
-              "attribute": "size"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired after first render and initialization",
-              "name": "btu-badge-ready"
-            }
-          ],
-          "attributes": [
-            {
-              "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": "false",
-              "description": "Should a dot be displayed before the label?",
-              "fieldName": "dot",
-              "attribute": "dot"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
-              "fieldName": "size",
-              "attribute": "size"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "EventEmitterMixin",
-              "module": "/src/util/EventEmitterMixin.js"
-            },
-            {
-              "name": "ReadyMixin",
-              "module": "/src/util/ReadyMixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "btu-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "btu-badge",
-          "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/avatar/Avatar.ts",
@@ -284,6 +140,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "TooltipMixin",
+              "module": "/src/util/TooltipMixin.js"
+            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -558,35 +418,68 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/copy-to-clipboard/CopyToClipboard.ts",
+      "path": "src/components/badge/Badge.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A button component that copies text to the system clipboard.\n\nProvides visual feedback when text is successfully copied by applying\na temporary state that can be styled with CSS.",
-          "name": "CopyToClipboard",
+          "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": "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": "Vertical padding (overrides size default)",
+              "name": "--badge-py"
+            },
+            {
+              "description": "Size of the dot affordance (default: 6px)",
+              "name": "--badge-dot-size"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "copydata",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
               },
-              "description": "The text to be copied to the system clipboard.",
-              "attribute": "copydata"
+              "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": "buttonClasses",
+              "name": "dot",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Custom CSS classes for the button. If provided, replaces the default classes.",
-              "attribute": "buttonClasses"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "attribute": "dot"
             },
             {
-              "kind": "method",
-              "name": "copy",
-              "description": "Copies the copydata to the system clipboard.\nDisplays a success state for 3 seconds after copying."
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "attribute": "size"
             }
           ],
           "events": [
@@ -595,45 +488,156 @@
                 "text": "CustomEvent"
               },
               "description": "Fired after first render and initialization",
-              "name": "btu-clipboard-ready"
-            },
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when text is successfully copied to clipboard",
-              "name": "btu-clipboard-copied"
+              "name": "btu-badge-ready"
             }
           ],
           "attributes": [
             {
-              "name": "copydata",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
               },
-              "description": "The text to be copied to the system clipboard.",
-              "fieldName": "copydata",
-              "attribute": "copydata"
+              "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": "buttonClasses",
+              "name": "dot",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Custom CSS classes for the button. If provided, replaces the default classes.",
-              "fieldName": "buttonClasses",
-              "attribute": "buttonClasses"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "fieldName": "dot",
+              "attribute": "dot"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "fieldName": "size",
+              "attribute": "size"
             }
           ],
           "mixins": [
-            {
-              "name": "ClipboardMixin",
-              "module": "/src/util/ClipboardMixin.js"
-            },
-            {
-              "name": "ComponentStatesMixin",
-              "module": "/src/util/ComponentStatesMixin.js"
-            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-badge",
+          "declaration": {
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/copy-to-clipboard/CopyToClipboard.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A button component that copies text to the system clipboard.\n\nProvides visual feedback when text is successfully copied by applying\na temporary state that can be styled with CSS.",
+          "name": "CopyToClipboard",
+          "members": [
+            {
+              "kind": "field",
+              "name": "copydata",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The text to be copied to the system clipboard.",
+              "attribute": "copydata"
+            },
+            {
+              "kind": "field",
+              "name": "buttonClasses",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Custom CSS classes for the button. If provided, replaces the default classes.",
+              "attribute": "buttonClasses"
+            },
+            {
+              "kind": "method",
+              "name": "copy",
+              "description": "Copies the copydata to the system clipboard.\nDisplays a success state for 3 seconds after copying."
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-clipboard-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when text is successfully copied to clipboard",
+              "name": "btu-clipboard-copied"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "copydata",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The text to be copied to the system clipboard.",
+              "fieldName": "copydata",
+              "attribute": "copydata"
+            },
+            {
+              "name": "buttonClasses",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Custom CSS classes for the button. If provided, replaces the default classes.",
+              "fieldName": "buttonClasses",
+              "attribute": "buttonClasses"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ClipboardMixin",
+              "module": "/src/util/ClipboardMixin.js"
+            },
+            {
+              "name": "ComponentStatesMixin",
+              "module": "/src/util/ComponentStatesMixin.js"
+            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -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"
+          }
+        }
+      ]
     }
   ]
 }