@actabldesign/bellhop-core 0.0.3 → 0.0.4

package/dist/components/bh-input-verification.js

@@ -0,0 +1,255 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-ChfLhYiJ.js';
+import { d as defineCustomElement$3 } from './p-DufL1yr4.js';
+import { d as defineCustomElement$2 } from './p-5LJWVh2v.js';
+
+const bhInputVerificationCss = ":host{display:block}.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}.verification-input{width:64px;height:64px;padding:0;border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-inter);font-size:3rem;font-weight:var(--weight-medium);line-height:1;color:var(--color-neutral-900);transition:all 150ms ease;outline:none;box-sizing:border-box}.verification-input.size-sm{width:64px;height:64px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:80px;height:80px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:96px;height:96px;font-size:3.75rem;border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.verification-input:hover:not(:disabled){border-color:var(--color-neutral-400)}.verification-input:focus{border-color:var(--color-brand-300);box-shadow:0 0 0 4px var(--color-brand-100)}.verification-input.error{border-color:var(--color-error-300)}.verification-input.error:focus{border-color:var(--color-error-300);box-shadow:0 0 0 4px var(--color-error-100)}.verification-input:disabled{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--color-neutral-400);cursor:not-allowed}.separator{font-family:var(--font-inter);font-size:1.5rem;font-weight:var(--weight-medium);color:var(--color-neutral-400);margin:0 var(--spacing-xs);line-height:1}.separator.size-sm{font-size:1.5rem}.separator.size-md{font-size:1.5rem}.separator.size-lg{font-size:1.875rem}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);margin-top:var(--spacing-xs)}.hint-text.error{color:var(--color-error-600)}.verification-input::placeholder{color:var(--color-neutral-400);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}";
+
+const BhInputVerification$1 = /*@__PURE__*/ proxyCustomElement(class BhInputVerification extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhChange = createEvent(this, "bhChange");
+        this.bhComplete = createEvent(this, "bhComplete");
+    }
+    get el() { return this; }
+    /**
+     * Size variant of the input fields
+     */
+    size = 'md';
+    /**
+     * Number of digits (4 or 6)
+     */
+    digits = 4;
+    /**
+     * Label text for the input
+     */
+    label = 'Secure code';
+    /**
+     * Whether to show the label
+     */
+    showLabel = true;
+    /**
+     * Hint text displayed below the inputs
+     */
+    hintText = 'This is a hint text to help user.';
+    /**
+     * Whether to show the hint text
+     */
+    showHintText = true;
+    /**
+     * Whether the input is in an error state
+     */
+    error = false;
+    /**
+     * Whether the input is disabled
+     */
+    disabled = false;
+    /**
+     * Whether the field is required
+     */
+    required = false;
+    /**
+     * Whether to show the separator for 6-digit codes
+     */
+    showSeparator = true;
+    /**
+     * Placeholder character for empty inputs
+     */
+    placeholder = '';
+    /**
+     * Width of the component
+     */
+    width = '';
+    /**
+     * Current value of the verification code
+     */
+    value = '';
+    values = [];
+    inputRefs = [];
+    /**
+     * Event emitted when the value changes
+     */
+    bhChange;
+    /**
+     * Event emitted when all digits are filled
+     */
+    bhComplete;
+    watchValue(newValue) {
+        const newValues = newValue.split('').concat(Array(this.digits).fill('')).slice(0, this.digits);
+        this.values = newValues;
+    }
+    watchDigits() {
+        this.values = Array(this.digits).fill('');
+    }
+    componentWillLoad() {
+        this.values = this.value
+            ? this.value.split('').concat(Array(this.digits).fill('')).slice(0, this.digits)
+            : Array(this.digits).fill('');
+    }
+    componentDidLoad() {
+        // Focus first input on mount if not disabled
+        if (!this.disabled) {
+            const firstInput = this.el.shadowRoot?.querySelector('input');
+            firstInput?.focus();
+        }
+    }
+    updateValues(newValues) {
+        this.values = newValues;
+        const newValue = newValues.join('');
+        this.value = newValue;
+        this.bhChange.emit(newValue);
+        // Check if all fields are filled
+        if (newValues.every(val => val !== '')) {
+            this.bhComplete.emit(newValue);
+        }
+    }
+    handleInputChange(index, event) {
+        const input = event.target;
+        const inputValue = input.value;
+        // Only allow single digits
+        const digit = inputValue.replace(/\D/g, '').slice(-1);
+        const newValues = [...this.values];
+        newValues[index] = digit;
+        this.updateValues(newValues);
+        // Auto-advance to next input if digit entered
+        if (digit && index < this.digits - 1) {
+            const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];
+            nextInput?.focus();
+        }
+    }
+    handleKeyDown(index, event) {
+        if (event.key === 'Backspace') {
+            event.preventDefault();
+            const newValues = [...this.values];
+            if (this.values[index]) {
+                // Clear current field
+                newValues[index] = '';
+                this.updateValues(newValues);
+            }
+            else if (index > 0) {
+                // Move to previous field and clear it
+                newValues[index - 1] = '';
+                this.updateValues(newValues);
+                const prevInput = this.el.shadowRoot?.querySelectorAll('input')[index - 1];
+                prevInput?.focus();
+            }
+        }
+        else if (event.key === 'ArrowLeft' && index > 0) {
+            event.preventDefault();
+            const prevInput = this.el.shadowRoot?.querySelectorAll('input')[index - 1];
+            prevInput?.focus();
+        }
+        else if (event.key === 'ArrowRight' && index < this.digits - 1) {
+            event.preventDefault();
+            const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];
+            nextInput?.focus();
+        }
+        else if (event.key >= '0' && event.key <= '9') {
+            event.preventDefault();
+            const newValues = [...this.values];
+            newValues[index] = event.key;
+            this.updateValues(newValues);
+            // Auto-advance to next input
+            if (index < this.digits - 1) {
+                const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];
+                nextInput?.focus();
+            }
+        }
+    }
+    handlePaste(event) {
+        event.preventDefault();
+        const pastedText = event.clipboardData?.getData('text') || '';
+        const pastedDigits = pastedText.replace(/\D/g, '').slice(0, this.digits);
+        if (pastedDigits) {
+            const newValues = pastedDigits.split('').concat(Array(this.digits).fill('')).slice(0, this.digits);
+            this.updateValues(newValues);
+            // Focus on the next empty input or last input
+            const nextEmptyIndex = newValues.findIndex(val => val === '');
+            const focusIndex = nextEmptyIndex === -1 ? this.digits - 1 : Math.min(nextEmptyIndex, this.digits - 1);
+            const inputToFocus = this.el.shadowRoot?.querySelectorAll('input')[focusIndex];
+            inputToFocus?.focus();
+        }
+    }
+    handleFocus(event) {
+        const input = event.target;
+        input.select();
+    }
+    renderInputs() {
+        const inputs = [];
+        for (let i = 0; i < this.digits; i++) {
+            // Add separator for 6-digit codes
+            if (this.digits === 6 && i === 3 && this.showSeparator) {
+                inputs.push(h("span", { key: "separator", class: { 'separator': true, [`size-${this.size}`]: true } }, "-"));
+            }
+            inputs.push(h("input", { key: i, type: "text", inputmode: "numeric", pattern: "[0-9]", maxLength: 1, value: this.values[i] || '', placeholder: this.placeholder && i < this.placeholder.length ? this.placeholder[i] : '', disabled: this.disabled, class: {
+                    'verification-input': true,
+                    [`size-${this.size}`]: true,
+                    'error': this.error,
+                }, onInput: (e) => this.handleInputChange(i, e), onKeyDown: (e) => this.handleKeyDown(i, e), onPaste: (e) => this.handlePaste(e), onFocus: (e) => this.handleFocus(e), "aria-label": `Digit ${i + 1} of ${this.digits}` }));
+        }
+        return inputs;
+    }
+    render() {
+        const wrapperStyle = this.width ? { width: this.width } : {};
+        return (h("div", { key: '7690b5bc54608825372174583aee015632f1f30f', class: "input-verification-wrapper", style: wrapperStyle }, h("bh-label", { key: '8cde1454d3162ae8750abfbb222b51301a40bbcc', label: this.showLabel ? this.label : '', required: this.required, disabled: this.disabled }, h("div", { key: 'f6692a5af965eb6bf96a58b1144405e78a63b618', class: "input-verification-container" }, this.renderInputs())), this.showHintText && this.hintText && (h("div", { key: '37a9dfb6a9f441e40fdd336a677cbce8ee1ce877', class: { 'hint-text': true, 'error': this.error } }, this.hintText))));
+    }
+    static get watchers() { return {
+        "value": ["watchValue"],
+        "digits": ["watchDigits"]
+    }; }
+    static get style() { return bhInputVerificationCss; }
+}, [769, "bh-input-verification", {
+        "size": [1],
+        "digits": [2],
+        "label": [1],
+        "showLabel": [4, "show-label"],
+        "hintText": [1, "hint-text"],
+        "showHintText": [4, "show-hint-text"],
+        "error": [4],
+        "disabled": [4],
+        "required": [4],
+        "showSeparator": [4, "show-separator"],
+        "placeholder": [1],
+        "width": [1],
+        "value": [1025],
+        "values": [32],
+        "inputRefs": [32]
+    }, undefined, {
+        "value": ["watchValue"],
+        "digits": ["watchDigits"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-input-verification", "bh-label", "bh-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-input-verification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhInputVerification$1);
+            }
+            break;
+        case "bh-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhInputVerification = BhInputVerification$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhInputVerification, defineCustomElement };
+//# sourceMappingURL=bh-input-verification.js.map
+
+//# sourceMappingURL=bh-input-verification.js.map

package/dist/components/bh-label.js

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

package/dist/components/bh-loader-spinner.js

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

package/dist/components/bh-logo-box.js

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

package/dist/components/bh-modal-actions.js

@@ -0,0 +1,105 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-ChfLhYiJ.js';
+import { d as defineCustomElement$3 } from './p-BFhwq3_y.js';
+import { d as defineCustomElement$2 } from './p-DkGh2r0W.js';
+
+const bhModalActionsCss = ":host{display:block;width:100%}.modal-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none, 0px);padding-top:var(--spacing-3xl, 24px);width:100%}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--color-border-secondary, #dcdfea);margin-bottom:var(--spacing-3xl, 24px)}.modal-actions-content{display:flex;gap:var(--spacing-lg, 12px);padding:0 var(--spacing-3xl, 24px);padding-bottom:var(--spacing-3xl, 24px);width:100%;box-sizing:border-box}.modal-actions-content--fill{flex-direction:row;align-items:stretch}.modal-actions-content--fill bh-button{flex:1;display:block;width:100%}.modal-actions-content--fill bh-button::part(button){width:100%}.modal-actions-content--fill .btn-destructive{flex:1}.modal-actions-content--right{flex-direction:row;align-items:center;justify-content:space-between}.actions-left{display:flex;gap:var(--spacing-lg, 12px);align-items:center}.actions-right{display:flex;gap:var(--spacing-lg, 12px);align-items:center;justify-content:flex-end}@media (max-width: 480px){.modal-actions-content--fill{flex-direction:column;align-items:stretch}.modal-actions-content--fill bh-button,.modal-actions-content--fill .btn-destructive{flex:none;width:100%}.modal-actions-content--fill{flex-direction:column-reverse}}.btn-destructive{display:flex;align-items:center;justify-content:center;gap:var(--button-content-gap, 4px);height:40px;padding:0 var(--button-padding-x, 12px);background-color:var(--color-bg-error, #d6341f);color:var(--color-fg-white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-semibold, 600);font-size:var(--button-font-size, 14px);line-height:var(--text-sm-line-height, 20px);letter-spacing:var(--letter-spacing-normal, 0px);cursor:pointer;overflow:hidden;transition:background-color 0.15s ease}.btn-destructive:hover{background-color:var(--color-bg-error-hover, #b82d1a)}.btn-destructive:focus-visible{outline:2px solid var(--color-bg-error, #d6341f);outline-offset:2px}.btn-destructive:active{background-color:var(--color-bg-error-active, #9a2515)}";
+
+const BhModalActions$1 = /*@__PURE__*/ proxyCustomElement(class BhModalActions extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhPrimaryAction = createEvent(this, "bhPrimaryAction");
+        this.bhSecondaryAction = createEvent(this, "bhSecondaryAction");
+    }
+    /**
+     * Layout type for the actions:
+     * - 'fill': Buttons take full width
+     * - 'right-aligned': Buttons aligned to the right with optional left content slot
+     */
+    type = 'fill';
+    /**
+     * Whether to show destructive styling on primary button
+     */
+    destructive = false;
+    /**
+     * Primary/destructive action button label
+     */
+    primaryLabel = 'Confirm';
+    /**
+     * Secondary action button label
+     */
+    secondaryLabel = 'Cancel';
+    /**
+     * Whether to show the divider line above actions
+     */
+    divider = false;
+    /**
+     * Emitted when the primary/destructive action button is clicked
+     */
+    bhPrimaryAction;
+    /**
+     * Emitted when the secondary action button is clicked
+     */
+    bhSecondaryAction;
+    handlePrimaryAction = () => {
+        this.bhPrimaryAction.emit();
+    };
+    handleSecondaryAction = () => {
+        this.bhSecondaryAction.emit();
+    };
+    renderButtons() {
+        const isRightAligned = this.type === 'right-aligned';
+        const primaryButton = this.destructive ? (h("button", { class: "btn-destructive", onClick: this.handlePrimaryAction, type: "button" }, this.primaryLabel)) : (h("bh-button", { hierarchy: "primary", icon: "none", size: "md", label: this.primaryLabel, onBhClick: this.handlePrimaryAction }));
+        const secondaryButton = (h("bh-button", { hierarchy: "secondary", icon: "none", size: "md", label: this.secondaryLabel, onBhClick: this.handleSecondaryAction }));
+        if (isRightAligned) {
+            return (h("div", { class: "modal-actions-content modal-actions-content--right" }, h("div", { class: "actions-left" }, h("slot", { name: "left-content" })), h("div", { class: "actions-right" }, secondaryButton, primaryButton)));
+        }
+        // Full width buttons (stacks vertically on mobile via CSS)
+        return (h("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
+    }
+    render() {
+        return (h(Host, { key: 'fa07c24fee15053743650dfe99ee671eecdbf8e3' }, h("div", { key: 'e3d48c9e12aad9b55c745b23b641a6e96db662c4', class: "modal-actions" }, this.divider && h("div", { key: '89997127609e3a888b25be6a39654b264db8d785', class: "divider" }), this.renderButtons())));
+    }
+    static get style() { return bhModalActionsCss; }
+}, [769, "bh-modal-actions", {
+        "type": [1],
+        "destructive": [4],
+        "primaryLabel": [1, "primary-label"],
+        "secondaryLabel": [1, "secondary-label"],
+        "divider": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-modal-actions", "bh-button", "bh-loader-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-modal-actions":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhModalActions$1);
+            }
+            break;
+        case "bh-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-loader-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhModalActions = BhModalActions$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhModalActions, defineCustomElement };
+//# sourceMappingURL=bh-modal-actions.js.map
+
+//# sourceMappingURL=bh-modal-actions.js.map

package/dist/components/bh-modal-header.js

@@ -0,0 +1,119 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-ChfLhYiJ.js';
+import { d as defineCustomElement$3 } from './p-B7eVYv2t.js';
+import { d as defineCustomElement$2 } from './p-DQUicoqi.js';
+
+const bhModalHeaderCss = ":host{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-none, 0px);width:100%}.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none, 0px);width:100%;position:relative}.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xl, 16px);padding:var(--spacing-3xl, 24px);padding-bottom:var(--spacing-none, 0px);width:100%}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 4px);width:100%;flex:1;min-width:0}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}.modal-title{margin:0;font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-semibold, 600);font-size:var(--text-lg-size, 18px);line-height:var(--text-lg-line-height, 28px);letter-spacing:var(--letter-spacing-normal, 0px);color:var(--color-text-primary, #111322);width:100%}.modal-description{margin:0;font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-regular, 400);font-size:var(--text-sm-size, 14px);line-height:var(--text-sm-line-height, 20px);letter-spacing:var(--letter-spacing-normal, 0px);color:var(--color-text-tertiary, #4a5578);width:100%}.close-button{position:absolute;top:var(--spacing-lg, 12px);right:var(--spacing-lg, 12px)}.padding-bottom{height:20px;width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--color-border-secondary, #dcdfea)}";
+
+const BhModalHeader$1 = /*@__PURE__*/ proxyCustomElement(class BhModalHeader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhClose = createEvent(this, "bhClose");
+    }
+    /**
+     * Modal title (required)
+     */
+    modalTitle;
+    /**
+     * Modal description/supporting text
+     */
+    description;
+    /**
+     * Icon name for the featured icon (Material Symbols)
+     */
+    icon;
+    /**
+     * Color theme for the featured icon
+     */
+    iconColor = 'success';
+    /**
+     * Whether to show the featured icon
+     */
+    showIcon = true;
+    /**
+     * Whether to show the close button
+     */
+    showCloseButton = true;
+    /**
+     * Header alignment type
+     */
+    type = 'left-aligned';
+    /**
+     * Whether to show padding at the bottom
+     */
+    paddingBottom = true;
+    /**
+     * Whether to show the divider line
+     */
+    divider = false;
+    /**
+     * Emitted when the close button is clicked
+     */
+    bhClose;
+    handleClose = () => {
+        this.bhClose.emit();
+    };
+    render() {
+        const isHorizontal = this.type === 'horizontal-left-aligned';
+        const isCenter = this.type === 'center-aligned';
+        return (h(Host, { key: 'ecc564b2fdb20b724b57417e19c011298070acc3' }, h("div", { key: 'bc83df6dd5b206ecc9d9407021c0a82a6a3c0163', class: {
+                'modal-header': true,
+                'modal-header--center': isCenter,
+                'modal-header--horizontal': isHorizontal,
+            } }, h("div", { key: 'c6c4a092a205ec1838fc25bec1169e335cad5dad', class: {
+                'modal-header-content': true,
+                'modal-header-content--center': isCenter,
+                'modal-header-content--horizontal': isHorizontal,
+            } }, this.showIcon && this.icon && (h("bh-featured-icon", { key: '3c6bfc2f3038d841861f19816ba13ab3ff4d9830', icon: this.icon, color: this.iconColor, size: "md", iconStyle: "outlined" })), h("div", { key: '968463ccc835da635c4ffbea04c47764d38b0ce6', class: {
+                'modal-text-content': true,
+                'modal-text-content--center': isCenter,
+                'modal-text-content--horizontal': isHorizontal,
+            } }, h("h3", { key: '97b45faf3f93ed63d16eefcd84af7d973e1eeac1', class: "modal-title" }, this.modalTitle), this.description && (h("p", { key: 'd7a3cbdfef4b55d93faa424aa2fc88d4e242defd', class: "modal-description" }, this.description)))), this.showCloseButton && (h("bh-button-icon", { key: '03b325d8aaa2e977b1ee5b03ee6d6eea71bb9981', class: "close-button", hierarchy: "quaternary", size: "sm", iconName: "close", ariaLabel: "Close modal", onBhClick: this.handleClose }))), this.paddingBottom && h("div", { key: 'b06b66e5691dbaffcf703dac3cf520dda60e283c', class: "padding-bottom" }), this.divider && h("div", { key: 'dc852a2142f9fb9cd8895123845a206bdd75b1e6', class: "divider" })));
+    }
+    static get style() { return bhModalHeaderCss; }
+}, [769, "bh-modal-header", {
+        "modalTitle": [1, "modal-title"],
+        "description": [1],
+        "icon": [1],
+        "iconColor": [1, "icon-color"],
+        "showIcon": [4, "show-icon"],
+        "showCloseButton": [4, "show-close-button"],
+        "type": [1],
+        "paddingBottom": [4, "padding-bottom"],
+        "divider": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-modal-header", "bh-button-icon", "bh-featured-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-modal-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhModalHeader$1);
+            }
+            break;
+        case "bh-button-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-featured-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BhModalHeader = BhModalHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhModalHeader, defineCustomElement };
+//# sourceMappingURL=bh-modal-header.js.map
+
+//# sourceMappingURL=bh-modal-header.js.map

package/dist/components/bh-modal.js

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

package/dist/components/bh-month-picker-content.js

@@ -0,0 +1,9 @@
+import { B as BhMonthPickerContent$1, d as defineCustomElement$1 } from './p-SkkbcLa0.js';
+
+const BhMonthPickerContent = BhMonthPickerContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhMonthPickerContent, defineCustomElement };
+//# sourceMappingURL=bh-month-picker-content.js.map
+
+//# sourceMappingURL=bh-month-picker-content.js.map