@actabldesign/bellhop-core 0.0.8 → 0.0.12

package/dist/collection/components/bh-popover/bh-popover.js

@@ -1,86 +1,27 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 export class BhPopover {
     /**
-     * Title displayed in the header
+     * Optional title for the popover. If provided, displays "With title" variant
+     * Named popoverTitle to avoid conflict with HTMLElement.title
      */
-    popoverTitle = 'Brand Name';
+    popoverTitle;
     /**
-     * Text for the portfolio link
+     * Content text for the popover
      */
-    viewPortfolioText = 'view portfolio';
+    content;
     /**
-     * Placeholder text for search input
+     * Maximum width of the popover
      */
-    searchPlaceholder = 'Search by name or region';
+    maxWidth = '285px';
     /**
-     * Width of the popover
+     * Position of the popover relative to the trigger element
      */
-    width = '240px';
-    /**
-     * Whether to show search input
-     */
-    showSearch = true;
-    /**
-     * Whether to show avatar section
-     */
-    showAvatar = true;
-    /**
-     * Avatar image source URL
-     */
-    avatarSrc;
-    /**
-     * Menu items array (JSON string or array)
-     */
-    items = [];
-    searchTerm = '';
-    /**
-     * Event emitted when a menu item is selected
-     */
-    bhItemSelect;
-    /**
-     * Event emitted when portfolio link is clicked
-     */
-    bhPortfolioClick;
-    /**
-     * Event emitted when search input changes
-     */
-    bhSearchChange;
-    get parsedItems() {
-        if (typeof this.items === 'string') {
-            try {
-                return JSON.parse(this.items);
-            }
-            catch {
-                return [];
-            }
-        }
-        return this.items || [];
-    }
-    handleItemClick = (item) => {
-        if (item.type !== 'header') {
-            this.bhItemSelect.emit(item);
-        }
-    };
-    handlePortfolioClick = () => {
-        this.bhPortfolioClick.emit();
-    };
-    handleSearchInput = (event) => {
-        const target = event.target;
-        this.searchTerm = target.value;
-        this.bhSearchChange.emit(this.searchTerm);
-    };
-    getItemClasses(item) {
-        return {
-            'menu-item': true,
-            'selected': !!item.selected,
-            'menu-item-portfolio': item.type === 'portfolio',
-            'menu-item-region': item.type === 'region',
-            'menu-item-property': item.type === 'property',
-        };
-    }
+    position = 'top'; // Default to top
     render() {
-        const items = this.parsedItems;
-        return (h(Host, { key: '25499890c1864435bae214a37f7fc8d565d8f3da' }, h("div", { key: 'de6ade64a6cdf7ab299d0ee9187b676d2841d89c', class: "popover", style: { width: this.width } }, h("div", { key: '19d68a071d41a928dde7070ce17ef61ef0770118', class: "popover-content" }, h("div", { key: '103181dbb1ff47314cff71869bb84ad06c78de78', class: "popover-menu" }, this.showAvatar && (h("div", { key: 'd6b413cd6c726078e414174cfc75d5e95ffacddc', class: "popover-header" }, h("div", { key: '4cdad2a1457d4b8df7baeb0f04d849f47471a727', class: "avatar-group" }, h("div", { key: '7c59b44499eaba8da0982939dacef30899273c02', class: "avatar" }, this.avatarSrc ? (h("img", { src: this.avatarSrc, alt: this.popoverTitle, class: "avatar-image" })) : (h("slot", { name: "avatar" }))), h("div", { key: 'bfab1ee98a218d4ee75055872542135fbf179069', class: "brand-info" }, h("div", { key: '9eed24402c23ba99fa9fbcaf4b0a430ea01fe263', class: "brand-name" }, this.popoverTitle), this.viewPortfolioText && (h("button", { key: '2056c40e002bd029545f2f2fb898eed39f8f93db', class: "portfolio-link", onClick: this.handlePortfolioClick, type: "button" }, this.viewPortfolioText)))))), this.showSearch && (h("div", { key: 'd8b487b553522f4c5a0e9e74755c53fb7ff5dc1b', class: "search-container" }, h("div", { key: 'a20d988fa3f86e7c26a1b31ed04b4adfa34a7a36', class: "search-input" }, h("div", { key: 'd75a244d37324a84a8ae8501f334f84a52fe9b0e', class: "search-content" }, h("span", { key: '394b2c5f23949c72109ca5c441ef3069a6424530', class: "material-symbols-outlined search-icon" }, "search"), h("input", { key: '1887ff5e6d3b3c857b5e980d33d8adc0076b23a1', type: "text", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, class: "search-field" }))))), h("div", { key: 'e2b6ff5f6b7ba5929db7a9d1401ae2cfc1089eb7', class: "menu-items" }, items.map((item) => (h("div", { key: item.id }, item.type === 'header' && (h("div", { class: "menu-header" }, item.label)), item.type !== 'header' && (h("div", { class: "menu-item-container" }, h("button", { class: this.getItemClasses(item), onClick: () => this.handleItemClick(item), type: "button" }, item.label))))))))))));
+        const hasTitle = !!this.popoverTitle;
+        return (
+        // Move the style here so it controls the entire popover window
+        h("div", { key: '8e25b3b1975a401c7c3b227bd9d9bd0a9e58d9e8', class: `popover-wrapper ${this.position}`, style: { maxWidth: this.maxWidth } }, h("div", { key: 'e982c62eb6f595d28405c22218127aac02a2b18d', class: "popover-content" }, hasTitle && (h("div", { key: '6317cf01a6b6a8cc5ec1ff6b25494bb87bf61d38', class: "popover-header" }, h("div", { key: 'd1adadc130346c805f483b5383212a865c4bf816', class: "header-content" }, h("div", { key: 'bd19b1f54fcee4af8efc3e1078dfa8e455a34ca9', class: "header-text" }, h("p", { key: '2a22f82dea6194a7b0fce24c317e8e7fe00fcec0', class: "title-text" }, this.popoverTitle))), h("div", { key: 'f72dda514238a1736913301a52a095f264d67d79', class: "divider" }))), h("div", { key: '6469027a70e22c5d80275d9816f50b351e572573', class: hasTitle ? 'popover-text with-title' : 'popover-text' }, this.content ? (h("p", { class: "content-text" }, this.content)) : (h("slot", null))))));
     }
     static get is() { return "bh-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -101,42 +42,40 @@ export class BhPopover {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Title displayed in the header"
+                    "text": "Optional title for the popover. If provided, displays \"With title\" variant\nNamed popoverTitle to avoid conflict with HTMLElement.title"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "popover-title",
-                "defaultValue": "'Brand Name'"
+                "attribute": "popover-title"
             },
-            "viewPortfolioText": {
+            "content": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Text for the portfolio link"
+                    "text": "Content text for the popover"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "view-portfolio-text",
-                "defaultValue": "'view portfolio'"
+                "attribute": "content"
             },
-            "searchPlaceholder": {
+            "maxWidth": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -148,179 +87,35 @@ export class BhPopover {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Placeholder text for search input"
+                    "text": "Maximum width of the popover"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "search-placeholder",
-                "defaultValue": "'Search by name or region'"
+                "attribute": "max-width",
+                "defaultValue": "'285px'"
             },
-            "width": {
+            "position": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Width of the popover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "width",
-                "defaultValue": "'240px'"
-            },
-            "showSearch": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "'top' | 'bottom'",
+                    "resolved": "\"bottom\" | \"top\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Whether to show search input"
+                    "text": "Position of the popover relative to the trigger element"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-search",
-                "defaultValue": "true"
-            },
-            "showAvatar": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether to show avatar section"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "show-avatar",
-                "defaultValue": "true"
-            },
-            "avatarSrc": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Avatar image source URL"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "avatar-src"
-            },
-            "items": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopoverItem[] | string",
-                    "resolved": "PopoverItem[] | string",
-                    "references": {
-                        "PopoverItem": {
-                            "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-popover/bh-popover.tsx",
-                            "id": "src/components/bh-popover/bh-popover.tsx::PopoverItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Menu items array (JSON string or array)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "items",
-                "defaultValue": "[]"
+                "attribute": "position",
+                "defaultValue": "'top'"
             }
         };
     }
