@actabldesign/bellhop-core 0.0.3

package/collection/components/bh-button-icon/bh-button-icon.js

@@ -0,0 +1,259 @@
+import { h } from "@stencil/core";
+export class BhButtonIcon {
+    /**
+     * The visual hierarchy of the button
+     */
+    hierarchy = 'primary';
+    /**
+     * The size of the button
+     */
+    size = 'md';
+    /**
+     * The icon name (Material Symbols)
+     */
+    iconName = 'add';
+    /**
+     * Whether the button is disabled
+     */
+    disabled = false;
+    /**
+     * Whether the button is in loading state
+     */
+    loading = false;
+    /**
+     * The type of button for form submission
+     * - 'button': No form submission (default)
+     * - 'submit': Submits the form
+     * - 'reset': Resets the form
+     */
+    type = 'button';
+    /**
+     * Accessible label for the button
+     */
+    ariaLabel = null;
+    /**
+     * Emitted when the button is clicked
+     */
+    bhClick;
+    handleClick = (event) => {
+        if (!this.disabled && !this.loading) {
+            this.bhClick.emit(event);
+        }
+    };
+    handleKeyDown = (event) => {
+        if ((event.key === 'Enter' || event.key === ' ') &&
+            !this.disabled &&
+            !this.loading) {
+            event.preventDefault();
+            this.bhClick.emit(event);
+        }
+    };
+    render() {
+        const buttonClasses = {
+            'button-icon': true,
+            [`button-icon-${this.hierarchy}`]: true,
+            [`button-icon-${this.size}`]: true,
+            'button-icon-disabled': this.disabled,
+            'button-icon-loading': this.loading,
+        };
+        return (h("button", { key: '8c2a2097a2c7bbbb89a541d4fce7bba4c4eac970', type: this.type, class: buttonClasses, disabled: this.disabled, "aria-label": this.ariaLabel || this.iconName, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown, part: "button" }, this.loading ? (h("span", { class: "loading-spinner", part: "spinner" })) : (h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
+    }
+    static get is() { return "bh-button-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-button-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-button-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hierarchy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonIconHierarchy",
+                    "resolved": "\"primary\" | \"quaternary\" | \"secondary\" | \"tertiary\"",
+                    "references": {
+                        "ButtonIconHierarchy": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-button-icon/bh-button-icon.tsx",
+                            "id": "src/components/bh-button-icon/bh-button-icon.tsx::ButtonIconHierarchy"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The visual hierarchy of the button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hierarchy",
+                "defaultValue": "'primary'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonIconSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"",
+                    "references": {
+                        "ButtonIconSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-button-icon/bh-button-icon.tsx",
+                            "id": "src/components/bh-button-icon/bh-button-icon.tsx::ButtonIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The size of the button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "iconName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The icon name (Material Symbols)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon-name",
+                "defaultValue": "'add'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the button is disabled"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the button is in loading state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loading",
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonIconType",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {
+                        "ButtonIconType": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-button-icon/bh-button-icon.tsx",
+                            "id": "src/components/bh-button-icon/bh-button-icon.tsx::ButtonIconType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The type of button for form submission\n- 'button': No form submission (default)\n- 'submit': Submits the form\n- 'reset': Resets the form"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type",
+                "defaultValue": "'button'"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for the button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bhClick",
+                "name": "bhClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the button is clicked"
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=bh-button-icon.js.map

package/collection/components/bh-button-icon/bh-button-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-button-icon.js","sourceRoot":"","sources":["../../../src/components/bh-button-icon/bh-button-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AAexE,MAAM,OAAO,YAAY;IACvB;;OAEG;IACK,SAAS,GAAwB,SAAS,CAAC;IAEnD;;OAEG;IACK,IAAI,GAAmB,IAAI,CAAC;IAEpC;;OAEG;IACK,QAAQ,GAAW,KAAK,CAAC;IAEjC;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;;;;OAKG;IACK,IAAI,GAAmB,QAAQ,CAAC;IAExC;;OAEG;IACK,SAAS,GAAkB,IAAI,CAAC;IAExC;;OAEG;IACM,OAAO,CAA4B;IAEpC,WAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;QAChD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEM,aAAa,GAAG,CAAC,KAAoB,EAAQ,EAAE;QACrD,IACE,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;YAC5C,CAAC,IAAI,CAAC,QAAQ;YACd,CAAC,IAAI,CAAC,OAAO,EACb,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAA8B,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,aAAa,EAAE,IAAI;YACnB,CAAC,eAAe,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;YACvC,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;YAClC,sBAAsB,EAAE,IAAI,CAAC,QAAQ;YACrC,qBAAqB,EAAE,IAAI,CAAC,OAAO;SACpC,CAAC;QAEF,OAAO,CACL,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,mBAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,YAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,GAAQ,CACrD,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,MAAM,IACrD,IAAI,CAAC,QAAQ,CACT,CACR,CACM,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type ButtonIconHierarchy =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary';\nexport type ButtonIconSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type ButtonIconType = 'button' | 'submit' | 'reset';\n\n@Component({\n  tag: 'bh-button-icon',\n  styleUrl: 'bh-button-icon.css',\n  shadow: true,\n})\nexport class BhButtonIcon {\n  /**\n   * The visual hierarchy of the button\n   */\n  @Prop() hierarchy: ButtonIconHierarchy = 'primary';\n\n  /**\n   * The size of the button\n   */\n  @Prop() size: ButtonIconSize = 'md';\n\n  /**\n   * The icon name (Material Symbols)\n   */\n  @Prop() iconName: string = 'add';\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the button is in loading state\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * The type of button for form submission\n   * - 'button': No form submission (default)\n   * - 'submit': Submits the form\n   * - 'reset': Resets the form\n   */\n  @Prop() type: ButtonIconType = 'button';\n\n  /**\n   * Accessible label for the button\n   */\n  @Prop() ariaLabel: string | null = null;\n\n  /**\n   * Emitted when the button is clicked\n   */\n  @Event() bhClick!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent): void => {\n    if (!this.disabled && !this.loading) {\n      this.bhClick.emit(event);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if (\n      (event.key === 'Enter' || event.key === ' ') &&\n      !this.disabled &&\n      !this.loading\n    ) {\n      event.preventDefault();\n      this.bhClick.emit(event as unknown as MouseEvent);\n    }\n  };\n\n  render() {\n    const buttonClasses = {\n      'button-icon': true,\n      [`button-icon-${this.hierarchy}`]: true,\n      [`button-icon-${this.size}`]: true,\n      'button-icon-disabled': this.disabled,\n      'button-icon-loading': this.loading,\n    };\n\n    return (\n      <button\n        type={this.type}\n        class={buttonClasses}\n        disabled={this.disabled}\n        aria-label={this.ariaLabel || this.iconName}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n        part=\"button\"\n      >\n        {this.loading ? (\n          <span class=\"loading-spinner\" part=\"spinner\"></span>\n        ) : (\n          <span class=\"material-symbols-outlined icon\" part=\"icon\">\n            {this.iconName}\n          </span>\n        )}\n      </button>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,57 @@
+:host {
+  display: block;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  background: var(--color-white);
+  border: 1px solid var(--color-neutral-200);
+  border-radius: var(--radius-xl);
+  overflow: hidden;
+  font-family: var(--font-inter);
+}
+
+.card-header-slot {
+  display: contents;
+}
+
+.card-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1 0 auto;
+  padding: var(--spacing-lg) var(--spacing-xl);
+  gap: var(--spacing-none);
+}
+
+.card-footer-slot {
+  display: contents;
+}
+
+/* Placeholder styles */
+.card-content-placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  gap: var(--spacing-md);
+  padding: var(--spacing-xl);
+  background: var(--color-purple-50, #f5f3ff);
+  border: 1px dashed var(--color-purple-500, #7c3aed);
+  border-radius: var(--radius-xl);
+  min-height: 100%;
+}
+
+.card-placeholder-icon {
+  font-size: 32px;
+  color: var(--color-purple-500, #7c3aed);
+}
+
+.card-placeholder-text {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-purple-700, #6d28d9);
+  text-decoration: underline;
+  text-align: center;
+}

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

@@ -0,0 +1,139 @@
+import { h, Host } from "@stencil/core";
+export class BhCard {
+    el;
+    /**
+     * Whether to show the header section
+     */
+    showHeader = true;
+    /**
+     * Whether to show the footer section
+     */
+    showFooter = true;
+    /**
+     * Minimum height of the content area in pixels
+     */
+    contentMinHeight = 200;
+    /**
+     * Placeholder text shown when no content is provided
+     */
+    placeholderText = 'Card content slot';
+    hasContent = false;
+    componentWillLoad() {
+        this.checkForContent();
+    }
+    checkForContent() {
+        const children = Array.from(this.el.childNodes).filter((node) => (node.nodeType === Node.ELEMENT_NODE &&
+            !node.hasAttribute('slot')) ||
+            (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()));
+        this.hasContent = children.length > 0;
+    }
+    render() {
+        const contentStyle = {
+            minHeight: `${this.contentMinHeight}px`,
+        };
+        return (h(Host, { key: '5bbe75e2d4ace932edc5a8d32fb450e27e67cdbe' }, h("div", { key: 'ddb19c134e32a35bc2b8a4b57ed9862faf47a53b', class: "card" }, this.showHeader && (h("div", { key: '315478a2c488b5e933c49966bccaccf8313e58b5', class: "card-header-slot" }, h("slot", { key: 'f3de383b3818feb9883c25ff150c52f0e347de86', name: "header" }))), h("div", { key: '4c6b62db9ffa61f2e0133c2af7a29a090d9c54a5', class: "card-content", style: contentStyle }, h("slot", { key: '969443dcc57fe724cbb3f1d6e1c35c8cc0312794' }), !this.hasContent && (h("div", { key: '0c5e02cf39bec9c7c1ce2ef223b1b4b0df74a372', class: "card-content-placeholder" }, h("span", { key: '0a89b768f29453dc251c3c3402ea8029bd13aaeb', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (h("div", { key: 'f4a2bb6df865bd1abb8f5da2d686906bddcc4c08', class: "card-footer-slot" }, h("slot", { key: '8e643371cbbbf56fb3fb87ccda3b5897f8f914bd', name: "footer" }))))));
+    }
+    static get is() { return "bh-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showHeader": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show the header section"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-header",
+                "defaultValue": "true"
+            },
+            "showFooter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show the footer section"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-footer",
+                "defaultValue": "true"
+            },
+            "contentMinHeight": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Minimum height of the content area in pixels"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "content-min-height",
+                "defaultValue": "200"
+            },
+            "placeholderText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder text shown when no content is provided"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder-text",
+                "defaultValue": "'Card content slot'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasContent": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=bh-card.js.map

package/collection/components/bh-card/bh-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-card.js","sourceRoot":"","sources":["../../../src/components/bh-card/bh-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,MAAM;IACN,EAAE,CAAe;IAE5B;;OAEG;IACK,UAAU,GAAY,IAAI,CAAC;IAEnC;;OAEG;IACK,UAAU,GAAY,IAAI,CAAC;IAEnC;;OAEG;IACK,gBAAgB,GAAW,GAAG,CAAC;IAEvC;;OAEG;IACK,eAAe,GAAW,mBAAmB,CAAC;IAE7C,UAAU,GAAY,KAAK,CAAC;IAErC,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,eAAe;QACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,MAAM,CACpD,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAClC,CAAE,IAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CACjE,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACxC,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG;YACnB,SAAS,EAAE,GAAG,IAAI,CAAC,gBAAgB,IAAI;SACxC,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,MAAM;gBACd,IAAI,CAAC,UAAU,IAAI,CAClB,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACP;gBACD,4DAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,YAAY;oBAC3C,8DAAQ;oBACP,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB,4DAAK,KAAK,EAAC,0BAA0B;wBACnC,6DAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,eAAe,CAAQ,CAC7D,CACP,CACG;gBACL,IAAI,CAAC,UAAU,IAAI,CAClB,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'bh-card',\n  styleUrl: 'bh-card.css',\n  shadow: true,\n})\nexport class BhCard {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Whether to show the header section\n   */\n  @Prop() showHeader: boolean = true;\n\n  /**\n   * Whether to show the footer section\n   */\n  @Prop() showFooter: boolean = true;\n\n  /**\n   * Minimum height of the content area in pixels\n   */\n  @Prop() contentMinHeight: number = 200;\n\n  /**\n   * Placeholder text shown when no content is provided\n   */\n  @Prop() placeholderText: string = 'Card content slot';\n\n  @State() hasContent: boolean = false;\n\n  componentWillLoad() {\n    this.checkForContent();\n  }\n\n  private checkForContent() {\n    const children = Array.from(this.el.childNodes).filter(\n      (node) =>\n        (node.nodeType === Node.ELEMENT_NODE &&\n          !(node as Element).hasAttribute('slot')) ||\n        (node.nodeType === Node.TEXT_NODE && node.textContent?.trim())\n    );\n    this.hasContent = children.length > 0;\n  }\n\n  render() {\n    const contentStyle = {\n      minHeight: `${this.contentMinHeight}px`,\n    };\n\n    return (\n      <Host>\n        <div class=\"card\">\n          {this.showHeader && (\n            <div class=\"card-header-slot\">\n              <slot name=\"header\" />\n            </div>\n          )}\n          <div class=\"card-content\" style={contentStyle}>\n            <slot />\n            {!this.hasContent && (\n              <div class=\"card-content-placeholder\">\n                <span class=\"card-placeholder-text\">{this.placeholderText}</span>\n              </div>\n            )}\n          </div>\n          {this.showFooter && (\n            <div class=\"card-footer-slot\">\n              <slot name=\"footer\" />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/collection/components/bh-card-footer/bh-card-footer.css

@@ -0,0 +1,54 @@
+:host {
+  display: block;
+}
+
+.card-footer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  background: var(--color-white);
+}
+
+.card-footer-divider {
+  height: 1px;
+  background: var(--color-neutral-200);
+}
+
+.card-footer-content {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-lg) var(--spacing-xl);
+}
+
+.card-footer-align-left {
+  justify-content: flex-start;
+}
+
+.card-footer-align-right {
+  justify-content: flex-end;
+}
+
+.card-footer-align-space-between {
+  justify-content: space-between;
+}
+
+.card-footer-primary-actions {
+  display: flex;
+  flex: 1 0 0;
+  align-items: center;
+  gap: var(--spacing-none);
+  min-width: 0;
+}
+
+.card-footer-secondary-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+}
+
+/* Hide empty slots */
+.card-footer-primary-actions:empty,
+.card-footer-secondary-actions:empty {
+  display: none;
+}

package/collection/components/bh-card-footer/bh-card-footer.js

@@ -0,0 +1,81 @@
+import { h, Host } from "@stencil/core";
+export class BhCardFooter {
+    /**
+     * Whether to show the divider above the footer
+     */
+    showDivider = true;
+    /**
+     * Alignment of the footer content
+     */
+    alignment = 'space-between';
+    render() {
+        const footerContentClasses = {
+            'card-footer-content': true,
+            [`card-footer-align-${this.alignment}`]: true,
+        };
+        return (h(Host, { key: '27230a36e6bafcbb61bdac3bc0bcebbd550e70c8' }, h("div", { key: '1f0088fbe2a962080e5db856eb534029ed94d8e2', class: "card-footer" }, this.showDivider && h("div", { key: 'f320e028a9c4675b151547f6e368f67910e87d85', class: "card-footer-divider" }), h("div", { key: '9f35426a461e248e09de3c5e9eca23e7d63d9f08', class: footerContentClasses }, h("div", { key: 'd1d17256b3aa704bb898f711519c96405a7927af', class: "card-footer-primary-actions" }, h("slot", { key: '5f18da8ec38e3a2e2237a3bd4d1269686514047d', name: "primary-actions" })), h("div", { key: '0754da91faf75928a1070a01960f41395f0387dc', class: "card-footer-secondary-actions" }, h("slot", { key: '2ffc5290e3499d62e72fd1398b44811d0f0970ba', name: "secondary-actions" }))))));
+    }
+    static get is() { return "bh-card-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-card-footer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-card-footer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showDivider": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show the divider above the footer"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-divider",
+                "defaultValue": "true"
+            },
+            "alignment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CardFooterAlignment",
+                    "resolved": "\"left\" | \"right\" | \"space-between\"",
+                    "references": {
+                        "CardFooterAlignment": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-card-footer/bh-card-footer.tsx",
+                            "id": "src/components/bh-card-footer/bh-card-footer.tsx::CardFooterAlignment"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alignment of the footer content"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "alignment",
+                "defaultValue": "'space-between'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=bh-card-footer.js.map

package/collection/components/bh-card-footer/bh-card-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-card-footer.js","sourceRoot":"","sources":["../../../src/components/bh-card-footer/bh-card-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,YAAY;IACvB;;OAEG;IACK,WAAW,GAAY,IAAI,CAAC;IAEpC;;OAEG;IACK,SAAS,GAAwB,eAAe,CAAC;IAEzD,MAAM;QACJ,MAAM,oBAAoB,GAAG;YAC3B,qBAAqB,EAAE,IAAI;YAC3B,CAAC,qBAAqB,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;SAC9C,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,aAAa;gBACrB,IAAI,CAAC,WAAW,IAAI,4DAAK,KAAK,EAAC,qBAAqB,GAAG;gBACxD,4DAAK,KAAK,EAAE,oBAAoB;oBAC9B,4DAAK,KAAK,EAAC,6BAA6B;wBACtC,6DAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B;oBACN,4DAAK,KAAK,EAAC,+BAA+B;wBACxC,6DAAM,IAAI,EAAC,mBAAmB,GAAG,CAC7B,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CardFooterAlignment = 'left' | 'right' | 'space-between';\n\n@Component({\n  tag: 'bh-card-footer',\n  styleUrl: 'bh-card-footer.css',\n  shadow: true,\n})\nexport class BhCardFooter {\n  /**\n   * Whether to show the divider above the footer\n   */\n  @Prop() showDivider: boolean = true;\n\n  /**\n   * Alignment of the footer content\n   */\n  @Prop() alignment: CardFooterAlignment = 'space-between';\n\n  render() {\n    const footerContentClasses = {\n      'card-footer-content': true,\n      [`card-footer-align-${this.alignment}`]: true,\n    };\n\n    return (\n      <Host>\n        <div class=\"card-footer\">\n          {this.showDivider && <div class=\"card-footer-divider\" />}\n          <div class={footerContentClasses}>\n            <div class=\"card-footer-primary-actions\">\n              <slot name=\"primary-actions\" />\n            </div>\n            <div class=\"card-footer-secondary-actions\">\n              <slot name=\"secondary-actions\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}