@actabldesign/bellhop-core 0.0.3

package/components/p-ghuDbZwh.js

@@ -0,0 +1,148 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-9a7sQzad.js';
+import { d as defineCustomElement$1 } from './p-YJm8-pxX.js';
+
+const bhDropdownMenuCss = ":host{display:block}.dropdown-menu{width:240px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);overflow:hidden;flex-shrink:0;position:relative;box-sizing:border-box}.animate-dropdown-enter{animation:dropdownEnter 0.15s ease-out forwards}.animate-dropdown-exit{animation:dropdownExit 0.15s ease-in forwards}@keyframes dropdownEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.dropdown-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-neutral-200)}.dropdown-header-avatar{padding:var(--spacing-lg) var(--spacing-xl)}.avatar-group{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.avatar-text{display:flex;flex-direction:column;flex:1;min-width:0}.avatar-name{font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-sm-size);text-align:left;line-height:1.43;color:var(--color-neutral-800);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-email{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title{font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-800);margin:0}.menu-items{padding:var(--spacing-xs) 0}.dropdown-item{padding:var(--spacing-none) var(--spacing-sm);cursor:pointer}.dropdown-item-disabled{opacity:0.5;cursor:not-allowed}.item-content{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color 0.15s ease}.dropdown-item:hover:not(.dropdown-item-disabled) .item-content{background:var(--color-neutral-100)}.item-main{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.item-icon{font-size:var(--icon-size-md, 20px);color:var(--color-neutral-600);flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-text{font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-700);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.item-shortcut{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-xs-size);line-height:1.5;color:var(--color-neutral-500);flex-shrink:0}.menu-divider{height:1px;background:var(--color-neutral-200);margin:var(--spacing-xs) 0}.dropdown-menu-scrollable .menu-items{max-height:280px;overflow-y:auto;overflow-x:hidden}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar{width:6px}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track{background:var(--color-neutral-50);border-radius:var(--radius-xs)}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:var(--radius-xs)}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}.dropdown-menu-scrollable .menu-items{scrollbar-width:thin;scrollbar-color:var(--color-neutral-200) var(--color-neutral-50)}";
+
+const BhDropdownMenu = /*@__PURE__*/ proxyCustomElement(class BhDropdownMenu extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhItemClick = createEvent(this, "bhItemClick");
+    }
+    /**
+     * Header configuration (JSON string or object)
+     */
+    header;
+    /**
+     * Menu items array (JSON string or array)
+     */
+    menuItems = [];
+    /**
+     * Whether the menu is visible
+     */
+    visible = true;
+    /**
+     * Whether to show icons in menu items
+     */
+    showIcons = true;
+    /**
+     * Whether the menu should be scrollable
+     */
+    scrollable = false;
+    isClosing = false;
+    shouldRender = true;
+    /**
+     * Event emitted when a menu item is clicked
+     */
+    bhItemClick;
+    get parsedHeader() {
+        if (!this.header)
+            return undefined;
+        if (typeof this.header === 'string') {
+            try {
+                return JSON.parse(this.header);
+            }
+            catch {
+                return undefined;
+            }
+        }
+        return this.header;
+    }
+    get parsedMenuItems() {
+        if (typeof this.menuItems === 'string') {
+            try {
+                return JSON.parse(this.menuItems);
+            }
+            catch {
+                return [];
+            }
+        }
+        return this.menuItems || [];
+    }
+    watchVisible(newValue) {
+        if (newValue) {
+            this.shouldRender = true;
+            this.isClosing = false;
+        }
+        else {
+            this.isClosing = true;
+            setTimeout(() => {
+                this.shouldRender = false;
+                this.isClosing = false;
+            }, 150);
+        }
+    }
+    componentWillLoad() {
+        this.shouldRender = this.visible;
+    }
+    handleItemClick(item) {
+        if (!item.disabled && !item.divider) {
+            this.bhItemClick.emit(item);
+        }
+    }
+    getMenuItemClasses(item) {
+        return {
+            'dropdown-item': true,
+            'dropdown-item-disabled': !!item.disabled,
+        };
+    }
+    render() {
+        if (!this.visible) {
+            return null;
+        }
+        const header = this.parsedHeader;
+        const items = this.parsedMenuItems;
+        const dropdownClasses = {
+            'dropdown-menu': true,
+            'dropdown-menu-scrollable': this.scrollable,
+            'animate-dropdown-enter': true,
+            'animate-dropdown-exit': false,
+        };
+        const headerClasses = {
+            'dropdown-header': true,
+            'dropdown-header-avatar': !!header?.avatarGroup,
+        };
+        return (h("div", { class: dropdownClasses }, header && (h("div", { class: headerClasses }, header.avatarGroup && (h("div", { class: "avatar-group" }, h("bh-avatar", { size: "md", type: "image", status: "online", imageSrc: header.avatarSrc || '', alt: header.name || 'Avatar' }), h("div", { class: "avatar-text" }, h("div", { class: "avatar-name" }, header.name), h("div", { class: "avatar-email" }, header.email)))), !header.avatarGroup && header.title && (h("div", { class: "header-title" }, header.title)))), h("div", { class: "menu-items" }, items.map((item) => (h("div", { key: item.id }, item.divider && h("div", { class: "menu-divider" }), !item.divider && (h("div", { class: this.getMenuItemClasses(item), onClick: () => this.handleItemClick(item) }, h("div", { class: "item-content" }, h("div", { class: "item-main" }, item.icon && this.showIcons && (h("span", { class: "material-symbols-outlined item-icon" }, item.icon)), h("span", { class: "item-text", title: item.label }, item.label)), item.shortcut && (h("span", { class: "item-shortcut" }, item.shortcut)))))))))));
+    }
+    static get watchers() { return {
+        "visible": ["watchVisible"]
+    }; }
+    static get style() { return bhDropdownMenuCss; }
+}, [769, "bh-dropdown-menu", {
+        "header": [1],
+        "menuItems": [1, "menu-items"],
+        "visible": [4],
+        "showIcons": [4, "show-icons"],
+        "scrollable": [4],
+        "isClosing": [32],
+        "shouldRender": [32]
+    }, undefined, {
+        "visible": ["watchVisible"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-dropdown-menu", "bh-avatar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-dropdown-menu":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhDropdownMenu);
+            }
+            break;
+        case "bh-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BhDropdownMenu as B, defineCustomElement as d };
+//# sourceMappingURL=p-ghuDbZwh.js.map
+
+//# sourceMappingURL=p-ghuDbZwh.js.map

package/components/p-ghuDbZwh.js.map

@@ -0,0 +1 @@
+{"file":"p-ghuDbZwh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-dropdown-menu/bh-dropdown-menu.css?tag=bh-dropdown-menu&encapsulation=shadow","src/components/bh-dropdown-menu/bh-dropdown-menu.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-DROPDOWN-MENU COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: block;\n}\n\n/* Base dropdown menu styles */\n.dropdown-menu {\n  width: 240px;\n  background: var(--color-white);\n  border-radius: var(--radius-md);\n  box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n  overflow: hidden;\n  flex-shrink: 0;\n  position: relative;\n  box-sizing: border-box;\n}\n\n/* Animation classes */\n.animate-dropdown-enter {\n  animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.animate-dropdown-exit {\n  animation: dropdownExit 0.15s ease-in forwards;\n}\n\n@keyframes dropdownEnter {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes dropdownExit {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n}\n\n/* ==========================================================================\n   HEADER SECTION\n   ========================================================================== */\n\n.dropdown-header {\n  padding: var(--spacing-lg) var(--spacing-xl);\n  border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.dropdown-header-avatar {\n  padding: var(--spacing-lg) var(--spacing-xl);\n}\n\n.avatar-group {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-lg);\n  width: 100%;\n}\n\n.avatar-text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n}\n\n.avatar-name {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-semibold);\n  font-size: var(--text-sm-size);\n  text-align: left;\n  line-height: 1.43;\n  color: var(--color-neutral-800);\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.avatar-email {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-regular);\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-600);\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.header-title {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-semibold);\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-800);\n  margin: 0;\n}\n\n/* ==========================================================================\n   MENU ITEMS SECTION\n   ========================================================================== */\n\n.menu-items {\n  padding: var(--spacing-xs) 0;\n}\n\n.dropdown-item {\n  padding: var(--spacing-none) var(--spacing-sm);\n  cursor: pointer;\n}\n\n.dropdown-item-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.item-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-md) var(--spacing-md);\n  border-radius: var(--radius-sm);\n  transition: background-color 0.15s ease;\n}\n\n.dropdown-item:hover:not(.dropdown-item-disabled) .item-content {\n  background: var(--color-neutral-100);\n}\n\n.item-main {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  flex: 1;\n  min-width: 0;\n}\n\n.item-icon {\n  font-size: var(--icon-size-md, 20px);\n  color: var(--color-neutral-600);\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.item-text {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-medium);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--color-neutral-700);\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.item-shortcut {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-regular);\n  font-size: var(--text-xs-size);\n  line-height: 1.5;\n  color: var(--color-neutral-500);\n  flex-shrink: 0;\n}\n\n/* ==========================================================================\n   DIVIDER\n   ========================================================================== */\n\n.menu-divider {\n  height: 1px;\n  background: var(--color-neutral-200);\n  margin: var(--spacing-xs) 0;\n}\n\n/* ==========================================================================\n   SCROLLABLE VARIANT\n   ========================================================================== */\n\n.dropdown-menu-scrollable .menu-items {\n  max-height: 280px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Custom scrollbar styling */\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar {\n  width: 6px;\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track {\n  background: var(--color-neutral-50);\n  border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb {\n  background: var(--color-neutral-200);\n  border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover {\n  background: var(--color-neutral-300);\n}\n\n/* Firefox scrollbar */\n.dropdown-menu-scrollable .menu-items {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-neutral-200) var(--color-neutral-50);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface DropdownMenuItem {\n  id: string;\n  label?: string;\n  icon?: string;\n  shortcut?: string;\n  disabled?: boolean;\n  divider?: boolean;\n}\n\nexport interface DropdownMenuHeader {\n  title?: string;\n  avatarGroup?: boolean;\n  avatarSrc?: string;\n  name?: string;\n  email?: string;\n}\n\n@Component({\n  tag: 'bh-dropdown-menu',\n  styleUrl: 'bh-dropdown-menu.css',\n  shadow: true,\n})\nexport class BhDropdownMenu {\n  /**\n   * Header configuration (JSON string or object)\n   */\n  @Prop() header?: DropdownMenuHeader | string;\n\n  /**\n   * Menu items array (JSON string or array)\n   */\n  @Prop() menuItems: DropdownMenuItem[] | string = [];\n\n  /**\n   * Whether the menu is visible\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * Whether to show icons in menu items\n   */\n  @Prop() showIcons: boolean = true;\n\n  /**\n   * Whether the menu should be scrollable\n   */\n  @Prop() scrollable: boolean = false;\n\n  @State() isClosing: boolean = false;\n  @State() shouldRender: boolean = true;\n\n  /**\n   * Event emitted when a menu item is clicked\n   */\n  @Event() bhItemClick!: EventEmitter<DropdownMenuItem>;\n\n  private get parsedHeader(): DropdownMenuHeader | undefined {\n    if (!this.header) return undefined;\n    if (typeof this.header === 'string') {\n      try {\n        return JSON.parse(this.header);\n      } catch {\n        return undefined;\n      }\n    }\n    return this.header;\n  }\n\n  private get parsedMenuItems(): DropdownMenuItem[] {\n    if (typeof this.menuItems === 'string') {\n      try {\n        return JSON.parse(this.menuItems);\n      } catch {\n        return [];\n      }\n    }\n    return this.menuItems || [];\n  }\n\n  @Watch('visible')\n  watchVisible(newValue: boolean) {\n    if (newValue) {\n      this.shouldRender = true;\n      this.isClosing = false;\n    } else {\n      this.isClosing = true;\n      setTimeout(() => {\n        this.shouldRender = false;\n        this.isClosing = false;\n      }, 150);\n    }\n  }\n\n  componentWillLoad() {\n    this.shouldRender = this.visible;\n  }\n\n  private handleItemClick(item: DropdownMenuItem) {\n    if (!item.disabled && !item.divider) {\n      this.bhItemClick.emit(item);\n    }\n  }\n\n  private getMenuItemClasses(item: DropdownMenuItem) {\n    return {\n      'dropdown-item': true,\n      'dropdown-item-disabled': !!item.disabled,\n    };\n  }\n\n  render() {\n    if (!this.visible) {\n      return null;\n    }\n\n    const header = this.parsedHeader;\n    const items = this.parsedMenuItems;\n\n    const dropdownClasses = {\n      'dropdown-menu': true,\n      'dropdown-menu-scrollable': this.scrollable,\n      'animate-dropdown-enter': true,\n      'animate-dropdown-exit': false,\n    };\n\n    const headerClasses = {\n      'dropdown-header': true,\n      'dropdown-header-avatar': !!header?.avatarGroup,\n    };\n\n    return (\n      <div class={dropdownClasses}>\n        {/* Header Section */}\n        {header && (\n          <div class={headerClasses}>\n            {/* Avatar Group Header */}\n            {header.avatarGroup && (\n              <div class=\"avatar-group\">\n                <bh-avatar\n                  size=\"md\"\n                  type=\"image\"\n                  status=\"online\"\n                  imageSrc={header.avatarSrc || ''}\n                  alt={header.name || 'Avatar'}\n                />\n                <div class=\"avatar-text\">\n                  <div class=\"avatar-name\">{header.name}</div>\n                  <div class=\"avatar-email\">{header.email}</div>\n                </div>\n              </div>\n            )}\n            {/* Simple Text Header */}\n            {!header.avatarGroup && header.title && (\n              <div class=\"header-title\">{header.title}</div>\n            )}\n          </div>\n        )}\n\n        {/* Menu Items Section */}\n        <div class=\"menu-items\">\n          {items.map((item) => (\n            <div key={item.id}>\n              {/* Divider */}\n              {item.divider && <div class=\"menu-divider\" />}\n\n              {/* Menu Item */}\n              {!item.divider && (\n                <div\n                  class={this.getMenuItemClasses(item)}\n                  onClick={() => this.handleItemClick(item)}\n                >\n                  <div class=\"item-content\">\n                    <div class=\"item-main\">\n                      {item.icon && this.showIcons && (\n                        <span class=\"material-symbols-outlined item-icon\">\n                          {item.icon}\n                        </span>\n                      )}\n                      <span class=\"item-text\" title={item.label}>\n                        {item.label}\n                      </span>\n                    </div>\n                    {item.shortcut && (\n                      <span class=\"item-shortcut\">{item.shortcut}</span>\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/p-p8W0xKpn.js

@@ -0,0 +1,106 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-9a7sQzad.js';
+import { d as defineCustomElement$1 } from './p-D6kh9oF2.js';
+
+const bhAvatarAddCss = ":host{display:inline-block;font-family:var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  )}.avatar-add-container{position:relative;display:inline-flex}.avatar-add{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-white, #ffffff);border:1px dashed var(--color-neutral-300, #d0d5dd);border-radius:50%;cursor:pointer;transition:all 0.2s ease-in-out;padding:0;outline:none}.avatar-add-xs{width:24px;height:24px}.avatar-add-xs .avatar-add-icon{font-size:14px}.avatar-add-sm{width:32px;height:32px}.avatar-add-sm .avatar-add-icon{font-size:16px}.avatar-add-md{width:40px;height:40px}.avatar-add-md .avatar-add-icon{font-size:20px}.avatar-add-lg{width:48px;height:48px}.avatar-add-lg .avatar-add-icon{font-size:24px}.avatar-add-xl{width:56px;height:56px}.avatar-add-xl .avatar-add-icon{font-size:28px}.avatar-add-2xl{width:64px;height:64px}.avatar-add-2xl .avatar-add-icon{font-size:32px}.avatar-add-hover{background-color:var(--color-neutral-50, #f9fafb);border-color:var(--color-brand-500, #7f56d9)}.avatar-add-hover .avatar-add-icon{color:var(--color-brand-500, #7f56d9)}.avatar-add-focus{background-color:var(--color-white, #ffffff);box-shadow:0 0 0 2px var(--color-white, #ffffff),\n    0 0 0 4px var(--color-brand-500, #7f56d9)}.avatar-add-disabled{background-color:var(--color-neutral-50, #f9fafb);cursor:not-allowed;pointer-events:none}.avatar-add-disabled .avatar-add-icon{color:var(--color-neutral-300, #d0d5dd)}.avatar-add-content{display:flex;align-items:center;justify-content:center}.avatar-add-icon{color:var(--color-neutral-500, #667085);line-height:1;transition:color 0.2s ease-in-out}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}";
+
+const BhAvatarAdd = /*@__PURE__*/ proxyCustomElement(class BhAvatarAdd extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhClick = createEvent(this, "bhClick");
+    }
+    /**
+     * Size of the avatar add button
+     */
+    size = 'md';
+    /**
+     * Whether the button is disabled
+     */
+    disabled = false;
+    /**
+     * Whether to show tooltip on hover
+     */
+    showTooltip = false;
+    /**
+     * Tooltip text
+     */
+    tooltipText = 'Add user';
+    /**
+     * Track hover state
+     */
+    isHovered = false;
+    /**
+     * Track focus state
+     */
+    isFocused = false;
+    /**
+     * Emitted when the button is clicked
+     */
+    bhClick;
+    handleClick = (event) => {
+        if (!this.disabled) {
+            this.bhClick.emit(event);
+        }
+    };
+    handleKeyDown = (event) => {
+        if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {
+            event.preventDefault();
+            this.bhClick.emit(event);
+        }
+    };
+    render() {
+        const buttonClasses = {
+            'avatar-add': true,
+            [`avatar-add-${this.size}`]: true,
+            'avatar-add-hover': this.isHovered && !this.disabled,
+            'avatar-add-focus': this.isFocused && !this.disabled,
+            'avatar-add-disabled': this.disabled,
+        };
+        return (h("div", { key: 'e906187ea6a036fa259715d89e798e884e595c85', class: "avatar-add-container" }, h("button", { key: '777975b9886ba59bb18461354b01a9a628f92fb7', type: "button", class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: () => {
+                if (!this.disabled)
+                    this.isHovered = true;
+            }, onMouseLeave: () => {
+                this.isHovered = false;
+            }, onFocus: () => {
+                if (!this.disabled)
+                    this.isFocused = true;
+            }, onBlur: () => {
+                this.isFocused = false;
+            }, "aria-label": this.tooltipText, part: "button" }, h("span", { key: '6ed6ab00fca8e55d2954baa2dca372d07798f22b', class: "avatar-add-content" }, h("span", { key: '06ec0f650d23a82716bd38bedf8e4bebda532a17', class: "material-symbols-outlined avatar-add-icon" }, "add"))), this.showTooltip && (h("bh-tooltip", { key: '365183808234299da29de605122b3b13826172ed', text: this.tooltipText, visible: this.isHovered && !this.disabled, position: "bottom" }))));
+    }
+    static get style() { return bhAvatarAddCss; }
+}, [769, "bh-avatar-add", {
+        "size": [1],
+        "disabled": [4],
+        "showTooltip": [4, "show-tooltip"],
+        "tooltipText": [1, "tooltip-text"],
+        "isHovered": [32],
+        "isFocused": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-avatar-add", "bh-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-avatar-add":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhAvatarAdd);
+            }
+            break;
+        case "bh-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BhAvatarAdd as B, defineCustomElement as d };
+//# sourceMappingURL=p-p8W0xKpn.js.map
+
+//# sourceMappingURL=p-p8W0xKpn.js.map

package/components/p-p8W0xKpn.js.map

@@ -0,0 +1 @@
+{"file":"p-p8W0xKpn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-avatar-add/bh-avatar-add.css?tag=bh-avatar-add&encapsulation=shadow","src/components/bh-avatar-add/bh-avatar-add.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  );\n}\n\n/* Container */\n.avatar-add-container {\n  position: relative;\n  display: inline-flex;\n}\n\n/* Base Button */\n.avatar-add {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-white, #ffffff);\n  border: 1px dashed var(--color-neutral-300, #d0d5dd);\n  border-radius: 50%;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  padding: 0;\n  outline: none;\n}\n\n/* Button Sizes */\n.avatar-add-xs {\n  width: 24px;\n  height: 24px;\n}\n\n.avatar-add-xs .avatar-add-icon {\n  font-size: 14px;\n}\n\n.avatar-add-sm {\n  width: 32px;\n  height: 32px;\n}\n\n.avatar-add-sm .avatar-add-icon {\n  font-size: 16px;\n}\n\n.avatar-add-md {\n  width: 40px;\n  height: 40px;\n}\n\n.avatar-add-md .avatar-add-icon {\n  font-size: 20px;\n}\n\n.avatar-add-lg {\n  width: 48px;\n  height: 48px;\n}\n\n.avatar-add-lg .avatar-add-icon {\n  font-size: 24px;\n}\n\n.avatar-add-xl {\n  width: 56px;\n  height: 56px;\n}\n\n.avatar-add-xl .avatar-add-icon {\n  font-size: 28px;\n}\n\n.avatar-add-2xl {\n  width: 64px;\n  height: 64px;\n}\n\n.avatar-add-2xl .avatar-add-icon {\n  font-size: 32px;\n}\n\n/* Hover State */\n.avatar-add-hover {\n  background-color: var(--color-neutral-50, #f9fafb);\n  border-color: var(--color-brand-500, #7f56d9);\n}\n\n.avatar-add-hover .avatar-add-icon {\n  color: var(--color-brand-500, #7f56d9);\n}\n\n/* Focus State */\n.avatar-add-focus {\n  background-color: var(--color-white, #ffffff);\n  box-shadow: 0 0 0 2px var(--color-white, #ffffff),\n    0 0 0 4px var(--color-brand-500, #7f56d9);\n}\n\n/* Disabled State */\n.avatar-add-disabled {\n  background-color: var(--color-neutral-50, #f9fafb);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.avatar-add-disabled .avatar-add-icon {\n  color: var(--color-neutral-300, #d0d5dd);\n}\n\n/* Content Container */\n.avatar-add-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Icon */\n.avatar-add-icon {\n  color: var(--color-neutral-500, #667085);\n  line-height: 1;\n  transition: color 0.2s ease-in-out;\n}\n\n/* Material Symbols */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-weight: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n","import { Component, Prop, State, Event, EventEmitter, h } from '@stencil/core';\n\nexport type AvatarAddSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n@Component({\n  tag: 'bh-avatar-add',\n  styleUrl: 'bh-avatar-add.css',\n  shadow: true,\n})\nexport class BhAvatarAdd {\n  /**\n   * Size of the avatar add button\n   */\n  @Prop() size: AvatarAddSize = 'md';\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show tooltip on hover\n   */\n  @Prop() showTooltip: boolean = false;\n\n  /**\n   * Tooltip text\n   */\n  @Prop() tooltipText: string = 'Add user';\n\n  /**\n   * Track hover state\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Track focus state\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Emitted when the button is clicked\n   */\n  @Event() bhClick!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent): void => {\n    if (!this.disabled) {\n      this.bhClick.emit(event);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {\n      event.preventDefault();\n      this.bhClick.emit(event as unknown as MouseEvent);\n    }\n  };\n\n  render() {\n    const buttonClasses = {\n      'avatar-add': true,\n      [`avatar-add-${this.size}`]: true,\n      'avatar-add-hover': this.isHovered && !this.disabled,\n      'avatar-add-focus': this.isFocused && !this.disabled,\n      'avatar-add-disabled': this.disabled,\n    };\n\n    return (\n      <div class=\"avatar-add-container\">\n        <button\n          type=\"button\"\n          class={buttonClasses}\n          disabled={this.disabled}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          onMouseEnter={() => {\n            if (!this.disabled) this.isHovered = true;\n          }}\n          onMouseLeave={() => {\n            this.isHovered = false;\n          }}\n          onFocus={() => {\n            if (!this.disabled) this.isFocused = true;\n          }}\n          onBlur={() => {\n            this.isFocused = false;\n          }}\n          aria-label={this.tooltipText}\n          part=\"button\"\n        >\n          <span class=\"avatar-add-content\">\n            <span class=\"material-symbols-outlined avatar-add-icon\">add</span>\n          </span>\n        </button>\n\n        {this.showTooltip && (\n          <bh-tooltip\n            text={this.tooltipText}\n            visible={this.isHovered && !this.disabled}\n            position=\"bottom\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/esm/bellhop-core.js

@@ -0,0 +1,21 @@
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DtVghh5W.js';
+export { s as setNonce } from './index-DtVghh5W.js';
+
+/*
+ Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"bh-data-grid\",[[769,\"bh-data-grid\",{\"data\":[16],\"columns\":[16],\"rowKey\":[1,\"row-key\"],\"enableSelection\":[4,\"enable-selection\"],\"selectionMode\":[1,\"selection-mode\"],\"selectedKeys\":[1040],\"enableSorting\":[4,\"enable-sorting\"],\"multiSort\":[4,\"multi-sort\"],\"sortState\":[1040],\"enableFiltering\":[4,\"enable-filtering\"],\"showFilterRow\":[4,\"show-filter-row\"],\"filterState\":[1040],\"enableGrouping\":[4,\"enable-grouping\"],\"groupBy\":[16],\"enableEditing\":[4,\"enable-editing\"],\"editMode\":[1,\"edit-mode\"],\"showEditActions\":[4,\"show-edit-actions\"],\"showHeader\":[4,\"show-header\"],\"showRowBorders\":[4,\"show-row-borders\"],\"striped\":[4],\"compact\":[4],\"emptyMessage\":[1,\"empty-message\"],\"loading\":[4],\"internalSelectedKeys\":[32],\"internalSortState\":[32],\"internalFilterState\":[32],\"expandedGroups\":[32],\"hoveredRowIndex\":[32],\"filterInputValues\":[32],\"editingRowKey\":[32],\"editingColumnId\":[32],\"editingValues\":[32],\"showEditPopup\":[32],\"activeFilterColumn\":[32]},null,{\"selectedKeys\":[\"handleSelectedKeysChange\"],\"sortState\":[\"handleSortStateChange\"],\"filterState\":[\"handleFilterStateChange\"]}]]],[\"bh-date-range-picker\",[[769,\"bh-date-range-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"startPlaceholder\":[1,\"start-placeholder\"],\"endPlaceholder\":[1,\"end-placeholder\"],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},[[0,\"bhDateRangeSelect\",\"handleDateRangeSelectEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-sidebar\",[[769,\"bh-sidebar\",{\"logoType\":[1,\"logo-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"avatarInitials\":[1,\"avatar-initials\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"menuItems\":[16],\"footerItems\":[16],\"collapsed\":[4],\"activeItem\":[32]}]]],[\"bh-input-autocomplete\",[[769,\"bh-input-autocomplete\",{\"state\":[1],\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"width\":[1],\"options\":[16],\"maxOptions\":[2,\"max-options\"],\"multiSelect\":[4,\"multi-select\"],\"minSearchLength\":[2,\"min-search-length\"],\"selectedItems\":[1040],\"showDropdown\":[32],\"focusedOptionIndex\":[32],\"isFocused\":[32],\"isHovered\":[32],\"isTagClickOpen\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-month-picker\",[[769,\"bh-month-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-checkbox-group-item\",[[769,\"bh-checkbox-group-item\",{\"type\":[1],\"size\":[1],\"value\":[1],\"checked\":[1028],\"selected\":[1028],\"disabled\":[4],\"icon\":[1],\"itemTitle\":[1,\"item-title\"],\"subtitle\":[1],\"description\":[1],\"name\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-page-navigation\",[[769,\"bh-page-navigation\",{\"navTitle\":[1,\"nav-title\"],\"navigationItems\":[16],\"items\":[32]},null,{\"navigationItems\":[\"handleNavigationItemsChange\"]}]]],[\"bh-appbar\",[[769,\"bh-appbar\",{\"isMenuOpen\":[4,\"is-menu-open\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"breadcrumbItems\":[16],\"notificationCount\":[2,\"notification-count\"]}]]],[\"bh-avatar-stacked\",[[769,\"bh-avatar-stacked\",{\"size\":[1],\"avatars\":[1],\"maxVisible\":[2,\"max-visible\"],\"showAddButton\":[4,\"show-add-button\"],\"addTooltipText\":[1,\"add-tooltip-text\"],\"hoveredIndex\":[32],\"addButtonHovered\":[32]}]]],[\"bh-card-header\",[[769,\"bh-card-header\",{\"showFeaturedIcon\":[4,\"show-featured-icon\"],\"featuredIcon\":[1,\"featured-icon\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"showTitle\":[4,\"show-title\"],\"headerTitle\":[1,\"header-title\"],\"showBadge\":[4,\"show-badge\"],\"badgeText\":[1,\"badge-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showDropdown\":[4,\"show-dropdown\"],\"showDivider\":[4,\"show-divider\"]}]]],[\"bh-input-number\",[[833,\"bh-input-number\",{\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"width\":[1],\"name\":[1],\"defaultValue\":[2,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"internalState\":[32],\"isHovered\":[32],\"isFocused\":[32],\"internalValue\":[32],\"hasValidationError\":[32]},null,{\"value\":[\"watchValue\"]}]]],[\"bh-notification\",[[769,\"bh-notification\",{\"type\":[1],\"notificationTitle\":[1,\"notification-title\"],\"description\":[1],\"actionText\":[1,\"action-text\"],\"dismissText\":[1,\"dismiss-text\"],\"dismissible\":[4],\"icon\":[1]}]]],[\"bh-container-footer\",[[769,\"bh-container-footer\",{\"size\":[1],\"buttonLabel\":[1,\"button-label\"]}]]],[\"bh-input-password\",[[833,\"bh-input-password\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"isFocused\":[32],\"isHovered\":[32],\"showPassword\":[32]}]]],[\"bh-input-verification\",[[769,\"bh-input-verification\",{\"size\":[1],\"digits\":[2],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"hintText\":[1,\"hint-text\"],\"showHintText\":[4,\"show-hint-text\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"showSeparator\":[4,\"show-separator\"],\"placeholder\":[1],\"width\":[1],\"value\":[1025],\"values\":[32],\"inputRefs\":[32]},null,{\"value\":[\"watchValue\"],\"digits\":[\"watchDigits\"]}]]],[\"bh-modal-actions\",[[769,\"bh-modal-actions\",{\"type\":[1],\"destructive\":[4],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"divider\":[4]}]]],[\"bh-modal-header\",[[769,\"bh-modal-header\",{\"modalTitle\":[1,\"modal-title\"],\"description\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"showIcon\":[4,\"show-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"type\":[1],\"paddingBottom\":[4,\"padding-bottom\"],\"divider\":[4]}]]],[\"bh-textarea\",[[833,\"bh-textarea\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"rows\":[2],\"resize\":[1],\"maxLength\":[2,\"max-length\"],\"isFocused\":[32]}]]],[\"bh-card\",[[769,\"bh-card\",{\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"contentMinHeight\":[2,\"content-min-height\"],\"placeholderText\":[1,\"placeholder-text\"],\"hasContent\":[32]}]]],[\"bh-card-footer\",[[769,\"bh-card-footer\",{\"showDivider\":[4,\"show-divider\"],\"alignment\":[1]}]]],[\"bh-checkbox-group\",[[769,\"bh-checkbox-group\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"disabled\":[4]},[[0,\"bhItemChange\",\"handleItemChange\"]]]]],[\"bh-checkbox\",[[833,\"bh-checkbox\",{\"size\":[1],\"checked\":[1540],\"indeterminate\":[1028],\"disabled\":[4],\"name\":[1],\"value\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isHovered\":[32],\"isFocused\":[32]},null,{\"checked\":[\"handleCheckedChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}]]],[\"bh-dropdown-menu\",[[769,\"bh-dropdown-menu\",{\"header\":[1],\"menuItems\":[1,\"menu-items\"],\"visible\":[4],\"showIcons\":[4,\"show-icons\"],\"scrollable\":[4],\"isClosing\":[32],\"shouldRender\":[32]},null,{\"visible\":[\"watchVisible\"]}]]],[\"bh-chart-tooltip\",[[769,\"bh-chart-tooltip\",{\"visible\":[4],\"x\":[2],\"y\":[2],\"header\":[1],\"items\":[16],\"total\":[1],\"showTotal\":[4,\"show-total\"],\"storybookMode\":[4,\"storybook-mode\"]}]]],[\"bh-bar-chart\",[[769,\"bh-bar-chart\",{\"data\":[16],\"type\":[1],\"orientation\":[1],\"animated\":[4],\"maxHeight\":[2,\"max-height\"],\"maxWidth\":[2,\"max-width\"],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipHeader\":[32],\"tooltipItems\":[32],\"tooltipTotal\":[32],\"showTooltipTotal\":[32]}]]],[\"bh-pie-chart\",[[769,\"bh-pie-chart\",{\"data\":[16],\"hole\":[1],\"size\":[2],\"animated\":[4],\"gap\":[2],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipSegment\":[32]}]]],[\"bh-accordion\",[[769,\"bh-accordion\",{\"mode\":[1],\"value\":[1025],\"collapsible\":[4],\"expandedItems\":[32]},[[0,\"bhAccordionToggle\",\"handleAccordionToggle\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-accordion-item\",[[769,\"bh-accordion-item\",{\"value\":[1],\"header\":[1],\"expanded\":[1540],\"disabled\":[4],\"isAnimating\":[32]},null,{\"expanded\":[\"handleExpandedChange\"]}]]],[\"bh-container\",[[769,\"bh-container\",{\"withFooter\":[4,\"with-footer\"]}]]],[\"bh-illustrations\",[[769,\"bh-illustrations\",{\"size\":[1],\"illustrationTitle\":[1,\"illustration-title\"],\"description\":[1],\"svgPath\":[1,\"svg-path\"],\"alt\":[1]}]]],[\"bh-modal\",[[769,\"bh-modal\",{\"visible\":[4],\"overlay\":[4],\"width\":[1]}]]],[\"bh-popover\",[[769,\"bh-popover\",{\"popoverTitle\":[1,\"popover-title\"],\"viewPortfolioText\":[1,\"view-portfolio-text\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"width\":[1],\"showSearch\":[4,\"show-search\"],\"showAvatar\":[4,\"show-avatar\"],\"avatarSrc\":[1,\"avatar-src\"],\"items\":[1],\"searchTerm\":[32]}]]],[\"bh-property-switcher\",[[769,\"bh-property-switcher\",{\"selectedProperty\":[1,\"selected-property\"],\"properties\":[16],\"grouped\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"isExpanded\":[32],\"searchQuery\":[32],\"expandedGroups\":[32],\"internalSelectedProperty\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-skeleton-loader\",[[769,\"bh-skeleton-loader\",{\"width\":[1],\"height\":[1],\"circle\":[4]}]]],[\"bh-tab-item\",[[769,\"bh-tab-item\",{\"value\":[1],\"label\":[1],\"active\":[4],\"disabled\":[4]}]]],[\"bh-tabs\",[[769,\"bh-tabs\",{\"type\":[1],\"orientation\":[1],\"fullWidth\":[4,\"full-width\"],\"value\":[1025]},[[0,\"bhTabItemClick\",\"handleTabItemClick\"]]]]],[\"bh-toggle\",[[833,\"bh-toggle\",{\"size\":[1],\"showText\":[4,\"show-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"disabled\":[4],\"checked\":[1028],\"name\":[1],\"value\":[1],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-trend-chart\",[[769,\"bh-trend-chart\",{\"trend\":[1],\"data\":[16],\"animated\":[4],\"variant\":[1],\"width\":[2],\"height\":[2]}]]],[\"bh-button_2\",[[769,\"bh-button\",{\"hierarchy\":[1],\"kind\":[1],\"icon\":[1],\"size\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1]}],[769,\"bh-loader-spinner\",{\"size\":[1],\"variant\":[1],\"overlay\":[4],\"overlayMessage\":[1,\"overlay-message\"],\"showMessage\":[4,\"show-message\"],\"message\":[1]}]]],[\"bh-date-picker-content_2\",[[769,\"bh-date-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"initialMonth\":[2,\"initial-month\"],\"initialYear\":[2,\"initial-year\"],\"displayMonth\":[2,\"display-month\"],\"displayYear\":[2,\"display-year\"],\"rangeStart\":[16],\"rangeEnd\":[16],\"value\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"selectedDate\":[32],\"currentMonth\":[32],\"currentYear\":[32],\"isMonthDropdownOpen\":[32],\"isMonthDropdownClosing\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayMonth\":[\"handleDisplayMonthChange\"],\"displayYear\":[\"handleDisplayYearChange\"]}],[769,\"bh-picker-menu\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"animationClass\":[1,\"animation-class\"],\"visible\":[4],\"showFooter\":[4,\"show-footer\"],\"showTodayButton\":[4,\"show-today-button\"],\"disableApply\":[4,\"disable-apply\"],\"value\":[16],\"isClosing\":[32],\"shouldRender\":[32],\"selectedMonth\":[32],\"selectedYear\":[32]},null,{\"visible\":[\"handleVisibleChange\"],\"value\":[\"handleValueChange\"]}]]],[\"bh-date-range-picker-content\",[[769,\"bh-date-range-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedRange\":[32],\"leftMonth\":[32],\"leftYear\":[32],\"rightMonth\":[32],\"rightYear\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-radio-button\",[[833,\"bh-radio-button\",{\"size\":[1],\"selected\":[1028],\"disabled\":[4],\"value\":[1],\"name\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-avatar-add\",[[769,\"bh-avatar-add\",{\"size\":[1],\"disabled\":[4],\"showTooltip\":[4,\"show-tooltip\"],\"tooltipText\":[1,\"tooltip-text\"],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-badge\",[[769,\"bh-badge\",{\"variant\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"icon\":[1],\"dismissible\":[4],\"disabled\":[4]}]]],[\"bh-date-picker_2\",[[769,\"bh-date-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}],[769,\"bh-empty-state\",{\"emptyTitle\":[1,\"empty-title\"],\"description\":[1],\"illustrationSize\":[1,\"illustration-size\"],\"illustrationPath\":[1,\"illustration-path\"],\"primaryActionText\":[1,\"primary-action-text\"],\"primaryActionIcon\":[1,\"primary-action-icon\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"secondaryActionIcon\":[1,\"secondary-action-icon\"],\"maxWidth\":[1,\"max-width\"]}]]],[\"bh-page-navigation-multi-level_2\",[[769,\"bh-page-navigation-multi-level\",{\"label\":[1],\"icon\":[1],\"badge\":[8],\"childItems\":[16],\"isExpanded\":[1028,\"is-expanded\"],\"isHovered\":[32],\"isAnimating\":[32],\"animationClass\":[32]},null,{\"isExpanded\":[\"handleExpandedChange\"]}],[769,\"bh-page-navigation-single-level\",{\"label\":[1],\"icon\":[1],\"isActive\":[4,\"is-active\"]}]]],[\"bh-autocomplete-menu_2\",[[769,\"bh-tag\",{\"variant\":[1],\"size\":[1],\"label\":[1],\"dismissible\":[4],\"disabled\":[4],\"maxWidth\":[2,\"max-width\"],\"avatarSrc\":[1,\"avatar-src\"],\"isDismissing\":[32]}],[769,\"bh-autocomplete-menu\",{\"menuItems\":[16],\"visible\":[4],\"selectedIndex\":[2,\"selected-index\"],\"maxHeight\":[2,\"max-height\"],\"multiSelect\":[4,\"multi-select\"],\"searchQuery\":[1,\"search-query\"],\"isAnimating\":[32],\"shouldRender\":[32],\"items\":[32]},null,{\"visible\":[\"watchVisible\"],\"menuItems\":[\"watchMenuItems\"]}]]],[\"bh-badge-dot_2\",[[769,\"bh-breadcrumbs\",{\"items\":[1],\"separator\":[1],\"showHome\":[4,\"show-home\"],\"maxVisibleItems\":[2,\"max-visible-items\"]}],[769,\"bh-badge-dot\",{\"size\":[1],\"color\":[1],\"outline\":[4]}]]],[\"bh-page-navigation-child\",[[769,\"bh-page-navigation-child\",{\"label\":[1],\"badge\":[8],\"showBadge\":[4,\"show-badge\"],\"isActive\":[4,\"is-active\"]}]]],[\"bh-product-switcher\",[[769,\"bh-product-switcher\",{\"isOpen\":[4,\"is-open\"],\"anchorPosition\":[16],\"products\":[16],\"isClosing\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-dropdown_3\",[[769,\"bh-dropdown\",{\"size\":[1],\"state\":[1],\"variant\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"menuItems\":[1,\"menu-items\"],\"header\":[1],\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"avatarSize\":[1,\"avatar-size\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"showIcons\":[4,\"show-icons\"],\"isOpen\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[769,\"bh-logo-box\",{\"logoType\":[1,\"logo-type\"],\"products\":[16],\"isOpen\":[32],\"anchorPosition\":[32]}],[769,\"bh-nav-item\",{\"icon\":[1],\"label\":[1],\"isActive\":[4,\"is-active\"],\"disabled\":[4]}]]],[\"bh-featured-icon\",[[769,\"bh-featured-icon\",{\"size\":[1],\"color\":[1],\"iconStyle\":[1,\"icon-style\"],\"icon\":[1]}]]],[\"bh-input-text\",[[833,\"bh-input-text\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showTrailingIcon\":[4,\"show-trailing-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"type\":[1],\"width\":[1],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-avatar\",[[769,\"bh-avatar\",{\"size\":[1],\"type\":[1],\"status\":[1],\"text\":[1],\"imageSrc\":[1,\"image-src\"],\"alt\":[1]}]]],[\"bh-month-picker-content\",[[769,\"bh-month-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"scrollable\":[4],\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"height\":[1],\"value\":[16],\"internalSelectedMonth\":[32],\"internalSelectedYear\":[32],\"isUsingKeyboard\":[32]},null,{\"value\":[\"handleValueChange\"],\"selectedMonth\":[\"handleSelectedMonthChange\"],\"selectedYear\":[\"handleSelectedYearChange\"]}]]],[\"bh-button-icon\",[[769,\"bh-button-icon\",{\"hierarchy\":[1],\"size\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bh-label_2\",[[769,\"bh-label\",{\"label\":[1],\"layout\":[1],\"for\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"disabled\":[4],\"showHelpTooltip\":[32]}],[769,\"bh-tooltip\",{\"text\":[1],\"position\":[1],\"variant\":[1],\"visible\":[4],\"maxWidth\":[2,\"max-width\"]}]]]]"), options);
+});
+//# sourceMappingURL=bellhop-core.js.map

package/esm/bellhop-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bellhop-core.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/esm/bh-accordion-item.entry.js

@@ -0,0 +1,80 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DtVghh5W.js';
+
+const bhAccordionItemCss = ":host{display:flex;flex-direction:column;width:100%;background-color:var(--color-white)}.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl);cursor:pointer;background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-neutral-100);transition:background-color 0.15s ease}.accordion-header:hover{background-color:var(--color-neutral-25)}.accordion-header:focus{outline:none}.accordion-header:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px}.accordion-header-content{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0}.accordion-title{font-family:var(--font-family-body);font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-text-md);color:var(--color-neutral-900)}.accordion-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px;color:var(--color-neutral-500);transition:transform 0.2s ease;flex-shrink:0}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease;overflow:hidden}.accordion-content-inner{min-height:0;overflow:hidden}:host(.accordion-item-expanded) .accordion-header{border-bottom-color:transparent}:host(.accordion-item-expanded) .accordion-content{grid-template-rows:1fr}:host(.accordion-item-expanded) .accordion-content-inner{padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);border-bottom:1px solid var(--color-neutral-100)}:host(.accordion-item-disabled){opacity:0.5;pointer-events:none}:host(.accordion-item-disabled) .accordion-header{cursor:not-allowed}:host(.accordion-item-animating) .accordion-content-inner{overflow:hidden}";
+
+const BhAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bhAccordionToggle = createEvent(this, "bhAccordionToggle");
+        this.bhAccordionClick = createEvent(this, "bhAccordionClick");
+    }
+    /**
+     * Unique identifier for this accordion item
+     */
+    value;
+    /**
+     * The header/title text for the accordion item
+     */
+    header;
+    /**
+     * Whether this accordion item is currently expanded
+     */
+    expanded = false;
+    /**
+     * Whether this accordion item is disabled
+     */
+    disabled = false;
+    /**
+     * Internal state for animation
+     */
+    isAnimating = false;
+    /**
+     * Emitted when the accordion item is toggled
+     */
+    bhAccordionToggle;
+    /**
+     * Emitted when the accordion header is clicked
+     */
+    bhAccordionClick;
+    handleExpandedChange() {
+        this.isAnimating = true;
+        setTimeout(() => {
+            this.isAnimating = false;
+        }, 200);
+    }
+    handleHeaderClick = () => {
+        if (this.disabled)
+            return;
+        this.expanded = !this.expanded;
+        this.bhAccordionClick.emit(this.value);
+        this.bhAccordionToggle.emit({
+            value: this.value,
+            expanded: this.expanded,
+        });
+    };
+    handleKeyDown = (event) => {
+        if (this.disabled)
+            return;
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.handleHeaderClick();
+        }
+    };
+    render() {
+        const hostClasses = {
+            'accordion-item': true,
+            'accordion-item-expanded': this.expanded,
+            'accordion-item-disabled': this.disabled,
+            'accordion-item-animating': this.isAnimating,
+        };
+        const iconName = this.expanded ? 'expand_less' : 'expand_more';
+        return (h(Host, { key: 'b2670121b2a9706343aa29a5cf1ac1d033ece042', class: hostClasses }, h("div", { key: 'e18a7443b248bbba0706a39f5a65e0c804e5bae5', class: "accordion-header", part: "header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `content-${this.value}`, onClick: this.handleHeaderClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'a5a3be10f39bd63eb31d7b6a90b40f0714866ae5', class: "accordion-header-content" }, h("span", { key: '5d3ff7b6e69fab0e3658873dec49793972f2c0d5', class: "accordion-title", part: "title" }, this.header)), h("span", { key: 'e18cfab4d73e6d41d40c275888a584b1bb117d23', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), h("div", { key: 'd96ba43717314f6787f513f664b282391c4f8cf0', id: `content-${this.value}`, class: "accordion-content", part: "content", role: "region", "aria-labelledby": `header-${this.value}`, "aria-hidden": !this.expanded ? 'true' : 'false' }, h("div", { key: 'eac3f014aeccccd20ddd4f2c3b7ee98636a85a4d', class: "accordion-content-inner" }, h("slot", { key: '29ac3e0932ee7854678637121e395b2be48949a0' })))));
+    }
+    static get watchers() { return {
+        "expanded": ["handleExpandedChange"]
+    }; }
+};
+BhAccordionItem.style = bhAccordionItemCss;
+
+export { BhAccordionItem as bh_accordion_item };
+//# sourceMappingURL=bh-accordion-item.entry.js.map

package/esm/bh-accordion-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-accordion-item.entry.js","sources":["src/components/bh-accordion-item/bh-accordion-item.css?tag=bh-accordion-item&encapsulation=shadow","src/components/bh-accordion-item/bh-accordion-item.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-ACCORDION-ITEM COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: var(--color-white);\n}\n\n/* Header */\n.accordion-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-lg) var(--spacing-2xl);\n  cursor: pointer;\n  background-color: var(--color-white);\n  border: none;\n  border-bottom: 1px solid var(--color-neutral-100);\n  transition: background-color 0.15s ease;\n}\n\n.accordion-header:hover {\n  background-color: var(--color-neutral-25);\n}\n\n.accordion-header:focus {\n  outline: none;\n}\n\n.accordion-header:focus-visible {\n  outline: 2px solid var(--color-brand-500);\n  outline-offset: -2px;\n}\n\n/* Header Content */\n.accordion-header-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xxs);\n  flex: 1;\n  min-width: 0;\n}\n\n/* Title */\n.accordion-title {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-text-md);\n  font-weight: var(--font-weight-semibold);\n  line-height: var(--line-height-text-md);\n  color: var(--color-neutral-900);\n}\n\n/* Icon */\n.accordion-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  font-size: 24px;\n  color: var(--color-neutral-500);\n  transition: transform 0.2s ease;\n  flex-shrink: 0;\n}\n\n/* Content */\n.accordion-content {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.2s ease;\n  overflow: hidden;\n}\n\n.accordion-content-inner {\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* ==========================================================================\n   EXPANDED STATE\n   ========================================================================== */\n\n:host(.accordion-item-expanded) .accordion-header {\n  border-bottom-color: transparent;\n}\n\n:host(.accordion-item-expanded) .accordion-content {\n  grid-template-rows: 1fr;\n}\n\n:host(.accordion-item-expanded) .accordion-content-inner {\n  padding: var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);\n  border-bottom: 1px solid var(--color-neutral-100);\n}\n\n/* ==========================================================================\n   DISABLED STATE\n   ========================================================================== */\n\n:host(.accordion-item-disabled) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host(.accordion-item-disabled) .accordion-header {\n  cursor: not-allowed;\n}\n\n/* ==========================================================================\n   ANIMATION STATE\n   ========================================================================== */\n\n:host(.accordion-item-animating) .accordion-content-inner {\n  overflow: hidden;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\n\n/**\n * @slot - Content displayed when the accordion item is expanded\n */\n@Component({\n  tag: 'bh-accordion-item',\n  styleUrl: 'bh-accordion-item.css',\n  shadow: true,\n})\nexport class BhAccordionItem {\n  /**\n   * Unique identifier for this accordion item\n   */\n  @Prop() value!: string;\n\n  /**\n   * The header/title text for the accordion item\n   */\n  @Prop() header!: string;\n\n  /**\n   * Whether this accordion item is currently expanded\n   */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /**\n   * Whether this accordion item is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Internal state for animation\n   */\n  @State() isAnimating: boolean = false;\n\n  /**\n   * Emitted when the accordion item is toggled\n   */\n  @Event({ bubbles: true, composed: true })\n  bhAccordionToggle!: EventEmitter<{ value: string; expanded: boolean }>;\n\n  /**\n   * Emitted when the accordion header is clicked\n   */\n  @Event({ bubbles: true, composed: true })\n  bhAccordionClick!: EventEmitter<string>;\n\n  @Watch('expanded')\n  handleExpandedChange(): void {\n    this.isAnimating = true;\n    setTimeout(() => {\n      this.isAnimating = false;\n    }, 200);\n  }\n\n  private handleHeaderClick = (): void => {\n    if (this.disabled) return;\n\n    this.expanded = !this.expanded;\n    this.bhAccordionClick.emit(this.value);\n    this.bhAccordionToggle.emit({\n      value: this.value,\n      expanded: this.expanded,\n    });\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleHeaderClick();\n    }\n  };\n\n  render() {\n    const hostClasses = {\n      'accordion-item': true,\n      'accordion-item-expanded': this.expanded,\n      'accordion-item-disabled': this.disabled,\n      'accordion-item-animating': this.isAnimating,\n    };\n\n    const iconName = this.expanded ? 'expand_less' : 'expand_more';\n\n    return (\n      <Host class={hostClasses}>\n        <div\n          class=\"accordion-header\"\n          part=\"header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-expanded={this.expanded ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls={`content-${this.value}`}\n          onClick={this.handleHeaderClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"accordion-header-content\">\n            <span class=\"accordion-title\" part=\"title\">\n              {this.header}\n            </span>\n          </div>\n          <span class=\"accordion-icon material-symbols-outlined\" part=\"icon\">\n            {iconName}\n          </span>\n        </div>\n        <div\n          id={`content-${this.value}`}\n          class=\"accordion-content\"\n          part=\"content\"\n          role=\"region\"\n          aria-labelledby={`header-${this.value}`}\n          aria-hidden={!this.expanded ? 'true' : 'false'}\n        >\n          <div class=\"accordion-content-inner\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,uuDAAuuD;;MCmBrvD,eAAe,GAAA,MAAA;;;;;;AAC1B;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACqC,QAAQ,GAAY,KAAK;AAEjE;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACM,WAAW,GAAY,KAAK;AAErC;;AAEG;AAEH,IAAA,iBAAiB;AAEjB;;AAEG;AAEH,IAAA,gBAAgB;IAGhB,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;SACzB,EAAE,GAAG,CAAC;;IAGD,iBAAiB,GAAG,MAAW;QACrC,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AACtC,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC1B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,SAAA,CAAC;AACJ,KAAC;AAEO,IAAA,aAAa,GAAG,CAAC,KAAoB,KAAU;QACrD,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,iBAAiB,EAAE;;AAE5B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,gBAAgB,EAAE,IAAI;YACtB,yBAAyB,EAAE,IAAI,CAAC,QAAQ;YACxC,yBAAyB,EAAE,IAAI,CAAC,QAAQ;YACxC,0BAA0B,EAAE,IAAI,CAAC,WAAW;SAC7C;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,aAAa;QAE9D,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAA,EACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EACjB,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,CAAW,QAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EACtC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,aAAa,EAAA,EAE7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACvC,IAAI,CAAC,MAAM,CACP,CACH,EACN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAC,IAAI,EAAC,MAAM,EAAA,EAC/D,QAAQ,CACJ,CACH,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,CAAW,QAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EAC3B,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EAAA,iBAAA,EACI,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAA,CAAE,iBAC1B,CAAC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,EAE9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACF,CACD;;;;;;;;;;"}

package/esm/bh-accordion.entry.js

@@ -0,0 +1,117 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DtVghh5W.js';
+
+const bhAccordionCss = ":host{display:block;width:100%}.accordion-container{display:flex;flex-direction:column;width:100%;background-color:var(--color-white)}.accordion-single .accordion-container{}.accordion-multiple .accordion-container{}";
+
+const BhAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bhAccordionChange = createEvent(this, "bhAccordionChange");
+    }
+    /**
+     * The mode of the accordion:
+     * - 'single': Only one item can be expanded at a time
+     * - 'multiple': Multiple items can be expanded simultaneously
+     */
+    mode = 'single';
+    /**
+     * The value(s) of the currently expanded item(s).
+     * For single mode: a string value
+     * For multiple mode: an array of string values (comma-separated string)
+     */
+    value = '';
+    /**
+     * Whether to collapse other items when one is expanded (only applies in single mode)
+     */
+    collapsible = true;
+    /**
+     * Internal state to track expanded items
+     */
+    expandedItems = new Set();
+    /**
+     * Emitted when the expanded state changes
+     */
+    bhAccordionChange;
+    componentWillLoad() {
+        this.parseValue();
+    }
+    handleValueChange() {
+        this.parseValue();
+        this.updateChildItems();
+    }
+    parseValue() {
+        if (!this.value) {
+            this.expandedItems = new Set();
+            return;
+        }
+        if (this.mode === 'multiple') {
+            this.expandedItems = new Set(this.value.split(',').filter(Boolean));
+        }
+        else {
+            this.expandedItems = new Set([this.value]);
+        }
+    }
+    updateChildItems() {
+        const slot = this.getSlot();
+        if (!slot)
+            return;
+        const items = slot.assignedElements();
+        items.forEach((item) => {
+            if (item.tagName.toLowerCase() === 'bh-accordion-item') {
+                item.expanded = this.expandedItems.has(item.value);
+            }
+        });
+    }
+    getSlot() {
+        const host = document.querySelector('bh-accordion');
+        if (!host?.shadowRoot)
+            return null;
+        return host.shadowRoot.querySelector('slot');
+    }
+    handleAccordionToggle(event) {
+        const { value, expanded } = event.detail;
+        if (this.mode === 'single') {
+            if (expanded) {
+                this.expandedItems = new Set([value]);
+            }
+            else if (this.collapsible) {
+                this.expandedItems = new Set();
+            }
+        }
+        else {
+            if (expanded) {
+                this.expandedItems.add(value);
+            }
+            else {
+                this.expandedItems.delete(value);
+            }
+            this.expandedItems = new Set(this.expandedItems);
+        }
+        this.updateValue();
+        this.updateChildItems();
+    }
+    updateValue() {
+        const items = Array.from(this.expandedItems);
+        if (this.mode === 'multiple') {
+            this.value = items.join(',');
+            this.bhAccordionChange.emit(items);
+        }
+        else {
+            this.value = items[0] || '';
+            this.bhAccordionChange.emit(this.value);
+        }
+    }
+    render() {
+        const hostClasses = {
+            accordion: true,
+            [`accordion-${this.mode}`]: true,
+        };
+        return (h(Host, { key: '081f1b04508692b1b6d826278ce6ef9ba2a79b1c', class: hostClasses }, h("div", { key: '17db8434d1f5cddfb1e24ccfa4fb6e2e31210903', class: "accordion-container", part: "container", role: "presentation" }, h("slot", { key: 'f5cb9dd421af2fe4d1f930c542bba2ba0e1e8132' }))));
+    }
+    static get watchers() { return {
+        "value": ["handleValueChange"]
+    }; }
+};
+BhAccordion.style = bhAccordionCss;
+
+export { BhAccordion as bh_accordion };
+//# sourceMappingURL=bh-accordion.entry.js.map