-    static get states() {
-        return {
-            "searchTerm": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "bhItemSelect",
-                "name": "bhItemSelect",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when a menu item is selected"
-                },
-                "complexType": {
-                    "original": "PopoverItem",
-                    "resolved": "PopoverItem",
-                    "references": {
-                        "PopoverItem": {
-                            "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-popover/bh-popover.tsx",
-                            "id": "src/components/bh-popover/bh-popover.tsx::PopoverItem"
-                        }
-                    }
-                }
-            }, {
-                "method": "bhPortfolioClick",
-                "name": "bhPortfolioClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when portfolio link is clicked"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "bhSearchChange",
-                "name": "bhSearchChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when search input changes"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
 }
 //# sourceMappingURL=bh-popover.js.map

package/dist/collection/components/bh-popover/bh-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"bh-popover.js","sourceRoot":"","sources":["../../../src/components/bh-popover/bh-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport interface PopoverItem {\n  id: string;\n  label: string;\n  type?: 'portfolio' | 'region' | 'property' | 'header';\n  selected?: boolean;\n}\n\n@Component({\n  tag: 'bh-popover',\n  styleUrl: 'bh-popover.css',\n  shadow: true,\n})\nexport class BhPopover {\n  /**\n   * Title displayed in the header\n   */\n  @Prop() popoverTitle: string = 'Brand Name';\n\n  /**\n   * Text for the portfolio link\n   */\n  @Prop() viewPortfolioText: string = 'view portfolio';\n\n  /**\n   * Placeholder text for search input\n   */\n  @Prop() searchPlaceholder: string = 'Search by name or region';\n\n  /**\n   * Width of the popover\n   */\n  @Prop() width: string = '240px';\n\n  /**\n   * Whether to show search input\n   */\n  @Prop() showSearch: boolean = true;\n\n  /**\n   * Whether to show avatar section\n   */\n  @Prop() showAvatar: boolean = true;\n\n  /**\n   * Avatar image source URL\n   */\n  @Prop() avatarSrc?: string;\n\n  /**\n   * Menu items array (JSON string or array)\n   */\n  @Prop() items: PopoverItem[] | string = [];\n\n  @State() searchTerm: string = '';\n\n  /**\n   * Event emitted when a menu item is selected\n   */\n  @Event() bhItemSelect!: EventEmitter<PopoverItem>;\n\n  /**\n   * Event emitted when portfolio link is clicked\n   */\n  @Event() bhPortfolioClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when search input changes\n   */\n  @Event() bhSearchChange!: EventEmitter<string>;\n\n  private get parsedItems(): PopoverItem[] {\n    if (typeof this.items === 'string') {\n      try {\n        return JSON.parse(this.items);\n      } catch {\n        return [];\n      }\n    }\n    return this.items || [];\n  }\n\n  private handleItemClick = (item: PopoverItem) => {\n    if (item.type !== 'header') {\n      this.bhItemSelect.emit(item);\n    }\n  };\n\n  private handlePortfolioClick = () => {\n    this.bhPortfolioClick.emit();\n  };\n\n  private handleSearchInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.searchTerm = target.value;\n    this.bhSearchChange.emit(this.searchTerm);\n  };\n\n  private getItemClasses(item: PopoverItem): Record<string, boolean> {\n    return {\n      'menu-item': true,\n      'selected': !!item.selected,\n      'menu-item-portfolio': item.type === 'portfolio',\n      'menu-item-region': item.type === 'region',\n      'menu-item-property': item.type === 'property',\n    };\n  }\n\n  render() {\n    const items = this.parsedItems;\n\n    return (\n      <Host>\n        <div class=\"popover\" style={{ width: this.width }}>\n          <div class=\"popover-content\">\n            <div class=\"popover-menu\">\n              {/* Header with Brand/Avatar */}\n              {this.showAvatar && (\n                <div class=\"popover-header\">\n                  <div class=\"avatar-group\">\n                    <div class=\"avatar\">\n                      {this.avatarSrc ? (\n                        <img src={this.avatarSrc} alt={this.popoverTitle} class=\"avatar-image\" />\n                      ) : (\n                        <slot name=\"avatar\" />\n                      )}\n                    </div>\n                    <div class=\"brand-info\">\n                      <div class=\"brand-name\">{this.popoverTitle}</div>\n                      {this.viewPortfolioText && (\n                        <button\n                          class=\"portfolio-link\"\n                          onClick={this.handlePortfolioClick}\n                          type=\"button\"\n                        >\n                          {this.viewPortfolioText}\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              )}\n\n              {/* Search Input */}\n              {this.showSearch && (\n                <div class=\"search-container\">\n                  <div class=\"search-input\">\n                    <div class=\"search-content\">\n                      <span class=\"material-symbols-outlined search-icon\">search</span>\n                      <input\n                        type=\"text\"\n                        placeholder={this.searchPlaceholder}\n                        value={this.searchTerm}\n                        onInput={this.handleSearchInput}\n                        class=\"search-field\"\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n\n              {/* Menu Items */}\n              <div class=\"menu-items\">\n                {items.map((item) => (\n                  <div key={item.id}>\n                    {/* Header Item */}\n                    {item.type === 'header' && (\n                      <div class=\"menu-header\">{item.label}</div>\n                    )}\n\n                    {/* Regular Item */}\n                    {item.type !== 'header' && (\n                      <div class=\"menu-item-container\">\n                        <button\n                          class={this.getItemClasses(item)}\n                          onClick={() => this.handleItemClick(item)}\n                          type=\"button\"\n                        >\n                          {item.label}\n                        </button>\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bh-popover.js","sourceRoot":"","sources":["../../../src/components/bh-popover/bh-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IACpB;;;OAGG;IACK,YAAY,CAAU;IAE9B;;OAEG;IACK,OAAO,CAAU;IAEzB;;OAEG;IACK,QAAQ,GAAW,OAAO,CAAC;IAEnC;;OAEG;IACK,QAAQ,GAAqB,KAAK,CAAC,CAAC,iBAAiB;IAE7D,MAAM;QACJ,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAErC,OAAO;QACL,+DAA+D;QAC/D,4DACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE,EACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YAElC,4DAAK,KAAK,EAAC,iBAAiB;gBACzB,QAAQ,IAAI,CACX,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,KAAK,EAAC,gBAAgB;wBACzB,4DAAK,KAAK,EAAC,aAAa;4BACtB,0DAAG,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,YAAY,CAAK,CACzC,CACF;oBACN,4DAAK,KAAK,EAAC,SAAS,GAAO,CACvB,CACP;gBAED,4DAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,IAC9D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,SAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CAC3C,CAAC,CAAC,CAAC,CACF,eAAQ,CACT,CACG,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-popover',\n  styleUrl: 'bh-popover.css',\n  shadow: true,\n})\nexport class BhPopover {\n  /**\n   * Optional title for the popover. If provided, displays \"With title\" variant\n   * Named popoverTitle to avoid conflict with HTMLElement.title\n   */\n  @Prop() popoverTitle?: string;\n\n  /**\n   * Content text for the popover\n   */\n  @Prop() content?: string;\n\n  /**\n   * Maximum width of the popover\n   */\n  @Prop() maxWidth: string = '285px';\n\n  /**\n   * Position of the popover relative to the trigger element\n   */\n  @Prop() position: 'top' | 'bottom' = 'top'; // Default to top\n\n  render() {\n    const hasTitle = !!this.popoverTitle;\n\n    return (\n      // Move the style here so it controls the entire popover window\n      <div\n        class={`popover-wrapper ${this.position}`}\n        style={{ maxWidth: this.maxWidth }}\n      >\n        <div class=\"popover-content\">\n          {hasTitle && (\n            <div class=\"popover-header\">\n              <div class=\"header-content\">\n                <div class=\"header-text\">\n                  <p class=\"title-text\">{this.popoverTitle}</p>\n                </div>\n              </div>\n              <div class=\"divider\"></div>\n            </div>\n          )}\n\n          <div class={hasTitle ? 'popover-text with-title' : 'popover-text'}>\n            {this.content ? (\n              <p class=\"content-text\">{this.content}</p>\n            ) : (\n              <slot />\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/bh-product-switcher/bh-product-switcher.js

@@ -128,7 +128,7 @@ export class BhProductSwitcher {
                     "references": {
                         "AnchorPosition": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
                             "id": "src/components/bh-product-switcher/bh-product-switcher.tsx::AnchorPosition"
                         }
                     }
@@ -152,7 +152,7 @@ export class BhProductSwitcher {
                     "references": {
                         "BhProduct": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
                             "id": "src/components/bh-product-switcher/bh-product-switcher.tsx::BhProduct"
                         }
                     }
@@ -206,7 +206,7 @@ export class BhProductSwitcher {
                     "references": {
                         "BhProduct": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-product-switcher/bh-product-switcher.tsx",
                             "id": "src/components/bh-product-switcher/bh-product-switcher.tsx::BhProduct"
                         }
                     }

package/dist/collection/components/bh-property-switcher/bh-property-switcher.js

@@ -211,7 +211,7 @@ export class BhPropertySwitcher {
         };
         const selectedProp = this.getSelectedProperty();
         const displayName = this.internalSelectedProperty || this.selectedProperty;
-        return (h(Host, { key: '02541bacd9b48dbf5c8939ed6b4f9a08393e788c' }, h("div", { key: 'cb0f6de5ee67caa19e6a7022ec89347d81dbda7e', ref: (el) => (this.switcherRef = el), class: containerClasses }, h("button", { key: '4fc5cd736389e8707d4c86ae319a721e685dc88a', class: "property-selector", onClick: () => this.handleToggle(), "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-label": `Property selector: ${displayName}` }, selectedProp && (h("span", { key: 'dfe3c36f344113c8edb18c234dc0e9d81fbed9ef', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: 'e83cbe7b26f6d8b94557003da87580dd00053acc', class: "property-name" }, displayName), h("span", { key: '4f6d01218d1d60afaa148d375d911d2701d9b5bd', class: "material-symbols-outlined expand-icon", "aria-label": this.isExpanded ? 'Collapse Options' : 'Expand Options' }, this.isExpanded ? 'unfold_less' : 'unfold_more')), this.isExpanded && (h("div", { key: '9c6ee765cd36535305b9236d46ba96657aeac308', class: "dropdown-panel" }, this.renderSearchInput(), h("div", { key: '5433d7a5ad985549a332cd7df7070d123ce98153', class: "dropdown-content" }, this.grouped
+        return (h(Host, { key: '7e3609a6aaf8106b84cf44bb14341d52577b9440' }, h("div", { key: 'ec38e607ef107488e0a82ff4a26f281ffb76671f', ref: (el) => (this.switcherRef = el), class: containerClasses }, h("button", { key: 'e6690cf6fe84ae83d918311e94216d9433447878', class: "property-selector", onClick: () => this.handleToggle(), "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-label": `Property selector: ${displayName}` }, selectedProp && (h("span", { key: 'f1f90104f3f3a105eeeb1ed3ea4ce9dd4b685f6a', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: 'c7b8b1eeb3f7d757e5758eb8a56057f6ef0b1734', class: "property-name" }, displayName), h("span", { key: 'ad1e8c8d784e23a17a71b8c826d8929e3caf833d', class: "material-symbols-outlined expand-icon", "aria-label": this.isExpanded ? 'Collapse Options' : 'Expand Options' }, this.isExpanded ? 'unfold_less' : 'unfold_more')), this.isExpanded && (h("div", { key: '76b349f2a94edfc69a17c3c58f4b7d3c5f1e3c64', class: "dropdown-panel" }, this.renderSearchInput(), h("div", { key: 'a10135c8a9f3b7962045a2eda1226ea5b104470d', class: "dropdown-content" }, this.grouped
             ? this.renderGroupedView()
             : this.renderFlatView()))))));
     }
@@ -258,7 +258,7 @@ export class BhPropertySwitcher {
                     "references": {
                         "PropertyOption": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-property-switcher/bh-property-switcher.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-property-switcher/bh-property-switcher.tsx",
                             "id": "src/components/bh-property-switcher/bh-property-switcher.tsx::PropertyOption"
                         }
                     }
@@ -340,7 +340,7 @@ export class BhPropertySwitcher {
                     "references": {
                         "PropertyOption": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-property-switcher/bh-property-switcher.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-property-switcher/bh-property-switcher.tsx",
                             "id": "src/components/bh-property-switcher/bh-property-switcher.tsx::PropertyOption"
                         }
                     }

package/dist/collection/components/bh-radio-button/bh-radio-button.js

@@ -124,7 +124,7 @@ export class BhRadioButton {
                     "references": {
                         "RadioButtonSize": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-radio-button/bh-radio-button.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-radio-button/bh-radio-button.tsx",
                             "id": "src/components/bh-radio-button/bh-radio-button.tsx::RadioButtonSize"
                         }
                     }

package/dist/collection/components/bh-sidebar/bh-nav-item.js

@@ -37,7 +37,7 @@ export class BhNavItem {
             'active': this.isActive,
             'disabled': this.disabled,
         };
-        return (h("div", { key: '0d118945925ec1e60f16ef60ca3e913386578fa8', class: navItemClasses }, h("button", { key: '41b8753e8c5048614505e02688b8678993f1c8d1', class: "nav-item-button", "aria-label": this.label, type: "button", onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled, tabIndex: this.disabled ? -1 : 0 }, h("span", { key: 'bbd4414639535eabedf673412e57d5f3c83e3ddc', class: "material-symbols-outlined icon" }, this.icon)), h("p", { key: 'cb747ba8b73b5201c47bd66de61d2b9bf5bd8a95', class: "nav-item-label" }, this.label)));
+        return (h("div", { key: '2460e270a66fde02f4af62520b2f6174eb1568b6', class: navItemClasses }, h("button", { key: 'b68ec117fe2901a4e16e1b483eac17f4f9aeeb32', class: "nav-item-button", "aria-label": this.label, type: "button", onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled, tabIndex: this.disabled ? -1 : 0 }, h("span", { key: 'dc176a94103a90136e1823506005762c4ff88bf6', class: "material-symbols-outlined icon" }, this.icon)), h("p", { key: '96321c87839cfd2c9590e485a4f58fe66a86127a', class: "nav-item-label" }, this.label)));
     }
     static get is() { return "bh-nav-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-sidebar/bh-sidebar.js

@@ -99,7 +99,7 @@ export class BhSidebar {
             { id: '12', divider: true },
             { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
         ];
-        return (h(Host, { key: 'ec71c0ecf369a2f5fe1028c64509f0257257c20b' }, h("div", { key: '40508d1e275db38c62966af84ea11c343322690a', class: sidebarClasses }, h("div", { key: 'deda56dad78580220725a59440f960e70440302f', class: "navigation" }, h("div", { key: '77d3303bdce1b8fd1e61116888564690d557e34e', class: "gradient-bar" }, h("div", { key: 'd65349b1e37f6d1b344422cf96f1237e5c99407f', class: "detail-bar" })), h("div", { key: '6a2ae10b8b63e0c8732c166d62cbf43c58fb7c8d', class: "sidebar-content" }, h("bh-logo-box", { key: '4204dcb7f5a019c963cd6cf37039f9870e5633a6', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), h("div", { key: '0ef83fbb295546ac57829fecb60a238d923e60e2', class: "navigation-section" }, h("div", { key: '91631f0e8dccd12bd9e9a02fdce17a2d7a4047e7', class: "search-container" }, h("bh-button-icon", { key: '770ce37a93945cc213117d2d54e6e92f9d432c8b', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), h("div", { key: 'e6a86d4e308dff8c44e2875d7a18d11efa0d8451', class: "nav-items" }, this.menuItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), h("div", { key: '5db852f9c05cc25175e95d091403d0020d1b730e', class: "sidebar-footer" }, h("div", { key: '1f39438f48d87c61d294c52f4bcd7e348bd8418f', class: "footer-navigation" }, this.footerItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), h("bh-dropdown", { key: '39a0e3293013159a795ed01f856e44ce47cadad1', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
+        return (h(Host, { key: 'a691fab176445fef65c964390d5277f41b0a6989' }, h("div", { key: '99bb35a4e97512d3cf973e6ed73baf44a0a9e71d', class: sidebarClasses }, h("div", { key: '74c23339a793aa9e16b9da18f7aa522d8f6b200e', class: "navigation" }, h("div", { key: '24e19625c3a9673881bf9b43a37d159250a516b0', class: "gradient-bar" }, h("div", { key: '8fbed7913283af8e79f3eea81d074631bb9362d3', class: "detail-bar" })), h("div", { key: 'a0063e7c8ca350d68ce51123e60d7783c0fac205', class: "sidebar-content" }, h("bh-logo-box", { key: 'cc95c2c8b47d13a2ead0dc412d4cc78ec8493c96', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), h("div", { key: 'd58db9cca5be94792b6c7d8894736ba892a567c7', class: "navigation-section" }, h("div", { key: '0fabbe81f1f9caf658206cfaed30d712fbdb80a0', class: "search-container" }, h("bh-button-icon", { key: '5b57dc0af93d7012c61e4af2e4bd9e0a65d361cd', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), h("div", { key: '11ce9862b88cbc7a416b7ff2005017cb8235d254', class: "nav-items" }, this.menuItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), h("div", { key: '8f5e98d9a323da0db57a4e0d972d37fb6f6668d3', class: "sidebar-footer" }, h("div", { key: '605a964cee526b95b41080e6914ca58b8ab7dbd1', class: "footer-navigation" }, this.footerItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), h("bh-dropdown", { key: '0d6026fcbe9fa91e202743beafed2137a7685b8c', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
     }
     static get is() { return "bh-sidebar"; }
     static get encapsulation() { return "shadow"; }
@@ -270,7 +270,7 @@ export class BhSidebar {
                     "references": {
                         "MenuItem": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
                             "id": "src/components/bh-sidebar/bh-sidebar.tsx::MenuItem"
                         }
                     }
@@ -294,7 +294,7 @@ export class BhSidebar {
                     "references": {
                         "FooterItem": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
                             "id": "src/components/bh-sidebar/bh-sidebar.tsx::FooterItem"
                         }
                     }
@@ -383,7 +383,7 @@ export class BhSidebar {
                     "references": {
                         "DropdownMenuItem": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-sidebar/bh-sidebar.tsx",
                             "id": "src/components/bh-sidebar/bh-sidebar.tsx::DropdownMenuItem"
                         }
                     }

package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.css

@@ -4,28 +4,27 @@
 
 :host {
   display: inline-block;
+  vertical-align: middle;
 }
 
 .skeleton {
-  display: inline-block;
+  display: block;
+  min-width: 20px;
+  min-height: 8px;
   background: linear-gradient(
     90deg,
-    rgba(0, 0, 0, 0.06) 25%,
-    rgba(0, 0, 0, 0.03) 50%,
-    rgba(0, 0, 0, 0.06) 75%
+    var(--color-neutral-200, #e2e4eb) 25%,
+    var(--color-neutral-100, #f0f1f5) 50%,
+    var(--color-neutral-200, #e2e4eb) 75%
   );
   background-size: 400% 100%;
   animation: shimmer 1.5s ease-in-out infinite;
-  border-radius: var(--radius-sm);
-  line-height: 1;
+  border-radius: var(--radius-sm, 4px);
 }
 
 .skeleton-circle {
   border-radius: 50%;
-}
-
-.skeleton::before {
-  content: '\00a0';
+  aspect-ratio: 1;
 }
 
 @keyframes shimmer {
@@ -36,15 +35,3 @@
     background-position: 0 50%;
   }
 }
-
-.visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}

package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js

@@ -14,10 +14,10 @@ export class BhSkeletonLoader {
     circle = false;
     render() {
         const skeletonClasses = {
-            'skeleton': true,
+            skeleton: true,
             'skeleton-circle': this.circle,
         };
-        return (h("span", { key: 'db0a5cf09470b6bd54d8e8aa8f9a19e35bc0f949', class: skeletonClasses, style: { width: this.width, height: this.height }, role: "status", "aria-live": "polite", "aria-busy": "true", part: "skeleton" }, h("span", { key: '2e21ff7d34283aaef05044985e05a565df7f06d7', class: "visually-hidden" }, "Loading...")));
+        return (h("span", { key: 'bcac717791cecbef8060b19c17f470b7e35c99a0', class: skeletonClasses, style: { width: this.width, height: this.height }, role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading", part: "skeleton" }));
     }
     static get is() { return "bh-skeleton-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"bh-skeleton-loader.js","sourceRoot":"","sources":["../../../src/components/bh-skeleton-loader/bh-skeleton-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;IAC3B;;OAEG;IACK,KAAK,GAAW,MAAM,CAAC;IAE/B;;OAEG;IACK,MAAM,GAAW,KAAK,CAAC;IAE/B;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,UAAU,EAAE,IAAI;YAChB,iBAAiB,EAAE,IAAI,CAAC,MAAM;SAC/B,CAAC;QAEF,OAAO,CACL,6DACE,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EACjD,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,EAChB,IAAI,EAAC,UAAU;YAEf,6DAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC1C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-skeleton-loader',\n  styleUrl: 'bh-skeleton-loader.css',\n  shadow: true,\n})\nexport class BhSkeletonLoader {\n  /**\n   * Width of the skeleton (CSS value)\n   */\n  @Prop() width: string = '100%';\n\n  /**\n   * Height of the skeleton (CSS value)\n   */\n  @Prop() height: string = '1em';\n\n  /**\n   * Whether the skeleton should be circular\n   */\n  @Prop() circle: boolean = false;\n\n  render() {\n    const skeletonClasses = {\n      'skeleton': true,\n      'skeleton-circle': this.circle,\n    };\n\n    return (\n      <span\n        class={skeletonClasses}\n        style={{ width: this.width, height: this.height }}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-busy=\"true\"\n        part=\"skeleton\"\n      >\n        <span class=\"visually-hidden\">Loading...</span>\n      </span>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bh-skeleton-loader.js","sourceRoot":"","sources":["../../../src/components/bh-skeleton-loader/bh-skeleton-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;IAC3B;;OAEG;IACK,KAAK,GAAW,MAAM,CAAC;IAE/B;;OAEG;IACK,MAAM,GAAW,KAAK,CAAC;IAE/B;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,QAAQ,EAAE,IAAI;YACd,iBAAiB,EAAE,IAAI,CAAC,MAAM;SAC/B,CAAC;QAEF,OAAO,CACL,6DACE,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EACjD,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,gBACL,SAAS,EACpB,IAAI,EAAC,UAAU,GACf,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-skeleton-loader',\n  styleUrl: 'bh-skeleton-loader.css',\n  shadow: true,\n})\nexport class BhSkeletonLoader {\n  /**\n   * Width of the skeleton (CSS value)\n   */\n  @Prop() width: string = '100%';\n\n  /**\n   * Height of the skeleton (CSS value)\n   */\n  @Prop() height: string = '1em';\n\n  /**\n   * Whether the skeleton should be circular\n   */\n  @Prop() circle: boolean = false;\n\n  render() {\n    const skeletonClasses = {\n      skeleton: true,\n      'skeleton-circle': this.circle,\n    };\n\n    return (\n      <span\n        class={skeletonClasses}\n        style={{ width: this.width, height: this.height }}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-busy=\"true\"\n        aria-label=\"Loading\"\n        part=\"skeleton\"\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/bh-tab-item/bh-tab-item.js

@@ -35,11 +35,11 @@ export class BhTabItem {
             'tab-button-active': this.active,
             'tab-button-disabled': this.disabled,
         };
-        return (h(Host, { key: 'ef47c62d9595bb0f5648bacb3d4c8e1585d35a91', class: {
+        return (h(Host, { key: '4ad8e3e786f4a4c8a2c38e518e66ef2ded4c04ca', class: {
                 'tab-item': true,
                 'tab-item-active': this.active,
                 'tab-item-disabled': this.disabled,
-            } }, h("button", { key: 'a2e2130bc0cb369c456b9898732cd90350b69a79', class: buttonClasses, part: "button", role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', disabled: this.disabled, onClick: this.handleClick, type: "button" }, h("span", { key: '2c415f19e1901e3d36039b5960b8ba80dd58d545', class: "tab-label", part: "label" }, this.label), h("slot", { key: 'd4484b4a489ddd7babdfba449e023370ae9aaea5' }))));
+            } }, h("button", { key: 'b149a3ed3cdd49e887545281a5f9a1383443aeca', class: buttonClasses, part: "button", role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', disabled: this.disabled, onClick: this.handleClick, type: "button" }, h("span", { key: '03f58f2761a021310a6cd2f811795dbc95e02ea1', class: "tab-label", part: "label" }, this.label), h("slot", { key: 'd96a82e89d9d7c64d1f17c65da4a47f4774ed96a' }))));
     }
     static get is() { return "bh-tab-item"; }
     static get encapsulation() { return "shadow"; }