@brightspot/ui 1.6.0 → 1.8.0

package/dist/custom-elements.json

@@ -674,6 +674,1002 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/Dropdown.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A dropdown component that renders a trigger button and manages a floating panel\ncontaining a `btu-dropdown-menu`.\n\nUses the native Popover API and CSS anchor positioning for panel management.\nThe trigger button is built with existing `btu-button-*` classes.\n\n**Trigger button styling:** Set `--button-*` CSS custom properties on `<btu-dropdown>`\nor a parent element to customize the trigger via CSS inheritance (e.g.,\n`--button-border-radius`, `--button-color-background`). See\n`tailwind-plugin-button.ts` for available props.",
+          "name": "Dropdown",
+          "cssProperties": [
+            {
+              "description": "Panel background color (default: white)",
+              "name": "--dropdown-panel-background"
+            },
+            {
+              "description": "Panel border color (default: gray-200)",
+              "name": "--dropdown-panel-border-color"
+            },
+            {
+              "description": "Panel border radius (default: borderRadius.lg)",
+              "name": "--dropdown-panel-border-radius"
+            },
+            {
+              "description": "Panel minimum width (default: max(12rem, anchor-size(width)))",
+              "name": "--dropdown-panel-min-width"
+            },
+            {
+              "description": "Item background color (default: transparent)",
+              "name": "--dropdown-item-background"
+            },
+            {
+              "description": "Item text color (default: gray-700)",
+              "name": "--dropdown-item-color"
+            },
+            {
+              "description": "Item hover background (default: gray-100)",
+              "name": "--dropdown-item-hover-background"
+            },
+            {
+              "description": "Item hover text color (default: gray-900)",
+              "name": "--dropdown-item-hover-color"
+            },
+            {
+              "description": "Selected item background (default: primary-50)",
+              "name": "--dropdown-item-selected-background"
+            },
+            {
+              "description": "Selected item text color (default: primary-700)",
+              "name": "--dropdown-item-selected-color"
+            },
+            {
+              "description": "Item font size (default: fontSize.sm)",
+              "name": "--dropdown-item-font-size"
+            },
+            {
+              "description": "Divider line color (default: gray-200)",
+              "name": "--dropdown-divider-color"
+            },
+            {
+              "description": "Empty state text color (default: gray-400)",
+              "name": "--dropdown-empty-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A `btu-dropdown-menu` element containing `btu-dropdown-item` children",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Trigger button text.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel visibility state. Can be set programmatically (e.g., for tour UIs)\n— syncs to `showPopover()`/`hidePopover()` in `updated()`.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-start'",
+              "description": "Panel placement: 'bottom-start', 'bottom-end', 'top-start', 'top-end'.",
+              "attribute": "placement"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "default": "'medium'",
+              "description": "Button size: 'small', 'medium', 'large'.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevents opening.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "Variant"
+              },
+              "default": "'secondary'",
+              "description": "Button variant: 'primary', 'secondary', 'tertiary', 'primary-clear', 'secondary-clear', 'tertiary-clear'.",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "iconSymbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Lucide icon symbol for the trigger.",
+              "attribute": "icon-symbol"
+            },
+            {
+              "kind": "field",
+              "name": "iconPosition",
+              "type": {
+                "text": "'leading' | 'trailing'"
+              },
+              "default": "'leading'",
+              "description": "Icon position: 'leading' or 'trailing'.",
+              "attribute": "icon-position"
+            },
+            {
+              "kind": "field",
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides label, shows icon only.",
+              "attribute": "icon-only"
+            },
+            {
+              "kind": "field",
+              "name": "stayOpenOnSelect",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Keeps panel open on item click.",
+              "attribute": "stay-open-on-select"
+            },
+            {
+              "kind": "field",
+              "name": "noChevron",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the chevron icon on the trigger button.",
+              "attribute": "no-chevron",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_getButtonClasses",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Build the button class string based on variant and size"
+            },
+            {
+              "kind": "method",
+              "name": "_showPanel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Show the dropdown panel"
+            },
+            {
+              "kind": "method",
+              "name": "_hidePanel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Hide the dropdown panel"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-dropdown-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the dropdown panel opens",
+              "name": "btu-dropdown-show"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the dropdown panel closes",
+              "name": "btu-dropdown-hide"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{label: string, selected: boolean}>"
+              },
+              "description": "Fired when a menu item is activated (bubbles from btu-dropdown-item)",
+              "name": "btu-dropdown-item-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{label: string, favorited: boolean}>"
+              },
+              "description": "Fired when a menu item's favorite is toggled (bubbles from btu-dropdown-item)",
+              "name": "btu-dropdown-item-favorite"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Trigger button text.",
+              "fieldName": "label",
+              "attribute": "label"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel visibility state. Can be set programmatically (e.g., for tour UIs)\n— syncs to `showPopover()`/`hidePopover()` in `updated()`.",
+              "fieldName": "open",
+              "attribute": "open"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-start'",
+              "description": "Panel placement: 'bottom-start', 'bottom-end', 'top-start', 'top-end'.",
+              "fieldName": "placement",
+              "attribute": "placement"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "default": "'medium'",
+              "description": "Button size: 'small', 'medium', 'large'.",
+              "fieldName": "size",
+              "attribute": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevents opening.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "Variant"
+              },
+              "default": "'secondary'",
+              "description": "Button variant: 'primary', 'secondary', 'tertiary', 'primary-clear', 'secondary-clear', 'tertiary-clear'.",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "icon-symbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Lucide icon symbol for the trigger.",
+              "fieldName": "iconSymbol",
+              "attribute": "icon-symbol"
+            },
+            {
+              "name": "icon-position",
+              "type": {
+                "text": "'leading' | 'trailing'"
+              },
+              "default": "'leading'",
+              "description": "Icon position: 'leading' or 'trailing'.",
+              "fieldName": "iconPosition",
+              "attribute": "icon-position"
+            },
+            {
+              "name": "icon-only",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides label, shows icon only.",
+              "fieldName": "iconOnly",
+              "attribute": "icon-only"
+            },
+            {
+              "name": "stay-open-on-select",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Keeps panel open on item click.",
+              "fieldName": "stayOpenOnSelect",
+              "attribute": "stay-open-on-select"
+            },
+            {
+              "name": "no-chevron",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the chevron icon on the trigger button.",
+              "fieldName": "noChevron",
+              "attribute": "no-chevron"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "TooltipMixin",
+              "module": "/src/util/TooltipMixin.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-dropdown",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Dropdown",
+            "module": "src/components/dropdown/Dropdown.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-dropdown",
+          "declaration": {
+            "name": "Dropdown",
+            "module": "src/components/dropdown/Dropdown.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/DropdownItem.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A menu item component for use inside `btu-dropdown-menu`.\n\nRenders as a menu item, divider, or subhead depending on the `type` property.\nSupports checkbox mode (inherited from parent menu), icons, keyboard shortcuts,\nand favorite toggles.",
+          "name": "DropdownItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Display text for the item.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'default' | 'divider' | 'subhead'"
+              },
+              "default": "'default'",
+              "description": "Item type: 'default', 'divider', or 'subhead'.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "iconSymbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Lucide icon symbol.",
+              "attribute": "icon-symbol"
+            },
+            {
+              "kind": "field",
+              "name": "shortcut",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Keyboard shortcut display text.",
+              "attribute": "shortcut"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is disabled.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is selected/checked.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "favorited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is favorited.",
+              "attribute": "favorited"
+            },
+            {
+              "kind": "method",
+              "name": "_toggleFavorite",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Toggle favorite state"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render",
+              "name": "btu-dropdown-item-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{label: string, selected: boolean}>"
+              },
+              "description": "Fired when item is activated",
+              "name": "btu-dropdown-item-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{label: string, favorited: boolean}>"
+              },
+              "description": "Fired when favorite is toggled",
+              "name": "btu-dropdown-item-favorite"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Display text for the item.",
+              "fieldName": "label",
+              "attribute": "label"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'default' | 'divider' | 'subhead'"
+              },
+              "default": "'default'",
+              "description": "Item type: 'default', 'divider', or 'subhead'.",
+              "fieldName": "type",
+              "attribute": "type"
+            },
+            {
+              "name": "icon-symbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Lucide icon symbol.",
+              "fieldName": "iconSymbol",
+              "attribute": "icon-symbol"
+            },
+            {
+              "name": "shortcut",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Keyboard shortcut display text.",
+              "fieldName": "shortcut",
+              "attribute": "shortcut"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is disabled.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is selected/checked.",
+              "fieldName": "selected",
+              "attribute": "selected"
+            },
+            {
+              "name": "favorited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the item is favorited.",
+              "fieldName": "favorited",
+              "attribute": "favorited"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-dropdown-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DropdownItem",
+            "module": "src/components/dropdown/DropdownItem.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-dropdown-item",
+          "declaration": {
+            "name": "DropdownItem",
+            "module": "src/components/dropdown/DropdownItem.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/DropdownMenu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A menu container component that provides keyboard navigation and ARIA menu semantics.\n\nContains `btu-dropdown-item` children and manages roving tabindex, typeahead search,\nand keyboard navigation following the WAI-ARIA Menu Button Pattern.",
+          "name": "DropdownMenu",
+          "cssProperties": [
+            {
+              "description": "Empty state text color (default: gray-400)",
+              "name": "--dropdown-empty-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Menu items (`btu-dropdown-item` elements)",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name for the menu, displayed in header when header is true.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show header bar with menu name.",
+              "attribute": "header"
+            },
+            {
+              "kind": "field",
+              "name": "checkbox",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable checkbox mode for items (menuitemcheckbox role).",
+              "attribute": "checkbox"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show icons before each item.",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "iconSymbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Fallback Lucide icon symbol for items without their own.",
+              "attribute": "icon-symbol"
+            },
+            {
+              "kind": "field",
+              "name": "favorites",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show favorite toggle on each item.",
+              "attribute": "favorites"
+            },
+            {
+              "kind": "field",
+              "name": "shortcuts",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show keyboard shortcut text on each item.",
+              "attribute": "shortcuts"
+            },
+            {
+              "kind": "field",
+              "name": "emptyMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No items available'",
+              "description": "Message displayed when the menu has no focusable items.",
+              "attribute": "empty-message"
+            },
+            {
+              "kind": "method",
+              "name": "_configureItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Configure all child items with menu-level settings"
+            },
+            {
+              "kind": "method",
+              "name": "_getAllItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DropdownItem[]"
+                }
+              },
+              "description": "Get all btu-dropdown-item children"
+            },
+            {
+              "kind": "method",
+              "name": "_getFocusableItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DropdownItem[]"
+                }
+              },
+              "description": "Get only focusable items (default type, skip dividers/subheads)"
+            },
+            {
+              "kind": "method",
+              "name": "_getCurrentFocusIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "focusable",
+                  "type": {
+                    "text": "DropdownItem[]"
+                  }
+                }
+              ],
+              "description": "Find the current focused item index"
+            },
+            {
+              "kind": "method",
+              "name": "_findNextIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "focusable",
+                  "type": {
+                    "text": "DropdownItem[]"
+                  }
+                },
+                {
+                  "name": "current",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  }
+                }
+              ],
+              "description": "Find next index wrapping around, moving in direction (+1 or -1)"
+            },
+            {
+              "kind": "method",
+              "name": "_handleTypeahead",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "char",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "focusable",
+                  "type": {
+                    "text": "DropdownItem[]"
+                  }
+                }
+              ],
+              "description": "Typeahead character matching with 500ms accumulation"
+            },
+            {
+              "kind": "field",
+              "name": "_isEmpty",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Check whether the menu has zero focusable items",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render",
+              "name": "btu-dropdown-menu-ready"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name for the menu, displayed in header when header is true.",
+              "fieldName": "name",
+              "attribute": "name"
+            },
+            {
+              "name": "header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show header bar with menu name.",
+              "fieldName": "header",
+              "attribute": "header"
+            },
+            {
+              "name": "checkbox",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable checkbox mode for items (menuitemcheckbox role).",
+              "fieldName": "checkbox",
+              "attribute": "checkbox"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show icons before each item.",
+              "fieldName": "icon",
+              "attribute": "icon"
+            },
+            {
+              "name": "icon-symbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Fallback Lucide icon symbol for items without their own.",
+              "fieldName": "iconSymbol",
+              "attribute": "icon-symbol"
+            },
+            {
+              "name": "favorites",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show favorite toggle on each item.",
+              "fieldName": "favorites",
+              "attribute": "favorites"
+            },
+            {
+              "name": "shortcuts",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show keyboard shortcut text on each item.",
+              "fieldName": "shortcuts",
+              "attribute": "shortcuts"
+            },
+            {
+              "name": "empty-message",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No items available'",
+              "description": "Message displayed when the menu has no focusable items.",
+              "fieldName": "emptyMessage",
+              "attribute": "empty-message"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-dropdown-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DropdownMenu",
+            "module": "src/components/dropdown/DropdownMenu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-dropdown-menu",
+          "declaration": {
+            "name": "DropdownMenu",
+            "module": "src/components/dropdown/DropdownMenu.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/icon/Icon.ts",
@@ -810,6 +1806,221 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon-button/IconButton.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Surfaces the different actions someone can perform in an interface where space is limited.\n\nUses an icon to communicate the action and supports multiple visual types and sizes.\nTooltip support is built-in for accessibility in compact layouts.",
+          "name": "IconButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional name for the button which can be used to identify the button in a callback.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "IconButtonType"
+              },
+              "default": "'primary'",
+              "description": "Specifies the type of icon-button, controlling the visual style.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "iconSymbol",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Lucide icon name.",
+              "attribute": "icon-symbol"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "'medium'",
+              "description": "Specifies the size of icon-button.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specifies an icon-button will be used to take any destructive action overriding the\ndefault color used for the icon-button type with the error color.",
+              "attribute": "destructive"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button, preventing interaction and indicating an inactive state.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "method",
+              "name": "_relayTooltipAttrs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_buildButtonClasses",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-icon-button-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{name: string | undefined}>"
+              },
+              "description": "Fired when the button is clicked",
+              "name": "btu-icon-button-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional name for the button which can be used to identify the button in a callback.",
+              "fieldName": "name",
+              "attribute": "name"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "IconButtonType"
+              },
+              "default": "'primary'",
+              "description": "Specifies the type of icon-button, controlling the visual style.",
+              "fieldName": "type",
+              "attribute": "type"
+            },
+            {
+              "name": "icon-symbol",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Lucide icon name.",
+              "fieldName": "iconSymbol",
+              "attribute": "icon-symbol"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "'medium'",
+              "description": "Specifies the size of icon-button.",
+              "fieldName": "size",
+              "attribute": "size"
+            },
+            {
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specifies an icon-button will be used to take any destructive action overriding the\ndefault color used for the icon-button type with the error color.",
+              "fieldName": "destructive",
+              "attribute": "destructive"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button, preventing interaction and indicating an inactive state.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "TooltipMixin",
+              "module": "/src/util/TooltipMixin.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-icon-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/components/icon-button/IconButton.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-icon-button",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/components/icon-button/IconButton.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/linear-progress/LinearProgress.ts",
@@ -1155,7 +2366,7 @@
                 {
                   "name": "clickedButton",
                   "type": {
-                    "text": "HTMLButtonElement"
+                    "text": "IconButton"
                   }
                 }
               ]