@blueprintui/cli 0.11.4 → 0.13.0

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/mixins/slider.mixin.js

@@ -0,0 +1,280 @@
+import { InteractionTouchController } from '@blueprintui/components/internals';
+import { FormControlMixin } from './form-control.mixin.js';
+/**
+ * Mixin that extends FormControlMixin with slider-specific functionality.
+ * Provides native HTMLInputElement[type=range]-like behavior for custom slider components.
+ *
+ * Features:
+ * - value: Numeric value within min/max range
+ * - min/max: Define the allowed value boundaries
+ * - step: Granularity of value changes
+ * - orientation: horizontal or vertical layout
+ * - Keyboard navigation (Arrow keys, Home, End)
+ * - Touch/pointer drag support
+ * - Form value handling
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/slider/
+ */
+export function SliderFormControlMixin(SuperClass) {
+    const Base = FormControlMixin(SuperClass);
+    return class SliderBase extends Base {
+        #value = 0;
+        #min = 0;
+        #max = 100;
+        #step = 1;
+        #orientation = 'horizontal';
+        #boundKeydownHandler = this.#handleKeydown.bind(this);
+        #boundTouchmoveHandler = this.#handleTouchmove.bind(this);
+        #boundTouchendHandler = this.#handleTouchend.bind(this);
+        static get observedAttributes() {
+            return super.observedAttributes.concat(['min', 'max', 'step', 'orientation']);
+        }
+        /**
+         * Returns the type of the slider element.
+         */
+        get type() {
+            return 'range';
+        }
+        set type(_value) {
+            // Slider type is fixed
+        }
+        /**
+         * The current numeric value of the slider control.
+         */
+        get value() {
+            return this.#value;
+        }
+        set value(val) {
+            const numVal = typeof val === 'string' ? parseFloat(val) : val;
+            if (!isNaN(numVal)) {
+                this.#value = numVal;
+                this.#updateFormValue();
+                this.requestUpdate?.();
+            }
+        }
+        /**
+         * The current value as a number.
+         */
+        get valueAsNumber() {
+            return this.#value;
+        }
+        set valueAsNumber(val) {
+            if (this.#validRange(val)) {
+                this.#value = val;
+                this.#updateFormValue();
+                this.requestUpdate?.();
+            }
+        }
+        /**
+         * The minimum allowed value.
+         */
+        get min() {
+            return this.#min;
+        }
+        set min(val) {
+            this.#min = val;
+            this.requestUpdate?.();
+        }
+        /**
+         * The maximum allowed value.
+         */
+        get max() {
+            return this.#max;
+        }
+        set max(val) {
+            this.#max = val;
+            this.requestUpdate?.();
+        }
+        /**
+         * The granularity of value changes.
+         */
+        get step() {
+            return this.#step;
+        }
+        set step(val) {
+            this.#step = val;
+            this.requestUpdate?.();
+        }
+        /**
+         * The orientation of the slider (horizontal or vertical).
+         */
+        get orientation() {
+            return this.#orientation;
+        }
+        set orientation(val) {
+            this.#orientation = val;
+            this.requestUpdate?.();
+        }
+        connectedCallback() {
+            super.connectedCallback?.();
+            this.setAttribute('bp-field', '');
+            this._internals.role = 'slider';
+            this._internals.states.add('complex-focus');
+            this._internals.ariaDisabled = this.disabled ? 'true' : 'false';
+            // Initialize from attributes on connect
+            if (this.hasAttribute('value')) {
+                const val = parseFloat(this.getAttribute('value') ?? '0');
+                if (!isNaN(val)) {
+                    this.#value = val;
+                }
+            }
+            if (this.hasAttribute('min')) {
+                this.#min = parseFloat(this.getAttribute('min') ?? '0');
+            }
+            if (this.hasAttribute('max')) {
+                this.#max = parseFloat(this.getAttribute('max') ?? '100');
+            }
+            if (this.hasAttribute('step')) {
+                this.#step = parseFloat(this.getAttribute('step') ?? '1');
+            }
+            if (this.hasAttribute('orientation')) {
+                this.#orientation = this.getAttribute('orientation') ?? 'horizontal';
+            }
+            this.#updateFormValue();
+            this.#updateTabIndex();
+            this.#updateAriaValues();
+            // Initialize touch controller for drag support (controller self-registers)
+            new InteractionTouchController(this);
+            // Event listeners
+            this.addEventListener('keydown', this.#boundKeydownHandler);
+            this.addEventListener('bp-touchmove', this.#boundTouchmoveHandler);
+            this.addEventListener('bp-touchend', this.#boundTouchendHandler);
+        }
+        disconnectedCallback() {
+            super.disconnectedCallback?.();
+            this.removeEventListener('keydown', this.#boundKeydownHandler);
+            this.removeEventListener('bp-touchmove', this.#boundTouchmoveHandler);
+            this.removeEventListener('bp-touchend', this.#boundTouchendHandler);
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (name === 'value') {
+                const val = parseFloat(newValue ?? '0');
+                if (!isNaN(val)) {
+                    this.#value = val;
+                    this.#updateFormValue();
+                    this.requestUpdate?.();
+                }
+            }
+            else if (name === 'min') {
+                this.#min = parseFloat(newValue ?? '0');
+                this.requestUpdate?.();
+            }
+            else if (name === 'max') {
+                this.#max = parseFloat(newValue ?? '100');
+                this.requestUpdate?.();
+            }
+            else if (name === 'step') {
+                this.#step = parseFloat(newValue ?? '1');
+                this.requestUpdate?.();
+            }
+            else if (name === 'orientation') {
+                this.#orientation = newValue ?? 'horizontal';
+                this.requestUpdate?.();
+            }
+            else if (super.attributeChangedCallback) {
+                super.attributeChangedCallback(name, oldValue, newValue);
+            }
+            // Update tabIndex and aria when disabled or readonly changes
+            if (name === 'disabled' || name === 'readonly') {
+                this.#updateTabIndex();
+                this._internals.ariaDisabled = this.disabled ? 'true' : 'false';
+            }
+        }
+        /**
+         * Handles keyboard navigation for the slider control.
+         */
+        #handleKeydown(e) {
+            if (this.disabled || this.readOnly) {
+                return;
+            }
+            let newValue = this.#value;
+            if (e.code === 'ArrowLeft' || e.code === 'ArrowDown') {
+                newValue -= this.#step;
+            }
+            else if (e.code === 'ArrowRight' || e.code === 'ArrowUp') {
+                newValue += this.#step;
+            }
+            else if (e.code === 'Home') {
+                newValue = this.#min;
+            }
+            else if (e.code === 'End') {
+                newValue = this.#max;
+            }
+            if (this.#validRange(newValue) && newValue !== this.#value) {
+                this.#value = newValue;
+                this.#updateFormValue();
+                this.requestUpdate?.();
+                this.#emitInput();
+                this.#emitChange();
+            }
+            // Prevent default for all keys except Tab
+            if (e.code !== 'Tab') {
+                e.preventDefault();
+            }
+        }
+        /**
+         * Handles touch/pointer drag movement.
+         */
+        #handleTouchmove(e) {
+            if (this.disabled || this.readOnly) {
+                return;
+            }
+            const offset = this.#orientation === 'horizontal' ? e.detail.offsetX : e.detail.offsetY;
+            const newValue = parseFloat((this.#value + offset).toFixed(0));
+            if (this.#validRange(newValue)) {
+                this.#value = newValue;
+                this.#updateFormValue();
+                this.requestUpdate?.();
+                this.#emitInput();
+            }
+        }
+        /**
+         * Handles touch/pointer drag end.
+         */
+        #handleTouchend() {
+            if (this.disabled || this.readOnly) {
+                return;
+            }
+            this.#emitChange();
+        }
+        /**
+         * Checks if a value is within the valid range.
+         */
+        #validRange(value) {
+            return value <= this.#max && value >= this.#min;
+        }
+        /**
+         * Updates the form value.
+         */
+        #updateFormValue() {
+            this._internals.setFormValue(`${this.#value}`);
+            this.#updateAriaValues();
+        }
+        /**
+         * Updates ARIA value properties for slider semantics.
+         */
+        #updateAriaValues() {
+            this._internals.ariaValueMin = `${this.#min}`;
+            this._internals.ariaValueMax = `${this.#max}`;
+            this._internals.ariaValueNow = `${this.#value}`;
+        }
+        /**
+         * Updates tabIndex based on disabled/readonly state.
+         */
+        #updateTabIndex() {
+            this.tabIndex = this.disabled || this.readOnly ? -1 : 0;
+        }
+        /**
+         * Emits an input event.
+         */
+        #emitInput() {
+            this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true, data: `${this.#value}` }));
+        }
+        /**
+         * Emits a change event.
+         */
+        #emitChange() {
+            this.dispatchEvent(new InputEvent('change', { bubbles: true, composed: true }));
+        }
+    };
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/mixins/types.js

