@blueprintui/cli 0.11.0 → 0.11.2

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-handle/element.js

@@ -0,0 +1,58 @@
+import { html } from 'lit';
+import { BaseButton, baseStyles, interactionStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-handle.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-handle></bp-button-handle>
+ * ```
+ *
+ * @summary The button handle component is used to act as a handle to drag and move an element, such as a slidebar or a modal window.
+ * @element bp-button-handle
+ * @since 1.0.0
+ * @slot - slot for text content or bp-icon
+ * @cssprop --cursoe
+ * @cssprop --icon-width
+ * @cssprop --icon-height
+ */
+export class BpButtonHandle extends BaseButton {
+    static { this.properties = {
+        shape: { type: String },
+        direction: { type: String, reflect: true }
+    }; }
+    static get styles() {
+        return [baseStyles, interactionStyles, styles];
+    }
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.shape = 'drag-handle';
+    }
+    render() {
+        return html `
+      <div part="internal" interaction-after>
+        <slot>
+          <bp-icon
+            part="icon"
+            .direction=${this.direction}
+            .shape=${this.shape}
+            .type=${this.pressed || this.expanded ? 'solid' : ''}
+            size="lg"></bp-icon>
+        </slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.pressed = false;
+        this.setAttribute('bp-draggable', 'handle');
+        this.addEventListener('keydown', (event) => {
+            if (event.code === 'Space') {
+                this.pressed = !this.pressed;
+            }
+        });
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-handle/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-handle/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-icon/element.d.ts

@@ -0,0 +1,70 @@
+import { PropertyValues } from 'lit';
+import { BpTypeButton } from '@blueprintui/components/internals';
+import { BpButton } from '@blueprintui/components/button';
+import type { BpIcon } from '@blueprintui/icons';
+export declare const buttonIconStyles: CSSStyleSheet;
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-icon.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-icon></bp-button-icon>
+ * ```
+ *
+ * @summary The icon button component is used to provide a visual representation of an action.
+ * @element bp-button-icon
+ * @since 1.0.0
+ * @slot - slot for text content or bp-icon
+ * @csspart icon
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --color
+ * @cssprop --cursor
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --outline
+ * @cssprop --outline-offset
+ * @cssprop --border
+ */
+export declare class BpButtonIcon extends BpButton implements Pick<BpTypeButton, keyof Omit<BpButtonIcon, 'shape' | 'icon'>> {
+    accessor shape: string;
+    accessor direction: 'up' | 'down' | 'left' | 'right';
+    /** set default aria/i18n strings */
+    accessor i18n: {
+        sort: string;
+        none: string;
+        ascending: string;
+        descending: string;
+        expand: string;
+        close: string;
+        resize: string;
+        filter: string;
+        loading: string;
+        show: string;
+        hide: string;
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        today: string;
+        browse: string;
+        removeFile: string;
+        files: string;
+        resizeColumn: string;
+        closeDetails: string;
+        noData: string;
+        action: string;
+        dropTarget: string;
+        firstPage: string;
+        previousPage: string;
+        nextPage: string;
+        lastPage: string;
+        pageSize: string;
+    };
+    static get styles(): CSSStyleSheet[];
+    get icon(): BpIcon;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    updated(props: PropertyValues<this>): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-icon/element.js

@@ -0,0 +1,80 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { I18nService, i18n } from '@blueprintui/components/internals';
+import { BpButton } from '@blueprintui/components/button';
+import styles from './element.css' with { type: 'css' };
+export const buttonIconStyles = styles;
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-icon.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-icon></bp-button-icon>
+ * ```
+ *
+ * @summary The icon button component is used to provide a visual representation of an action.
+ * @element bp-button-icon
+ * @since 1.0.0
+ * @slot - slot for text content or bp-icon
+ * @csspart icon
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --color
+ * @cssprop --cursor
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --outline
+ * @cssprop --outline-offset
+ * @cssprop --border
+ */
+let BpButtonIcon = class BpButtonIcon extends BpButton {
+    static { this.properties = {
+        shape: { type: String },
+        direction: { type: String, reflect: true },
+        i18n: { type: Object }
+    }; }
+    constructor() {
+        super(...arguments);
+        this.shape = 'ellipsis-vertical';
+        /** set default aria/i18n strings */
+        this.i18n = I18nService.keys.actions;
+    }
+    static get styles() {
+        return [...super.styles, styles]; // todo: inherited styles from button are missing from button-expand, button-handle, button-sort
+    }
+    get icon() {
+        return this.shadowRoot.querySelector('bp-icon');
+    }
+    render() {
+        return html `
+      <div part="internal" interaction interaction-after>
+        <slot>
+          <bp-icon
+            part="icon"
+            .direction=${this.direction}
+            .shape=${this.shape}
+            .type=${this.pressed || this.expanded ? 'solid' : ''}
+            size="sm"
+            inner-offset="1"></bp-icon>
+        </slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('bp-button-icon', '');
+    }
+    updated(props) {
+        super.updated(props);
+        if (props.has('readonly')) {
+            this.readonly && !this._internals.ariaLabel
+                ? (this._internals.ariaHidden = 'true')
+                : (this._internals.ariaHidden = null);
+        }
+    }
+};
+BpButtonIcon = __decorate([
+    i18n({ key: 'actions' })
+], BpButtonIcon);
+export { BpButtonIcon };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-icon/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-icon/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-resize/element.d.ts

@@ -0,0 +1,34 @@
+import { BpTypeControl } from '@blueprintui/components/internals';
+import { FormControl, TypeFormSliderController } from '@blueprintui/components/forms';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-reisze.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-resize></bp-button-resize>
+ * ```
+ *
+ * @summary The resize button component is used to act as a drag handle to resize an element. Key navigation is supported and the step value can be used to adjust the amount of change when using the arrow keys.
+ * @element bp-button-resize
+ * @since 1.0.0
+ * @cssprop --background
+ * @cssprop --width
+ * @cssprop --height
+ */
+export declare class BpButtonResize extends FormControl implements Pick<BpTypeControl, keyof BpButtonResize> {
+    /** determines initial value of the control */
+    accessor value: number;
+    /** defines the most negative value in the range of permitted values */
+    accessor min: number;
+    /** defines the greatest value in the range of permitted values */
+    accessor max: number;
+    /** number that specifies the granularity that the value */
+    accessor step: number;
+    accessor orientation: 'vertical' | 'horizontal';
+    protected typeFormSliderController: TypeFormSliderController<BpButtonResize>;
+    static formAssociated: boolean;
+    static styles: CSSStyleSheet[];
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-resize/element.js

@@ -0,0 +1,51 @@
+import { html } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { FormControl, TypeFormSliderController } from '@blueprintui/components/forms';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-reisze.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-resize></bp-button-resize>
+ * ```
+ *
+ * @summary The resize button component is used to act as a drag handle to resize an element. Key navigation is supported and the step value can be used to adjust the amount of change when using the arrow keys.
+ * @element bp-button-resize
+ * @since 1.0.0
+ * @cssprop --background
+ * @cssprop --width
+ * @cssprop --height
+ */
+export class BpButtonResize extends FormControl {
+    constructor() {
+        super();
+        this.typeFormSliderController = new TypeFormSliderController(this);
+        /** determines initial value of the control */
+        this.value = 50;
+        /** defines the most negative value in the range of permitted values */
+        this.min = 0;
+        /** defines the greatest value in the range of permitted values */
+        this.max = 100;
+        /** number that specifies the granularity that the value */
+        this.step = 1;
+        this.orientation = 'horizontal';
+    }
+    static { this.properties = {
+        value: { type: Number },
+        min: { type: Number },
+        max: { type: Number },
+        step: { type: Number },
+        orientation: { type: String }
+    }; }
+    static { this.formAssociated = true; }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html ` <div part="internal"></div> `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.states.delete('bp-layer'); // override default form control layering
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-resize/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-resize/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-sort/element.d.ts

@@ -0,0 +1,47 @@
+import { LitElement, PropertyValues } from 'lit';
+import { I18nStrings } from '@blueprintui/components/internals';
+import { TypeFormControl } from '@blueprintui/components/forms';
+export type ButtonSort = 'none' | 'ascending' | 'descending';
+export interface BpButtonSort extends TypeFormControl {
+}
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-sort.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-sort></bp-button-sort>
+ * ```
+ *
+ * @summary The sort button component is used to allow users to sort a list of items by a specific criteria. It is typically used in tables, lists, or other data focused components.
+ * @element bp-button-sort
+ * @since 1.0.0
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --color
+ * @cssprop --cursor
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --outline
+ * @cssprop --outline-offset
+ * @cssprop --border
+ * @cssprop --gap
+ */
+export declare class BpButtonSort extends LitElement implements Pick<BpButtonSort, 'value' | 'readonly' | 'disabled' | 'i18n'> {
+    #private;
+    accessor value: ButtonSort;
+    accessor readonly: boolean;
+    /** determines if element is mutable or focusable */
+    accessor disabled: boolean;
+    /** represents the name of the current <form> element as a string. */
+    name: string;
+    accessor i18n: I18nStrings['actions'];
+    static styles: CSSStyleSheet[];
+    static formAssociated: boolean;
+    private typeFormControlController;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    updated(props: PropertyValues<this>): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-sort/element.js

@@ -0,0 +1,110 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, i18n, I18nService, interactionClick, interactionStyles, stateActive } from '@blueprintui/components/internals';
+import { typeFormControl } from '@blueprintui/components/forms';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/button-sort.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-sort></bp-button-sort>
+ * ```
+ *
+ * @summary The sort button component is used to allow users to sort a list of items by a specific criteria. It is typically used in tables, lists, or other data focused components.
+ * @element bp-button-sort
+ * @since 1.0.0
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --color
+ * @cssprop --cursor
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --outline
+ * @cssprop --outline-offset
+ * @cssprop --border
+ * @cssprop --gap
+ */
+let BpButtonSort = class BpButtonSort extends LitElement {
+    static { this.properties = {
+        value: { type: String },
+        readonly: { type: Boolean },
+        disabled: { type: Boolean },
+        i18n: { type: Object }
+    }; }
+    constructor() {
+        super(...arguments);
+        this.value = 'none';
+        this.i18n = I18nService.keys.actions;
+    }
+    static { this.styles = [baseStyles, interactionStyles, styles]; }
+    static { this.formAssociated = true; }
+    render() {
+        return html `
+      <div part="internal" interaction-after>
+        <slot>
+          <bp-icon shape="angle" direction="up"></bp-icon>
+          <bp-icon shape="angle" direction="down"></bp-icon>
+        </slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.tabIndex = 0;
+        this._internals.role = 'spinbutton';
+        this._internals.ariaLabel ??= this.i18n.sort;
+        this.addEventListener('click', () => this.#updateValue(1));
+        this.addEventListener('keydown', (e) => this.#keydown(e));
+    }
+    updated(props) {
+        super.updated(props);
+        this.#updateStates();
+    }
+    #keydown(e) {
+        if (e.code === 'ArrowUp') {
+            this.#updateValue(1);
+        }
+        else if (e.code === 'ArrowDown') {
+            this.#updateValue(-1);
+        }
+    }
+    #updateValue(step) {
+        if (!this.readonly && !this.disabled) {
+            const values = ['descending', 'none', 'ascending'];
+            const next = values.indexOf(this.value) + step;
+            const value = values[next < 0 ? values.length - 1 : next % values.length];
+            // only update value statefully if name is set for form participation
+            if (this.name) {
+                this.value = value;
+            }
+            this.#updateStates();
+            this.#input();
+            this.#change();
+        }
+    }
+    #updateStates() {
+        this._internals.ariaValueText = this.i18n[this.value];
+        this._internals.ariaValueNow = this.i18n[this.value];
+        this._internals.states.delete('none');
+        this._internals.states.delete('ascending');
+        this._internals.states.delete('descending');
+        this._internals.states.add(this.value);
+    }
+    #input() {
+        this.typeFormControlController.dispatchInput(new InputEvent('input', { bubbles: true, composed: true, data: this.value }));
+    }
+    #change() {
+        this.typeFormControlController.dispatchChange(new InputEvent('change', { bubbles: true, composed: true }));
+    }
+};
+BpButtonSort = __decorate([
+    stateActive(),
+    typeFormControl(),
+    interactionClick(),
+    i18n({ key: 'actions' })
+], BpButtonSort);
+export { BpButtonSort };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-sort/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/button-sort/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/card/element.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import { BpTypeElement } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/card.js';
+ * ```
+ *
+ * ```html
+ * <bp-card>
+ *   Card Content
+ * </bp-card>
+ * ```
+ *
+ * @summary The card component is used to group related content together in a visually organized way. The card should have a clear and consistent structure. The header should contain content that describes the content of the card.
+ * @element bp-card
+ * @since 1.0.0
+ * @slot - slot for card content
+ * @slot header - slot for card header
+ * @slot footer - slot for card footer
+ * @cssprop --background
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border-radius
+ * @cssprop --padding
+ * @cssprop --height
+ * @cssprop --width
+ */
+export declare class BpCard extends LitElement implements Pick<BpTypeElement, keyof BpCard> {
+    static styles: CSSStyleSheet[];
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/card/element.js

@@ -0,0 +1,48 @@
+import { html, LitElement } from 'lit';
+import { baseStyles, attachRootNodeStyles, attachInternals } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+import globalStyles from './element.global.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/card.js';
+ * ```
+ *
+ * ```html
+ * <bp-card>
+ *   Card Content
+ * </bp-card>
+ * ```
+ *
+ * @summary The card component is used to group related content together in a visually organized way. The card should have a clear and consistent structure. The header should contain content that describes the content of the card.
+ * @element bp-card
+ * @since 1.0.0
+ * @slot - slot for card content
+ * @slot header - slot for card header
+ * @slot footer - slot for card footer
+ * @cssprop --background
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border-radius
+ * @cssprop --padding
+ * @cssprop --height
+ * @cssprop --width
+ */
+export class BpCard extends LitElement {
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        <slot name="header"></slot>
+        <slot></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+        this._internals.role = 'region';
+        this._internals.states.add('bp-layer');
+        attachRootNodeStyles(this, [globalStyles]);
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/card/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/card/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/chat/element.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import type { BpTypeElement, Position } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/chat.js';
+ * ```
+ *
+ * ```html
+ * <bp-chat-group>
+ *   <bp-chat-message type="sent">How are you?</bp-chat-message>
+ *   <bp-chat-message type="received">Great!</bp-chat-message>
+ * </bp-chat-group>
+ * ```
+ *
+ * @summary The Chat message is a component designed to display chat messages in a conversational format. It improves readability and provides a visual context for conversations.
+ * @element bp-chat-message
+ * @since 1.0.0
+ * @slot - content
+ */
+export declare class BpChatMessage extends LitElement implements Pick<BpTypeElement, 'type' | 'color'> {
+    /** message type, used in bp-message-group */
+    accessor type: 'sent' | 'received';
+    /** base color options for multi-chat message groups */
+    accessor color: 'blue' | 'green' | 'red' | 'yellow' | 'purple';
+    /** arrow position relative to the chat message */
+    accessor arrow: Position;
+    /** display a typing or progress spinner */
+    accessor progress: boolean;
+    static styles: CSSStyleSheet[];
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/chat/element.js

@@ -0,0 +1,42 @@
+import { html, LitElement } from 'lit';
+import { attachInternals, baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/chat.js';
+ * ```
+ *
+ * ```html
+ * <bp-chat-group>
+ *   <bp-chat-message type="sent">How are you?</bp-chat-message>
+ *   <bp-chat-message type="received">Great!</bp-chat-message>
+ * </bp-chat-group>
+ * ```
+ *
+ * @summary The Chat message is a component designed to display chat messages in a conversational format. It improves readability and provides a visual context for conversations.
+ * @element bp-chat-message
+ * @since 1.0.0
+ * @slot - content
+ */
+export class BpChatMessage extends LitElement {
+    static { this.properties = {
+        type: { type: String, reflect: true },
+        color: { type: String, reflect: true },
+        arrow: { type: String, reflect: true },
+        progress: { type: Boolean }
+    }; }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        ${this.progress ? html `<bp-progress-dot size="sm"></bp-progress-dot>` : html `<slot></slot>`}
+        <div part="arrow"></div>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+        this._internals.role = 'listitem';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/chat/group/element.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import { BpTypeElement } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/chat.js';
+ * ```
+ *
+ * ```html
+ * <bp-chat-group>
+ *   <bp-chat-message type="sent">How are you?</bp-chat-message>
+ *   <bp-chat-message type="received">Great!</bp-chat-message>
+ * </bp-chat-group>
+ * ```
+ *
+ * @element bp-chat-group
+ * @since 1.0.0
+ * @slot - content
+ */
+export declare class BpChatGroup extends LitElement implements Pick<BpTypeElement, keyof BpChatGroup> {
+    static styles: CSSStyleSheet[];
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}