@actabldesign/bellhop-core 0.0.3

package/components/bh-accordion.js

@@ -0,0 +1,147 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-9a7sQzad.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$1 = /*@__PURE__*/ proxyCustomElement(class BhAccordion extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        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"]
+    }; }
+    static get style() { return bhAccordionCss; }
+}, [769, "bh-accordion", {
+        "mode": [1],
+        "value": [1025],
+        "collapsible": [4],
+        "expandedItems": [32]
+    }, [[0, "bhAccordionToggle", "handleAccordionToggle"]], {
+        "value": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhAccordion$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhAccordion = BhAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAccordion, defineCustomElement };
+//# sourceMappingURL=bh-accordion.js.map
+
+//# sourceMappingURL=bh-accordion.js.map

package/components/bh-accordion.js.map

@@ -0,0 +1 @@
+{"file":"bh-accordion.js","mappings":"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","names":["BhAccordion","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-accordion/bh-accordion.css?tag=bh-accordion&encapsulation=shadow","src/components/bh-accordion/bh-accordion.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-ACCORDION COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n/* Container */\n.accordion-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: var(--color-white);\n}\n\n/* ==========================================================================\n   MODE VARIATIONS\n   ========================================================================== */\n\n/* Single mode - no specific styles needed */\n.accordion-single .accordion-container {\n  /* Default behavior */\n}\n\n/* Multiple mode - no specific styles needed */\n.accordion-multiple .accordion-container {\n  /* Default behavior */\n}\n","import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  State,\n  Watch,\n} from '@stencil/core';\n\nexport type AccordionMode = 'single' | 'multiple';\n\n/**\n * @slot - Accordion items (bh-accordion-item components)\n */\n@Component({\n  tag: 'bh-accordion',\n  styleUrl: 'bh-accordion.css',\n  shadow: true,\n})\nexport class BhAccordion {\n  /**\n   * The mode of the accordion:\n   * - 'single': Only one item can be expanded at a time\n   * - 'multiple': Multiple items can be expanded simultaneously\n   */\n  @Prop() mode: AccordionMode = 'single';\n\n  /**\n   * The value(s) of the currently expanded item(s).\n   * For single mode: a string value\n   * For multiple mode: an array of string values (comma-separated string)\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether to collapse other items when one is expanded (only applies in single mode)\n   */\n  @Prop() collapsible: boolean = true;\n\n  /**\n   * Internal state to track expanded items\n   */\n  @State() expandedItems: Set<string> = new Set();\n\n  /**\n   * Emitted when the expanded state changes\n   */\n  @Event({ bubbles: true, composed: true })\n  bhAccordionChange!: EventEmitter<string | string[]>;\n\n  componentWillLoad(): void {\n    this.parseValue();\n  }\n\n  @Watch('value')\n  handleValueChange(): void {\n    this.parseValue();\n    this.updateChildItems();\n  }\n\n  private parseValue(): void {\n    if (!this.value) {\n      this.expandedItems = new Set();\n      return;\n    }\n\n    if (this.mode === 'multiple') {\n      this.expandedItems = new Set(this.value.split(',').filter(Boolean));\n    } else {\n      this.expandedItems = new Set([this.value]);\n    }\n  }\n\n  private updateChildItems(): void {\n    const slot = this.getSlot();\n    if (!slot) return;\n\n    const items = slot.assignedElements() as HTMLBhAccordionItemElement[];\n    items.forEach((item) => {\n      if (item.tagName.toLowerCase() === 'bh-accordion-item') {\n        item.expanded = this.expandedItems.has(item.value);\n      }\n    });\n  }\n\n  private getSlot(): HTMLSlotElement | null {\n    const host = document.querySelector('bh-accordion');\n    if (!host?.shadowRoot) return null;\n    return host.shadowRoot.querySelector('slot');\n  }\n\n  @Listen('bhAccordionToggle')\n  handleAccordionToggle(\n    event: CustomEvent<{ value: string; expanded: boolean }>\n  ): void {\n    const { value, expanded } = event.detail;\n\n    if (this.mode === 'single') {\n      if (expanded) {\n        this.expandedItems = new Set([value]);\n      } else if (this.collapsible) {\n        this.expandedItems = new Set();\n      }\n    } else {\n      if (expanded) {\n        this.expandedItems.add(value);\n      } else {\n        this.expandedItems.delete(value);\n      }\n      this.expandedItems = new Set(this.expandedItems);\n    }\n\n    this.updateValue();\n    this.updateChildItems();\n  }\n\n  private updateValue(): void {\n    const items = Array.from(this.expandedItems);\n\n    if (this.mode === 'multiple') {\n      this.value = items.join(',');\n      this.bhAccordionChange.emit(items);\n    } else {\n      this.value = items[0] || '';\n      this.bhAccordionChange.emit(this.value);\n    }\n  }\n\n  render() {\n    const hostClasses = {\n      accordion: true,\n      [`accordion-${this.mode}`]: true,\n    };\n\n    return (\n      <Host class={hostClasses}>\n        <div class=\"accordion-container\" part=\"container\" role=\"presentation\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface HTMLBhAccordionItemElement extends HTMLElement {\n  value: string;\n  expanded: boolean;\n}\n"],"version":3}

package/components/bh-appbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhAppbar extends Components.BhAppbar, HTMLElement {}
+export const BhAppbar: {
+    prototype: BhAppbar;
+    new (): BhAppbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-appbar.js

@@ -0,0 +1,128 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-9a7sQzad.js';
+import { d as defineCustomElement$4 } from './p-DRJW4zBc.js';
+import { d as defineCustomElement$3 } from './p-Bk8GbEQp.js';
+import { d as defineCustomElement$2 } from './p-D3OkBDd3.js';
+
+const bhAppbarCss = ".appbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-sm);background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-200);font-family:var(--font-inter);position:sticky;top:0;z-index:1000;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.left-section{display:flex;align-items:center;gap:var(--spacing-xl);flex-shrink:0}.logo{display:flex;align-items:center;justify-content:center;width:var(--spacing-4xl);height:var(--spacing-4xl);color:var(--color-brand-500)}.logo-image{width:36px;height:36px;object-fit:contain}.right-section{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.icon-button-wrapper{position:relative}.icon-badge-dot{position:absolute;top:-8px;right:2px}@media (max-width: 768px){.appbar{padding:0 16px}.left-section{gap:12px}}@media (max-width: 480px){.appbar{padding:0 12px}.right-section{gap:4px}}";
+
+const BhAppbar$1 = /*@__PURE__*/ proxyCustomElement(class BhAppbar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhMenuToggle = createEvent(this, "bhMenuToggle");
+        this.bhBreadcrumbClick = createEvent(this, "bhBreadcrumbClick");
+        this.bhNotificationClick = createEvent(this, "bhNotificationClick");
+        this.bhCalendarClick = createEvent(this, "bhCalendarClick");
+        this.bhSettingsClick = createEvent(this, "bhSettingsClick");
+    }
+    /**
+     * Whether the menu is open
+     */
+    isMenuOpen = false;
+    /**
+     * Logo source URL
+     */
+    logoSrc;
+    /**
+     * Logo alt text
+     */
+    logoAlt = 'Solstice';
+    /**
+     * Breadcrumb items
+     */
+    breadcrumbItems = [
+        { label: 'Dashboard', path: '/dashboard' },
+        { label: 'Dashboards', isActive: true },
+    ];
+    /**
+     * Notification count
+     */
+    notificationCount = 0;
+    /**
+     * Event emitted when menu toggle is clicked
+     */
+    bhMenuToggle;
+    /**
+     * Event emitted when a breadcrumb is clicked
+     */
+    bhBreadcrumbClick;
+    /**
+     * Event emitted when notification icon is clicked
+     */
+    bhNotificationClick;
+    /**
+     * Event emitted when calendar icon is clicked
+     */
+    bhCalendarClick;
+    /**
+     * Event emitted when settings icon is clicked
+     */
+    bhSettingsClick;
+    handleMenuToggle = () => {
+        this.bhMenuToggle.emit();
+    };
+    handleBreadcrumbClick = (item) => {
+        if (item.path && !item.isActive) {
+            this.bhBreadcrumbClick.emit(item);
+        }
+    };
+    handleNotificationClick = () => {
+        this.bhNotificationClick.emit();
+    };
+    handleCalendarClick = () => {
+        this.bhCalendarClick.emit();
+    };
+    handleSettingsClick = () => {
+        this.bhSettingsClick.emit();
+    };
+    render() {
+        return (h(Host, { key: 'ae8a4a515b6384418dc4a73297d049d052b311f2' }, h("header", { key: '999bad1f106bf9a4fe8107894a55b3b1f683dd84', class: "appbar" }, h("div", { key: 'a5ff9a5e8d90adbf67ad2782eaf5e6ca43702bd4', class: "left-section" }, h("bh-button-icon", { key: '7c25230ad01e084e3ffa43bb3ce037fe9d90724b', hierarchy: "quaternary", size: "sm", iconName: this.isMenuOpen ? 'menu_open' : 'last_page', onClick: this.handleMenuToggle }), this.logoSrc && (h("div", { key: 'dd1630e2a2ff83874a9989fec6c5966d74f6a374', class: "logo" }, h("img", { key: '0971c0630bf69f35db53b36af4c5fc5c38518f56', src: this.logoSrc, alt: this.logoAlt, class: "logo-image" }))), h("slot", { key: '6b42819c05444a2a32522983a18a4526d6ad5753', name: "property-switcher" }), h("bh-breadcrumbs", { key: 'b63deedb1242f22179056f539baff4c118c43ca7', items: this.breadcrumbItems, showHome: true, onBhItemClick: (e) => this.handleBreadcrumbClick(e.detail) })), h("div", { key: '792c8be8095c8a41fbbd57e939bc7a3c8e00dee5', class: "right-section" }, h("div", { key: '3e30fbfaf6989ddea20e90e6e225462bbd5f341d', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '4c91cff44cafe0595adb1dd482e3e6deb62176d0', hierarchy: "quaternary", size: "sm", iconName: "calendar_today", onClick: this.handleCalendarClick }), h("bh-badge-dot", { key: 'a6a0d51fdc1306b3a0006a0dd59a4f8c44445c7d', size: "sm", color: "success", outline: true, class: "icon-badge-dot" })), h("div", { key: 'f6ea9f12906da34315ad1d075fad964473b1bf0b', class: "icon-button-wrapper" }, h("bh-button-icon", { key: 'f35e426048468766bf5c1f314b713b710b095a53', hierarchy: "quaternary", size: "sm", iconName: "settings", onClick: this.handleSettingsClick }), h("bh-badge-dot", { key: 'f94d20164a8a8b21ac09456e824d83b2667efb66', size: "sm", color: "blue", outline: true, class: "icon-badge-dot" })), h("div", { key: 'b92beef52a5fb8d9a20ddf0d65e1de350af7cf14', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '55f3c7485ac9c8aa5ba83fb699c1716cca91e7ae', hierarchy: "quaternary", size: "sm", iconName: "notifications", onClick: this.handleNotificationClick }), this.notificationCount > 0 && (h("bh-badge-dot", { key: 'a7fd28338df24721fd1bf2b6b045631cf86093f0', size: "sm", color: "error", outline: true, class: "icon-badge-dot" })))))));
+    }
+    static get style() { return bhAppbarCss; }
+}, [769, "bh-appbar", {
+        "isMenuOpen": [4, "is-menu-open"],
+        "logoSrc": [1, "logo-src"],
+        "logoAlt": [1, "logo-alt"],
+        "breadcrumbItems": [16],
+        "notificationCount": [2, "notification-count"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-appbar", "bh-badge-dot", "bh-breadcrumbs", "bh-button-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-appbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhAppbar$1);
+            }
+            break;
+        case "bh-badge-dot":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "bh-breadcrumbs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-button-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhAppbar = BhAppbar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAppbar, defineCustomElement };
+//# sourceMappingURL=bh-appbar.js.map
+
+//# sourceMappingURL=bh-appbar.js.map

package/components/bh-appbar.js.map

@@ -0,0 +1 @@
+{"file":"bh-appbar.js","mappings":"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","names":["BhAppbar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-appbar/bh-appbar.css?tag=bh-appbar&encapsulation=shadow","src/components/bh-appbar/bh-appbar.tsx"],"sourcesContent":[".appbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 56px;\n  padding: 0 var(--spacing-sm);\n  background-color: var(--color-white);\n  border-bottom: 1px solid var(--color-neutral-200);\n  font-family: var(--font-inter);\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  box-sizing: border-box;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n/* Left Section */\n.left-section {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xl);\n  flex-shrink: 0;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--spacing-4xl);\n  height: var(--spacing-4xl);\n  color: var(--color-brand-500);\n}\n\n.logo-image {\n  width: 36px;\n  height: 36px;\n  object-fit: contain;\n}\n\n/* Right Section */\n.right-section {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  flex-shrink: 0;\n}\n\n.icon-button-wrapper {\n  position: relative;\n}\n\n.icon-badge-dot {\n  position: absolute;\n  top: -8px;\n  right: 2px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .appbar {\n    padding: 0 16px;\n  }\n\n  .left-section {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 480px) {\n  .appbar {\n    padding: 0 12px;\n  }\n\n  .right-section {\n    gap: 4px;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport interface BreadcrumbItem {\n  label: string;\n  path?: string;\n  isActive?: boolean;\n}\n\n@Component({\n  tag: 'bh-appbar',\n  styleUrl: 'bh-appbar.css',\n  shadow: true,\n})\nexport class BhAppbar {\n  /**\n   * Whether the menu is open\n   */\n  @Prop() isMenuOpen: boolean = false;\n\n  /**\n   * Logo source URL\n   */\n  @Prop() logoSrc?: string;\n\n  /**\n   * Logo alt text\n   */\n  @Prop() logoAlt: string = 'Solstice';\n\n  /**\n   * Breadcrumb items\n   */\n  @Prop() breadcrumbItems: BreadcrumbItem[] = [\n    { label: 'Dashboard', path: '/dashboard' },\n    { label: 'Dashboards', isActive: true },\n  ];\n\n  /**\n   * Notification count\n   */\n  @Prop() notificationCount: number = 0;\n\n  /**\n   * Event emitted when menu toggle is clicked\n   */\n  @Event() bhMenuToggle!: EventEmitter<void>;\n\n  /**\n   * Event emitted when a breadcrumb is clicked\n   */\n  @Event() bhBreadcrumbClick!: EventEmitter<BreadcrumbItem>;\n\n  /**\n   * Event emitted when notification icon is clicked\n   */\n  @Event() bhNotificationClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when calendar icon is clicked\n   */\n  @Event() bhCalendarClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when settings icon is clicked\n   */\n  @Event() bhSettingsClick!: EventEmitter<void>;\n\n  private handleMenuToggle = () => {\n    this.bhMenuToggle.emit();\n  };\n\n  private handleBreadcrumbClick = (item: BreadcrumbItem) => {\n    if (item.path && !item.isActive) {\n      this.bhBreadcrumbClick.emit(item);\n    }\n  };\n\n  private handleNotificationClick = () => {\n    this.bhNotificationClick.emit();\n  };\n\n  private handleCalendarClick = () => {\n    this.bhCalendarClick.emit();\n  };\n\n  private handleSettingsClick = () => {\n    this.bhSettingsClick.emit();\n  };\n\n  render() {\n    return (\n      <Host>\n        <header class=\"appbar\">\n          {/* Left Section */}\n          <div class=\"left-section\">\n            {/* Menu Toggle */}\n            <bh-button-icon\n              hierarchy=\"quaternary\"\n              size=\"sm\"\n              iconName={this.isMenuOpen ? 'menu_open' : 'last_page'}\n              onClick={this.handleMenuToggle}\n            ></bh-button-icon>\n\n            {/* Logo */}\n            {this.logoSrc && (\n              <div class=\"logo\">\n                <img src={this.logoSrc} alt={this.logoAlt} class=\"logo-image\" />\n              </div>\n            )}\n\n            {/* Property Switcher Slot */}\n            <slot name=\"property-switcher\"></slot>\n\n            {/* Breadcrumbs */}\n            <bh-breadcrumbs\n              items={this.breadcrumbItems}\n              showHome={true}\n              onBhItemClick={(e) => this.handleBreadcrumbClick(e.detail)}\n            ></bh-breadcrumbs>\n          </div>\n\n          {/* Right Section */}\n          <div class=\"right-section\">\n            {/* Calendar Icon */}\n            <div class=\"icon-button-wrapper\">\n              <bh-button-icon\n                hierarchy=\"quaternary\"\n                size=\"sm\"\n                iconName=\"calendar_today\"\n                onClick={this.handleCalendarClick}\n              ></bh-button-icon>\n              <bh-badge-dot\n                size=\"sm\"\n                color=\"success\"\n                outline={true}\n                class=\"icon-badge-dot\"\n              ></bh-badge-dot>\n            </div>\n\n            {/* Settings Icon */}\n            <div class=\"icon-button-wrapper\">\n              <bh-button-icon\n                hierarchy=\"quaternary\"\n                size=\"sm\"\n                iconName=\"settings\"\n                onClick={this.handleSettingsClick}\n              ></bh-button-icon>\n              <bh-badge-dot\n                size=\"sm\"\n                color=\"blue\"\n                outline={true}\n                class=\"icon-badge-dot\"\n              ></bh-badge-dot>\n            </div>\n\n            {/* Notifications */}\n            <div class=\"icon-button-wrapper\">\n              <bh-button-icon\n                hierarchy=\"quaternary\"\n                size=\"sm\"\n                iconName=\"notifications\"\n                onClick={this.handleNotificationClick}\n              ></bh-button-icon>\n              {this.notificationCount > 0 && (\n                <bh-badge-dot\n                  size=\"sm\"\n                  color=\"error\"\n                  outline={true}\n                  class=\"icon-badge-dot\"\n                ></bh-badge-dot>\n              )}\n            </div>\n          </div>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/bh-autocomplete-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhAutocompleteMenu extends Components.BhAutocompleteMenu, HTMLElement {}
+export const BhAutocompleteMenu: {
+    prototype: BhAutocompleteMenu;
+    new (): BhAutocompleteMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-autocomplete-menu.js

@@ -0,0 +1,9 @@
+import { B as BhAutocompleteMenu$1, d as defineCustomElement$1 } from './p-X9MH3dtg.js';
+
+const BhAutocompleteMenu = BhAutocompleteMenu$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAutocompleteMenu, defineCustomElement };
+//# sourceMappingURL=bh-autocomplete-menu.js.map
+
+//# sourceMappingURL=bh-autocomplete-menu.js.map

package/components/bh-autocomplete-menu.js.map

@@ -0,0 +1 @@
+{"file":"bh-autocomplete-menu.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/bh-avatar-add.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhAvatarAdd extends Components.BhAvatarAdd, HTMLElement {}
+export const BhAvatarAdd: {
+    prototype: BhAvatarAdd;
+    new (): BhAvatarAdd;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-avatar-add.js

@@ -0,0 +1,9 @@
+import { B as BhAvatarAdd$1, d as defineCustomElement$1 } from './p-p8W0xKpn.js';
+
+const BhAvatarAdd = BhAvatarAdd$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAvatarAdd, defineCustomElement };
+//# sourceMappingURL=bh-avatar-add.js.map
+
+//# sourceMappingURL=bh-avatar-add.js.map

package/components/bh-avatar-add.js.map

@@ -0,0 +1 @@
+{"file":"bh-avatar-add.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/bh-avatar-stacked.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhAvatarStacked extends Components.BhAvatarStacked, HTMLElement {}
+export const BhAvatarStacked: {
+    prototype: BhAvatarStacked;
+    new (): BhAvatarStacked;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-avatar-stacked.js

@@ -0,0 +1,141 @@
+import { p as proxyCustomElement, H, h } from './p-9a7sQzad.js';
+import { d as defineCustomElement$4 } from './p-YJm8-pxX.js';
+import { d as defineCustomElement$3 } from './p-p8W0xKpn.js';
+import { d as defineCustomElement$2 } from './p-D6kh9oF2.js';
+
+const bhAvatarStackedCss = ":host{display:inline-block;font-family:var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  )}.avatar-stacked{display:flex;align-items:center}.avatar-item{position:relative;display:inline-flex}.avatar-item bh-avatar,.avatar-item bh-avatar-add{box-shadow:0 0 0 2px var(--color-white, #ffffff);border-radius:50%}";
+
+const BhAvatarStacked$1 = /*@__PURE__*/ proxyCustomElement(class BhAvatarStacked extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    /**
+     * The size of the avatars in the stack
+     */
+    size = 'md';
+    /**
+     * JSON array of avatar data
+     */
+    avatars = '[]';
+    /**
+     * Maximum number of visible avatars before showing count
+     */
+    maxVisible = 10;
+    /**
+     * Whether to show the add button
+     */
+    showAddButton = true;
+    /**
+     * Tooltip text for the add button
+     */
+    addTooltipText = 'Add member';
+    /**
+     * Track hovered avatar index for tooltips
+     */
+    hoveredIndex = -1;
+    /**
+     * Track add button hover state
+     */
+    addButtonHovered = false;
+    getParsedAvatars() {
+        try {
+            return JSON.parse(this.avatars);
+        }
+        catch {
+            return [];
+        }
+    }
+    getAvatarSize() {
+        const sizeMap = {
+            xs: 24,
+            sm: 32,
+            md: 40,
+            lg: 48,
+            xl: 56,
+            '2xl': 64,
+        };
+        return sizeMap[this.size] || 40;
+    }
+    getOffset() {
+        const avatarSize = this.getAvatarSize();
+        return Math.floor(avatarSize * 0.3);
+    }
+    mapAvatarType(type) {
+        if (type === 'icon') {
+            return 'placeholder';
+        }
+        return type;
+    }
+    render() {
+        const parsedAvatars = this.getParsedAvatars();
+        const visibleAvatars = parsedAvatars.slice(0, this.maxVisible - 1);
+        const remainingCount = parsedAvatars.length - (this.maxVisible - 1);
+        const showCountAvatar = remainingCount > 0;
+        const offset = this.getOffset();
+        return (h("div", { key: 'ec073586cb5f8bc0f0b8a19c1fd38fb3103c22d9', class: `avatar-stacked avatar-stacked-${this.size}`, part: "container" }, visibleAvatars.map((avatar, index) => (h("div", { class: "avatar-item", style: { marginLeft: index > 0 ? `-${offset}px` : '0' }, onMouseEnter: () => {
+                this.hoveredIndex = index;
+            }, onMouseLeave: () => {
+                this.hoveredIndex = -1;
+            } }, h("bh-avatar", { type: this.mapAvatarType(avatar.type), size: this.size, imageSrc: avatar.imageSrc, text: avatar.text || '?', alt: avatar.text || 'Avatar' }), avatar.tooltipText && (h("bh-tooltip", { text: avatar.tooltipText, visible: this.hoveredIndex === index, position: "bottom" }))))), showCountAvatar && (h("div", { key: 'c1421d02eb8cc02c9294a654e3d735a8e0513d8a', class: "avatar-item", style: {
+                marginLeft: visibleAvatars.length > 0 ? `-${offset}px` : '0',
+            } }, h("bh-avatar", { key: '7ea83fff361629de7f68bd7a830531657d454566', type: "text", size: this.size, text: `+${remainingCount}`, alt: `${remainingCount} more` }))), this.showAddButton && (h("div", { key: 'd14845e1ea91c131af6e2ae2c658f7c267cb2281', class: "avatar-item", style: {
+                marginLeft: visibleAvatars.length > 0 || showCountAvatar
+                    ? `-${offset}px`
+                    : '0',
+            }, onMouseEnter: () => {
+                this.addButtonHovered = true;
+            }, onMouseLeave: () => {
+                this.addButtonHovered = false;
+            } }, h("bh-avatar-add", { key: '719740919ab99129f93963775976fb5a2f0c4523', size: this.size, showTooltip: true, tooltipText: this.addTooltipText })))));
+    }
+    static get style() { return bhAvatarStackedCss; }
+}, [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]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-avatar-stacked", "bh-avatar", "bh-avatar-add", "bh-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-avatar-stacked":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhAvatarStacked$1);
+            }
+            break;
+        case "bh-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "bh-avatar-add":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhAvatarStacked = BhAvatarStacked$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAvatarStacked, defineCustomElement };
+//# sourceMappingURL=bh-avatar-stacked.js.map
+
+//# sourceMappingURL=bh-avatar-stacked.js.map

package/components/bh-avatar-stacked.js.map

@@ -0,0 +1 @@
+{"file":"bh-avatar-stacked.js","mappings":"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","names":["BhAvatarStacked","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-avatar-stacked/bh-avatar-stacked.css?tag=bh-avatar-stacked&encapsulation=shadow","src/components/bh-avatar-stacked/bh-avatar-stacked.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-stacked {\n  display: flex;\n  align-items: center;\n}\n\n/* Avatar Item Wrapper */\n.avatar-item {\n  position: relative;\n  display: inline-flex;\n}\n\n/* Add white border around nested avatars for visual separation */\n.avatar-item bh-avatar,\n.avatar-item bh-avatar-add {\n  box-shadow: 0 0 0 2px var(--color-white, #ffffff);\n  border-radius: 50%;\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\nexport type AvatarStackedSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport interface AvatarData {\n  type: 'image' | 'text' | 'icon';\n  imageSrc?: string;\n  text?: string;\n  tooltipText?: string;\n}\n\n@Component({\n  tag: 'bh-avatar-stacked',\n  styleUrl: 'bh-avatar-stacked.css',\n  shadow: true,\n})\nexport class BhAvatarStacked {\n  /**\n   * The size of the avatars in the stack\n   */\n  @Prop() size: AvatarStackedSize = 'md';\n\n  /**\n   * JSON array of avatar data\n   */\n  @Prop() avatars: string = '[]';\n\n  /**\n   * Maximum number of visible avatars before showing count\n   */\n  @Prop() maxVisible: number = 10;\n\n  /**\n   * Whether to show the add button\n   */\n  @Prop() showAddButton: boolean = true;\n\n  /**\n   * Tooltip text for the add button\n   */\n  @Prop() addTooltipText: string = 'Add member';\n\n  /**\n   * Track hovered avatar index for tooltips\n   */\n  @State() hoveredIndex: number = -1;\n\n  /**\n   * Track add button hover state\n   */\n  @State() addButtonHovered: boolean = false;\n\n  private getParsedAvatars(): AvatarData[] {\n    try {\n      return JSON.parse(this.avatars) as AvatarData[];\n    } catch {\n      return [];\n    }\n  }\n\n  private getAvatarSize(): number {\n    const sizeMap: Record<AvatarStackedSize, number> = {\n      xs: 24,\n      sm: 32,\n      md: 40,\n      lg: 48,\n      xl: 56,\n      '2xl': 64,\n    };\n    return sizeMap[this.size] || 40;\n  }\n\n  private getOffset(): number {\n    const avatarSize = this.getAvatarSize();\n    return Math.floor(avatarSize * 0.3);\n  }\n\n  private mapAvatarType(\n    type: 'image' | 'text' | 'icon'\n  ): 'image' | 'text' | 'placeholder' {\n    if (type === 'icon') {\n      return 'placeholder';\n    }\n    return type;\n  }\n\n  render() {\n    const parsedAvatars = this.getParsedAvatars();\n    const visibleAvatars = parsedAvatars.slice(0, this.maxVisible - 1);\n    const remainingCount = parsedAvatars.length - (this.maxVisible - 1);\n    const showCountAvatar = remainingCount > 0;\n    const offset = this.getOffset();\n\n    return (\n      <div\n        class={`avatar-stacked avatar-stacked-${this.size}`}\n        part=\"container\"\n      >\n        {visibleAvatars.map((avatar, index) => (\n          <div\n            class=\"avatar-item\"\n            style={{ marginLeft: index > 0 ? `-${offset}px` : '0' }}\n            onMouseEnter={() => {\n              this.hoveredIndex = index;\n            }}\n            onMouseLeave={() => {\n              this.hoveredIndex = -1;\n            }}\n          >\n            <bh-avatar\n              type={this.mapAvatarType(avatar.type)}\n              size={this.size}\n              imageSrc={avatar.imageSrc}\n              text={avatar.text || '?'}\n              alt={avatar.text || 'Avatar'}\n            />\n            {avatar.tooltipText && (\n              <bh-tooltip\n                text={avatar.tooltipText}\n                visible={this.hoveredIndex === index}\n                position=\"bottom\"\n              />\n            )}\n          </div>\n        ))}\n\n        {showCountAvatar && (\n          <div\n            class=\"avatar-item\"\n            style={{\n              marginLeft: visibleAvatars.length > 0 ? `-${offset}px` : '0',\n            }}\n          >\n            <bh-avatar\n              type=\"text\"\n              size={this.size}\n              text={`+${remainingCount}`}\n              alt={`${remainingCount} more`}\n            />\n          </div>\n        )}\n\n        {this.showAddButton && (\n          <div\n            class=\"avatar-item\"\n            style={{\n              marginLeft:\n                visibleAvatars.length > 0 || showCountAvatar\n                  ? `-${offset}px`\n                  : '0',\n            }}\n            onMouseEnter={() => {\n              this.addButtonHovered = true;\n            }}\n            onMouseLeave={() => {\n              this.addButtonHovered = false;\n            }}\n          >\n            <bh-avatar-add\n              size={this.size}\n              showTooltip={true}\n              tooltipText={this.addTooltipText}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/bh-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhAvatar extends Components.BhAvatar, HTMLElement {}
+export const BhAvatar: {
+    prototype: BhAvatar;
+    new (): BhAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-avatar.js

@@ -0,0 +1,9 @@
+import { B as BhAvatar$1, d as defineCustomElement$1 } from './p-YJm8-pxX.js';
+
+const BhAvatar = BhAvatar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhAvatar, defineCustomElement };
+//# sourceMappingURL=bh-avatar.js.map
+
+//# sourceMappingURL=bh-avatar.js.map

package/components/bh-avatar.js.map

@@ -0,0 +1 @@
+{"file":"bh-avatar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/bh-badge-dot.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhBadgeDot extends Components.BhBadgeDot, HTMLElement {}
+export const BhBadgeDot: {
+    prototype: BhBadgeDot;
+    new (): BhBadgeDot;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-badge-dot.js

@@ -0,0 +1,9 @@
+import { B as BhBadgeDot$1, d as defineCustomElement$1 } from './p-DRJW4zBc.js';
+
+const BhBadgeDot = BhBadgeDot$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhBadgeDot, defineCustomElement };
+//# sourceMappingURL=bh-badge-dot.js.map
+
+//# sourceMappingURL=bh-badge-dot.js.map

package/components/bh-badge-dot.js.map

@@ -0,0 +1 @@
+{"file":"bh-badge-dot.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/bh-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BhBadge extends Components.BhBadge, HTMLElement {}
+export const BhBadge: {
+    prototype: BhBadge;
+    new (): BhBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-badge.js

@@ -0,0 +1,9 @@
+import { B as BhBadge$1, d as defineCustomElement$1 } from './p-NXL0pYS_.js';
+
+const BhBadge = BhBadge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhBadge, defineCustomElement };
+//# sourceMappingURL=bh-badge.js.map
+
+//# sourceMappingURL=bh-badge.js.map

package/components/bh-badge.js.map

@@ -0,0 +1 @@
+{"file":"bh-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}