@@ -0,0 +1 @@
+"use strict";

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/interfaces.d.ts

@@ -0,0 +1,4 @@
+export type FormLayout = 'horizontal' | 'horizontal-inline' | 'vertical' | 'vertical-inline' | 'compact';
+export type ControlLayout = 'vertical' | 'horizontal' | 'compact';
+export type ControlStatus = 'neutral' | 'error' | 'success';
+export type ControlWidth = 'shrink' | 'stretch' | undefined;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/interfaces.js

@@ -0,0 +1 @@
+export {};

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/utils.d.ts

@@ -0,0 +1,7 @@
+import type { FormLayout } from './interfaces.js';
+import type { BpField } from '../field/element.js';
+import type { BpFieldMessage } from '../field-message/element.js';
+export declare const formLayouts: FormLayout[];
+export declare function updateFieldStatusState(field: BpField, messages: BpFieldMessage[]): void;
+export declare function syncValidationMessages(field: BpField, messages: BpFieldMessage[]): void;
+export declare function isObjectLiteral(value: unknown): value is Record<string, unknown>;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/utils.js

@@ -0,0 +1,57 @@
+export const formLayouts = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline', 'compact'];
+export function updateFieldStatusState(field, messages) {
+    const message = messages.find(m => !m.hidden);
+    const inputState = field.inputControl._internals?.states;
+    const fieldState = field._internals.states;
+    if (inputState) {
+        fieldState?.delete('error');
+        fieldState?.delete('success');
+        inputState?.delete('error');
+        inputState?.delete('success');
+        if (!message?.hidden && message?.status?.length) {
+            inputState.add(message.status);
+            fieldState.add(message.status);
+        }
+    }
+}
+export function syncValidationMessages(field, messages) {
+    if (!field.inputControl?.form?.noValidate && !field.inputControl.formNoValidate) {
+        messages
+            .filter(m => m.hasAttribute('error'))
+            .forEach(m => {
+            m.setAttribute('hidden', '');
+            m.status = 'error';
+        });
+        field.inputControl.addEventListener('invalid', () => {
+            messages.forEach(message => message.setAttribute('hidden', ''));
+            messages.find(message => field.inputControl.validity[message.error])?.removeAttribute('hidden');
+        });
+        field.inputControl.addEventListener('user-invalid', () => {
+            messages.forEach(message => message.setAttribute('hidden', ''));
+            messages.find(message => field.inputControl.validity[message.error])?.removeAttribute('hidden');
+        });
+        field.inputControl.addEventListener('blur', () => {
+            messages.forEach(message => message.setAttribute('hidden', ''));
+            messages
+                .find(message => field.inputControl.validity[message.error] === false || !message.hasAttribute('error'))
+                ?.removeAttribute('hidden');
+        });
+        field.inputControl.addEventListener('input', () => {
+            if (field.inputControl.validity.valid) {
+                messages.filter(m => !m.hasAttribute('error')).forEach(m => m.removeAttribute('hidden'));
+            }
+            messages
+                .filter(m => field.inputControl.validity.valid && m.error && !field.inputControl.validity[m.error])
+                .forEach(message => message.setAttribute('hidden', ''));
+        });
+        field.inputControl.form?.addEventListener('reset', () => {
+            messages.filter(m => m.error).forEach(message => message.setAttribute('hidden', ''));
+        });
+        field.addEventListener('reset', () => {
+            messages.filter(m => m.error).forEach(message => message.setAttribute('hidden', ''));
+        });
+    }
+}
+export function isObjectLiteral(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/validity.d.ts

@@ -0,0 +1,9 @@
+export declare function valueMissing(element: any): boolean;
+export declare function tooShort(element: HTMLInputElement): boolean;
+export declare function tooLong(element: HTMLInputElement): boolean;
+export declare function rangeUnderflow(element: HTMLInputElement): boolean;
+export declare function rangeOverflow(element: HTMLInputElement): boolean;
+export declare function stepMismatch(element: HTMLInputElement): boolean;
+export declare function typeMismatch(element: HTMLInputElement): boolean;
+export declare function badInput(element: HTMLInputElement): boolean;
+export declare function patternMismatch(element: HTMLInputElement): boolean;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/forms/utils/validity.js

@@ -0,0 +1,84 @@
+export function valueMissing(element) {
+    return (!element.matches(':disabled') &&
+        (element.hasAttribute('required') || element.required) &&
+        element.value !== null &&
+        element.value !== undefined &&
+        element.value?.length === 0);
+}
+export function tooShort(element) {
+    const hasMinLength = !element.matches(':disabled') && element.hasAttribute('minlength');
+    const minLength = parseInt(element.getAttribute('minlength'));
+    return hasMinLength && element.value?.length > 0 && element.value.length < minLength;
+}
+export function tooLong(element) {
+    const hasMaxLength = !element.matches(':disabled') && element.hasAttribute('maxlength');
+    const maxLength = parseInt(element.getAttribute('maxlength'));
+    return hasMaxLength && element.value?.length > maxLength;
+}
+export function rangeUnderflow(element) {
+    if (!element.matches(':disabled')) {
+        const min = element.hasAttribute('min') ? parseFloat(element.getAttribute('min')) : parseFloat(element.min);
+        return element.valueAsNumber < min;
+    }
+    else {
+        return false;
+    }
+}
+export function rangeOverflow(element) {
+    if (!element.matches(':disabled')) {
+        const max = element.hasAttribute('max') ? parseFloat(element.getAttribute('max')) : parseFloat(element.max);
+        return element.valueAsNumber > max;
+    }
+    else {
+        return false;
+    }
+}
+export function stepMismatch(element) {
+    const hasStep = !element.matches(':disabled') && element.hasAttribute('step');
+    const step = parseFloat(element.getAttribute('step'));
+    const value = parseFloat(element.value);
+    const min = element.hasAttribute('min') ? parseFloat(element.getAttribute('min')) : 0;
+    if (!hasStep || isNaN(value) || isNaN(step) || step === 0) {
+        return false;
+    }
+    const offset = value - min;
+    return Math.abs(offset % step) > 0.000001; // Use small epsilon for floating point comparison
+}
+export function typeMismatch(element) {
+    if (element.matches(':disabled') || !element.value || element.value.length === 0) {
+        return false;
+    }
+    switch (element.type) {
+        case 'email': {
+            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            return !emailRegex.test(element.value);
+        }
+        case 'url': {
+            try {
+                new URL(element.value);
+                return false;
+            }
+            catch {
+                return true;
+            }
+        }
+        default:
+            return false;
+    }
+}
+export function badInput(element) {
+    if (element.matches(':disabled')) {
+        return false;
+    }
+    // badInput is typically set by the browser when it can't convert the input
+    // For number inputs, check if value is non-empty but valueAsNumber is NaN
+    if (element.type === 'number' && element.value !== '' && isNaN(element.valueAsNumber)) {
+        return true;
+    }
+    return false;
+}
+export function patternMismatch(element) {
+    const pattern = !element.matches(':disabled') && element.hasAttribute('pattern');
+    const regex = new RegExp(element.getAttribute('pattern'));
+    return pattern && !regex.test(element.value);
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/element.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { BpTypeElement } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/header.js';
+ * ```
+ *
+ * ```html
+ * <bp-header>
+ *   <bp-header-item>header</bp-header-item>
+ * </bp-header>
+ * ```
+ *
+ * @summary The header component is used to provide a consistent and recognizable top bar, typically containing a logo and main navigation.
+ * @element bp-header
+ * @since 1.0.0
+ * @slot - badge content
+ * @cssprop --padding
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --height
+ * @cssprop --font-size
+ * @cssprop --gap
+ */
+export declare class BpHeader extends LitElement implements Pick<BpTypeElement, keyof BpHeader> {
+    static styles: CSSStyleSheet[];
+    render(): import("lit").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/element.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { typeNavigation, baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/header.js';
+ * ```
+ *
+ * ```html
+ * <bp-header>
+ *   <bp-header-item>header</bp-header-item>
+ * </bp-header>
+ * ```
+ *
+ * @summary The header component is used to provide a consistent and recognizable top bar, typically containing a logo and main navigation.
+ * @element bp-header
+ * @since 1.0.0
+ * @slot - badge content
+ * @cssprop --padding
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --height
+ * @cssprop --font-size
+ * @cssprop --gap
+ */
+let BpHeader = class BpHeader extends LitElement {
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+BpHeader = __decorate([
+    typeNavigation()
+], BpHeader);
+export { BpHeader };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './element.js';
+export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/index.js

@@ -0,0 +1,2 @@
+export * from './element.js';
+export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/item/element.d.ts

@@ -0,0 +1,12 @@
+import { BaseButton, BpTypeButton } from '@blueprintui/components/internals';
+/**
+ * Header Item
+ *
+ * @deprecated use "bp-button"
+ * @element bp-header-item
+ * @since 1.0.0
+ * @slot
+ */
+export declare class BpHeaderItem extends BaseButton implements Pick<BpTypeButton, keyof BpHeaderItem> {
+    static styles: CSSStyleSheet[];
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/header/item/element.js

@@ -0,0 +1,13 @@
+import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * Header Item
+ *
+ * @deprecated use "bp-button"
+ * @element bp-header-item
+ * @since 1.0.0
+ * @slot
+ */
+export class BpHeaderItem extends BaseButton {
+    static { this.styles = [baseStyles, interactionStyles, styles]; }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/i18n/index.d.ts

@@ -0,0 +1 @@
+export { I18nService } from '@blueprintui/components/internals';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/i18n/index.js

@@ -0,0 +1 @@
+export { I18nService } from '@blueprintui/components/internals';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/include/accordion.d.ts

@@ -0,0 +1,10 @@
+import '@blueprintui/components/include/button-expand.js';
+import { BpAccordion, BpAccordionPanel, BpAccordionContent, BpAccordionHeader } from '@blueprintui/components/accordion';
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-accordion': BpAccordion;
+        'bp-accordion-panel': BpAccordionPanel;
+        'bp-accordion-content': BpAccordionContent;
+        'bp-accordion-header': BpAccordionHeader;
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/include/accordion.js

@@ -0,0 +1,7 @@
+import '@blueprintui/components/include/button-expand.js';
+import { BpAccordion, BpAccordionPanel, BpAccordionContent, BpAccordionHeader } from '@blueprintui/components/accordion';
+import { defineElement } from '@blueprintui/components/internals';
+defineElement('bp-accordion', BpAccordion);
+defineElement('bp-accordion-panel', BpAccordionPanel);
+defineElement('bp-accordion-content', BpAccordionContent);
+defineElement('bp-accordion-header', BpAccordionHeader);

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/include/alert.d.ts

@@ -0,0 +1,15 @@
+import '@blueprintui/components/include/button-icon.js';
+import '@blueprintui/icons/include.js';
+import '@blueprintui/icons/shapes/ellipsis-vertical.js';
+import '@blueprintui/icons/shapes/close.js';
+import '@blueprintui/icons/shapes/info.js';
+import '@blueprintui/icons/shapes/success.js';
+import '@blueprintui/icons/shapes/warning.js';
+import '@blueprintui/icons/shapes/error.js';
+import { BpAlert, BpAlertGroup } from '@blueprintui/components/alert';
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-alert': BpAlert;
+        'bp-alert-group': BpAlertGroup;
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprint/main/projects/components/dist/include/alert.js

@@ -0,0 +1,12 @@
+import '@blueprintui/components/include/button-icon.js';
+import '@blueprintui/icons/include.js';
+import '@blueprintui/icons/shapes/ellipsis-vertical.js';
+import '@blueprintui/icons/shapes/close.js';
+import '@blueprintui/icons/shapes/info.js';
+import '@blueprintui/icons/shapes/success.js';
+import '@blueprintui/icons/shapes/warning.js';
+import '@blueprintui/icons/shapes/error.js';
+import { defineElement } from '@blueprintui/components/internals';
+import { BpAlert, BpAlertGroup } from '@blueprintui/components/alert';
+defineElement('bp-alert', BpAlert);
+defineElement('bp-alert-group', BpAlertGroup);