@actabldesign/bellhop-core 0.0.3

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

@@ -0,0 +1,157 @@
+import { h } from "@stencil/core";
+export class BhNavItem {
+    /**
+     * Material Symbols icon name
+     */
+    icon = 'home';
+    /**
+     * Label text displayed below the icon
+     */
+    label = 'Home';
+    /**
+     * Whether the nav item is active/selected
+     */
+    isActive = false;
+    /**
+     * Whether the nav item is disabled
+     */
+    disabled = false;
+    /**
+     * Event emitted when the nav item is clicked
+     */
+    bhClick;
+    handleClick = () => {
+        if (!this.disabled) {
+            this.bhClick.emit();
+        }
+    };
+    handleKeyDown = (event) => {
+        if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {
+            event.preventDefault();
+            this.bhClick.emit();
+        }
+    };
+    render() {
+        const navItemClasses = {
+            'nav-item': true,
+            'active': this.isActive,
+            'disabled': this.disabled,
+        };
+        return (h("div", { key: 'eff7adc93f70b788035ee175f06b84dfaa3eafaa', class: navItemClasses }, h("button", { key: '37cf2ec326fd00b03c71967e5395a9a64fabac2d', 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: '098fb47a65ed3b3e2409273ae7932c820870484d', class: "material-symbols-outlined icon" }, this.icon)), h("p", { key: '112cc6fae3e4f5e9c44e2ffab69e86908b35c629', class: "nav-item-label" }, this.label)));
+    }
+    static get is() { return "bh-nav-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-nav-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-nav-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Material Symbols icon name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon",
+                "defaultValue": "'home'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label text displayed below the icon"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "'Home'"
+            },
+            "isActive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the nav item is active/selected"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-active",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the nav item is disabled"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bhClick",
+                "name": "bhClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the nav item is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=bh-nav-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bh-nav-item.js","sourceRoot":"","sources":["../../../src/components/bh-sidebar/bh-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,SAAS;IACpB;;OAEG;IACK,IAAI,GAAW,MAAM,CAAC;IAE9B;;OAEG;IACK,KAAK,GAAW,MAAM,CAAC;IAE/B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACM,OAAO,CAAsB;IAE9B,WAAW,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC/C,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,cAAc,GAAG;YACrB,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAE,cAAc;YACxB,+DACE,KAAK,EAAC,iBAAiB,gBACX,IAAI,CAAC,KAAK,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEhC,6DAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,IAAI,CAAQ,CACxD;YACT,0DAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAK,CACtC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-nav-item',\n  styleUrl: 'bh-nav-item.css',\n  shadow: true,\n})\nexport class BhNavItem {\n  /**\n   * Material Symbols icon name\n   */\n  @Prop() icon: string = 'home';\n\n  /**\n   * Label text displayed below the icon\n   */\n  @Prop() label: string = 'Home';\n\n  /**\n   * Whether the nav item is active/selected\n   */\n  @Prop() isActive: boolean = false;\n\n  /**\n   * Whether the nav item is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event emitted when the nav item is clicked\n   */\n  @Event() bhClick!: EventEmitter<void>;\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      this.bhClick.emit();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {\n      event.preventDefault();\n      this.bhClick.emit();\n    }\n  };\n\n  render() {\n    const navItemClasses = {\n      'nav-item': true,\n      'active': this.isActive,\n      'disabled': this.disabled,\n    };\n\n    return (\n      <div class={navItemClasses}>\n        <button\n          class=\"nav-item-button\"\n          aria-label={this.label}\n          type=\"button\"\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          disabled={this.disabled}\n          tabIndex={this.disabled ? -1 : 0}\n        >\n          <span class=\"material-symbols-outlined icon\">{this.icon}</span>\n        </button>\n        <p class=\"nav-item-label\">{this.label}</p>\n      </div>\n    );\n  }\n}\n"]}

package/collection/components/bh-sidebar/bh-sidebar.css

@@ -0,0 +1,178 @@
+/* ==========================================================================
+   SIDEBAR COMPONENT
+   Vertical navigation sidebar with gradient bar
+   ========================================================================== */
+
+.sidebar-container {
+  width: fit-content;
+  height: 100vh;
+  background-color: var(--color-white);
+  position: relative;
+  display: flex;
+}
+
+.navigation {
+  background-color: var(--color-white);
+  display: flex;
+  height: 100%;
+  align-items: flex-start;
+  justify-content: flex-start;
+  position: relative;
+  border-right: 1px solid var(--color-neutral-200);
+  z-index: 100;
+}
+
+/* Gradient bar on the left edge */
+.gradient-bar {
+  position: relative;
+  width: var(--spacing-xs);
+  height: 100%;
+  flex-shrink: 0;
+}
+
+.detail-bar {
+  position: absolute;
+  background: linear-gradient(
+    180deg,
+    var(--color-accent-300) 0%,
+    var(--color-brand-400) 51%,
+    var(--color-brand-800) 100%
+  );
+  inset: 0;
+}
+
+/* Main sidebar content */
+.sidebar-content {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2xl);
+  height: 100%;
+  align-items: center;
+  justify-content: flex-start;
+  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg)
+    var(--spacing-md);
+  position: relative;
+  flex-shrink: 0;
+  width: 60px;
+}
+
+/* Navigation section that contains search and nav items */
+.navigation-section {
+  flex: 1 1 0%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+  flex-grow: 1;
+  align-items: center;
+  justify-content: flex-start;
+  min-height: 0;
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+/* Search container */
+.search-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+/* Nav items container */
+.nav-items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+/* Footer section with footer nav and avatar */
+.sidebar-footer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-lg);
+  align-items: center;
+  justify-content: end;
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.footer-navigation {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+/* Collapsed state */
+.sidebar-collapsed .sidebar-content {
+  width: 60px;
+}
+
+.sidebar-collapsed .nav-item-label {
+  display: none;
+}
+
+/* Scrollbar styling for navigation section */
+.navigation-section::-webkit-scrollbar {
+  width: 4px;
+}
+
+.navigation-section::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.navigation-section::-webkit-scrollbar-thumb {
+  background: var(--color-neutral-200);
+  border-radius: var(--radius-xs);
+}
+
+.navigation-section::-webkit-scrollbar-thumb:hover {
+  background: var(--color-neutral-300);
+}
+
+/* Firefox scrollbar */
+.navigation-section {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-neutral-200) transparent;
+}
+
+/* Expanded state (optional future enhancement) */
+.sidebar-expanded .sidebar-content {
+  width: 240px;
+}
+
+.sidebar-expanded .nav-items {
+  align-items: flex-start;
+}
+
+.sidebar-expanded .nav-item {
+  width: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: var(--spacing-md);
+}
+
+.sidebar-expanded .nav-item-label {
+  display: block;
+  text-align: left;
+  font-size: var(--text-sm-size);
+  height: auto;
+  line-height: var(--text-sm-line);
+}

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

@@ -0,0 +1,344 @@
+import { h, Host } from "@stencil/core";
+export class BhSidebar {
+    /**
+     * Type of logo to display
+     */
+    logoType = 'actabl';
+    /**
+     * Avatar image URL
+     */
+    avatarUrl;
+    /**
+     * Avatar initials (used if avatarUrl is not provided)
+     */
+    avatarInitials = 'DM';
+    /**
+     * Avatar name for dropdown
+     */
+    avatarName = 'Daniel Mobara';
+    /**
+     * Avatar email for dropdown
+     */
+    avatarEmail = 'daniel@solsticehospitality.com';
+    /**
+     * Main menu navigation items
+     */
+    menuItems = [
+        { label: 'Dashboard', icon: 'dashboard', isActive: true },
+        { label: 'Analytics', icon: 'analytics', isActive: false },
+        { label: 'Reports', icon: 'assessment', isActive: false },
+        { label: 'Calendar', icon: 'calendar_today', isActive: false },
+        { label: 'Messages', icon: 'message', isActive: false },
+        { label: 'Contacts', icon: 'contacts', isActive: false },
+        { label: 'Files', icon: 'folder', isActive: false },
+    ];
+    /**
+     * Footer navigation items
+     */
+    footerItems = [
+        { label: 'Help', icon: 'help_outline' },
+        { label: 'Settings', icon: 'settings' },
+    ];
+    /**
+     * Whether sidebar is collapsed
+     */
+    collapsed = false;
+    /**
+     * Event emitted when a menu item is clicked
+     */
+    bhMenuItemClick;
+    /**
+     * Event emitted when search button is clicked
+     */
+    bhSearchClick;
+    /**
+     * Event emitted when avatar menu item is clicked
+     */
+    bhAvatarMenuClick;
+    activeItem = '';
+    componentWillLoad() {
+        const activeMenuItem = this.menuItems.find(item => item.isActive);
+        this.activeItem = activeMenuItem?.label || '';
+    }
+    handleNavItemClick = (label) => {
+        this.activeItem = label;
+        this.bhMenuItemClick.emit(label);
+    };
+    handleSearchClick = () => {
+        this.bhSearchClick.emit();
+    };
+    handleAvatarMenuClick = (event) => {
+        this.bhAvatarMenuClick.emit(event.detail);
+    };
+    render() {
+        const sidebarClasses = {
+            'sidebar-container': true,
+            'sidebar-collapsed': this.collapsed,
+        };
+        const avatarMenuItems = [
+            { id: '1', label: 'View profile', icon: 'person', shortcut: '⌘P' },
+            { id: '2', label: 'Account settings', icon: 'settings', shortcut: '⌘,' },
+            { id: '3', label: 'Notifications', icon: 'notifications', shortcut: '⌘N' },
+            { id: '4', label: 'Privacy & Security', icon: 'shield', shortcut: '⌘S' },
+            { id: '5', divider: true },
+            { id: '6', label: 'Billing', icon: 'credit_card', shortcut: '⌘B' },
+            { id: '7', label: 'Team management', icon: 'group', shortcut: '⌘T' },
+            { id: '8', label: 'Integrations', icon: 'extension', shortcut: '⌘I' },
+            { id: '9', divider: true },
+            { id: '10', label: 'Help center', icon: 'help', shortcut: '⌘H' },
+            { id: '11', label: 'Keyboard shortcuts', icon: 'keyboard', shortcut: '?' },
+            { id: '12', divider: true },
+            { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
+        ];
+        return (h(Host, { key: '14f483d75df70a5bfbda0731fe7d82aaf20d551b' }, h("div", { key: '8ea1b342688f955b401a77a808561b76164f0d0e', class: sidebarClasses }, h("div", { key: '931c6ba45580b069dbf7e96119e3ee914d05ce78', class: "navigation" }, h("div", { key: '9b39938bfe77ff84a68830de2bd8392ab3a3c1b2', class: "gradient-bar" }, h("div", { key: 'b196a1b459740323a927b1a5fee2ab65f596ed24', class: "detail-bar" })), h("div", { key: '00af6a0d4e4747b1026fa7d19b6c7a6a96457207', class: "sidebar-content" }, h("bh-logo-box", { key: '4032fc97e8965a77027ec269b87de5d2585be348', logoType: this.logoType }), h("div", { key: 'add8f2396ec79e7b7765cca6a42519c867f30ee7', class: "navigation-section" }, h("div", { key: '5c8116a117a7b406bb52d0cc0da2d51d472c4431', class: "search-container" }, h("bh-button-icon", { key: '024ce4ab04cf6404a05a7cae07f9f1a832a173e8', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), h("div", { key: 'e3d90a44f3ab91348cd0b516548588b1fae2aa92', 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: '447d84326d1f56d53e75190ed8d85c428769c5ce', class: "sidebar-footer" }, h("div", { key: '1ef5c3d1fbe579a7da66cba2ea436c7e9639ff95', 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: 'aef26cfc2faa17043588054c36bcb2f8a9008cc1', 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"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-sidebar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-sidebar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "logoType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LogoType",
+                    "resolved": "\"actabl\" | \"al\" | \"he\" | \"ps\" | \"tr\"",
+                    "references": {
+                        "LogoType": {
+                            "location": "import",
+                            "path": "../bh-logo-box/bh-logo-box",
+                            "id": "src/components/bh-logo-box/bh-logo-box.tsx::LogoType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Type of logo to display"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "logo-type",
+                "defaultValue": "'actabl'"
+            },
+            "avatarUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Avatar image URL"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-url"
+            },
+            "avatarInitials": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Avatar initials (used if avatarUrl is not provided)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-initials",
+                "defaultValue": "'DM'"
+            },
+            "avatarName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Avatar name for dropdown"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-name",
+                "defaultValue": "'Daniel Mobara'"
+            },
+            "avatarEmail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Avatar email for dropdown"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-email",
+                "defaultValue": "'daniel@solsticehospitality.com'"
+            },
+            "menuItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MenuItem[]",
+                    "resolved": "MenuItem[]",
+                    "references": {
+                        "MenuItem": {
+                            "location": "local",
+                            "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"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Main menu navigation items"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\n    { label: 'Dashboard', icon: 'dashboard', isActive: true },\n    { label: 'Analytics', icon: 'analytics', isActive: false },\n    { label: 'Reports', icon: 'assessment', isActive: false },\n    { label: 'Calendar', icon: 'calendar_today', isActive: false },\n    { label: 'Messages', icon: 'message', isActive: false },\n    { label: 'Contacts', icon: 'contacts', isActive: false },\n    { label: 'Files', icon: 'folder', isActive: false },\n  ]"
+            },
+            "footerItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "FooterItem[]",
+                    "resolved": "FooterItem[]",
+                    "references": {
+                        "FooterItem": {
+                            "location": "local",
+                            "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"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Footer navigation items"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\n    { label: 'Help', icon: 'help_outline' },\n    { label: 'Settings', icon: 'settings' },\n  ]"
+            },
+            "collapsed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether sidebar is collapsed"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapsed",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "activeItem": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bhMenuItemClick",
+                "name": "bhMenuItemClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when a menu item is clicked"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "bhSearchClick",
+                "name": "bhSearchClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when search button is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "bhAvatarMenuClick",
+                "name": "bhAvatarMenuClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when avatar menu item is clicked"
+                },
+                "complexType": {
+                    "original": "DropdownMenuItem",
+                    "resolved": "DropdownMenuItem",
+                    "references": {
+                        "DropdownMenuItem": {
+                            "location": "local",
+                            "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"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=bh-sidebar.js.map