@blueprintui/cli 0.0.9 → 0.0.11

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/fieldset/element.js

@@ -0,0 +1,99 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { associateAriaDescribedBy, associateInputAndLabel, baseStyles, createId, interactionResponsive } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Control Group
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/forms.js';
+ * ```
+ *
+ * ```html
+ * <bp-fieldset>
+ *   <label>...</label>
+ *
+ *   <label></label>
+ *   <input ... />
+ *
+ *   <label></label>
+ *   <input ... />
+ * </bp-fieldset>
+ * ```
+ *
+ * @element bp-fieldset
+ * @property layoutChange
+ * @slot
+ */
+let BpFieldset = class BpFieldset extends LitElement {
+    responsive = true;
+    layout = 'vertical';
+    get #inputs() {
+        return Array.from(this.querySelectorAll('[bp-field], input, bp-radio, bp-checkbox, bp-switch'));
+    }
+    get #labels() {
+        return Array.from(this.querySelectorAll('label'));
+    }
+    get #messages() {
+        return this.querySelectorAll('bp-field-message');
+    }
+    get #isAssociatedGroup() {
+        const inputs = this.#inputs;
+        const isAssociated = !!inputs.filter(i => i !== inputs[0] && i.name?.length).find(i => i.name === inputs[0].name);
+        const isRadio = inputs.every(i => i.tagName === 'BP-RADIO' || i.type === 'radio');
+        return isAssociated || isRadio;
+    }
+    get #isInlineGroup() {
+        return !!this.#inputs.find(i => i.getAttribute('bp-field') === 'inline' || i.tagName === 'BP-SWITCH' || i.tagName === 'BP-CHECKBOX' || i.tagName === 'BP-RADIO');
+    }
+    static styles = [baseStyles, styles];
+    /** @private */
+    _internals = this.attachInternals();
+    render() {
+        return html `
+      <div class="private-host ${this.#messages?.length ? '' : 'no-message'} ${this.#isInlineGroup ? 'inline-group' : ''}">
+        <slot name="label"></slot>
+        <div class="input-slot-group">
+          ${this.#inputs.map((_i, i) => html `<slot name="input-${i}"></slot>`)}
+          <slot></slot>
+        </div>
+        <slot name="message" @slotchange=${() => associateAriaDescribedBy(this, Array.from(this.#messages))}></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('bp-fieldset', '');
+        this._internals.role = 'group';
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.#labels[0].slot = 'label';
+        if (!this.#labels[0].id) {
+            this.#labels[0].id = createId();
+            this.setAttribute('aria-labelledby', this.#labels[0].id);
+        }
+        if (this.#isAssociatedGroup) {
+            this._internals.role = 'radiogroup';
+            this.addEventListener('change', e => this.#inputs.filter(i => i !== e.target).forEach(i => i.checked = false));
+        }
+        const labels = [...this.#labels];
+        const inputs = [...this.#inputs];
+        labels.shift();
+        labels.forEach((l, i) => {
+            associateInputAndLabel(inputs[i], l);
+            l.slot = `input-${i}`;
+            inputs[i].slot = `input-${i}`;
+        });
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpFieldset.prototype, "responsive", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], BpFieldset.prototype, "layout", void 0);
+BpFieldset = __decorate([
+    interactionResponsive()
+], BpFieldset);
+export { BpFieldset };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-control/element.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { TypeFormControl, TypeFormControlController } from '../controllers/type-form-control.controller.js';
+export interface FormControl extends TypeFormControl {
+}
+export declare class FormControl extends LitElement {
+    value: string | FormData;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    multiple: boolean;
+    autocomplete: string;
+    type: string;
+    pattern: string;
+    placeholder: string;
+    minLength: number;
+    maxLength: number;
+    min: string;
+    max: string;
+    size: string;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static formAssociated: boolean;
+    protected typeFormControlController: TypeFormControlController<FormControl>;
+    protected onChange(e: any): void;
+    protected onInput(e: any): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-control/element.js

@@ -0,0 +1,72 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { TypeFormControlController } from '../controllers/type-form-control.controller.js';
+export class FormControl extends LitElement {
+    value = null;
+    disabled;
+    required;
+    readonly;
+    multiple;
+    autocomplete;
+    type;
+    pattern;
+    placeholder;
+    minLength;
+    maxLength;
+    min;
+    max;
+    size;
+    static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
+    static formAssociated = true;
+    typeFormControlController = new TypeFormControlController(this);
+    onChange(e) {
+        this.value = e.target.value;
+        this.typeFormControlController.dispatchChange(e);
+    }
+    onInput(e) {
+        this.value = e.target.value;
+        this.typeFormControlController.dispatchInput(e);
+    }
+}
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FormControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FormControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FormControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FormControl.prototype, "multiple", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], FormControl.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], FormControl.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "pattern", void 0);
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Number })
+], FormControl.prototype, "minLength", void 0);
+__decorate([
+    property({ type: Number })
+], FormControl.prototype, "maxLength", void 0);
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "min", void 0);
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "max", void 0);
+__decorate([
+    property({ type: String })
+], FormControl.prototype, "size", void 0);

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-group/element.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, PropertyValues } from 'lit';
+import { FormLayout } from '../utils/interfaces';
+/**
+ * Form
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/forms.js';
+ * ```
+ *
+ * ```html
+ * <bp-form-group layout="horizontal">
+ *   <bp-input>
+ *     <label>Test</label>
+ *     <input type="text" />
+ *   </bp-input>
+ *
+ *   <bp-input>
+ *     <label>Test</label>
+ *     <input type="text" />
+ *   </bp-input>
+ * </bp-form-group>
+ * ```
+ *
+ * @element bp-form-group
+ * @slot - For projecting input fields
+ * @cssprop --label-width
+ */
+export declare class BpFormGroup extends LitElement {
+    #private;
+    /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
+    layout: FormLayout;
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(props: PropertyValues<this>): Promise<void>;
+    updated(props: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-group/element.js

@@ -0,0 +1,111 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { baseStyles, childrenUpdateComplete, elementVisible, interactionResponsive } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Form
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/forms.js';
+ * ```
+ *
+ * ```html
+ * <bp-form-group layout="horizontal">
+ *   <bp-input>
+ *     <label>Test</label>
+ *     <input type="text" />
+ *   </bp-input>
+ *
+ *   <bp-input>
+ *     <label>Test</label>
+ *     <input type="text" />
+ *   </bp-input>
+ * </bp-form-group>
+ * ```
+ *
+ * @element bp-form-group
+ * @slot - For projecting input fields
+ * @cssprop --label-width
+ */
+let BpFormGroup = class BpFormGroup extends LitElement {
+    /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
+    layout = 'vertical';
+    get #fields() {
+        return this.querySelectorAll('[bp-field]');
+    }
+    get #groups() {
+        return this.querySelectorAll('[bp-fieldset]');
+    }
+    #observers = [];
+    get #fieldsAndFieldsets() {
+        return [...Array.from(this.#groups), ...Array.from(this.#fields)];
+    }
+    static styles = [baseStyles, styles];
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    #internals = this.attachInternals();
+    #initialLayout;
+    async firstUpdated(props) {
+        super.firstUpdated(props);
+        this.#internals.role = 'group';
+        this.#setControlLabelWidths();
+        this.#observers.push(elementVisible(this, () => this.#setControlLabelWidths()));
+        const weights = {
+            'vertical': 0,
+            'vertical-inline': 1,
+            'horizontal': 2,
+            'horizontal-inline': 3,
+            'compact': 4
+        };
+        await this.updateComplete;
+        this.#initialLayout = this.layout;
+        this.addEventListener('bpResizeChange', e => {
+            const width = e.detail.width;
+            if (width < 300) {
+                this.layout = 'vertical';
+            }
+            else if (width < 400 && (weights[this.layout] > weights['vertical'])) {
+                this.layout = 'vertical-inline';
+            }
+            else if (width < 500 && (weights[this.layout] > weights['vertical-inline'])) {
+                this.layout = 'horizontal';
+            }
+            else if (width < 600 && (weights[this.layout] > weights['horizontal'])) {
+                this.layout = 'horizontal-inline';
+            }
+            else if (width < 700 && (weights[this.layout] > weights['compact'])) {
+                this.layout = 'compact';
+            }
+            else {
+                this.layout = this.#initialLayout;
+            }
+        });
+    }
+    updated(props) {
+        super.updated(props);
+        this.#fieldsAndFieldsets.forEach(c => c.layout = this.layout);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#observers.forEach(o => o.disconnect());
+    }
+    async #setControlLabelWidths() {
+        if (this.layout === 'horizontal' || this.layout === 'horizontal-inline' || this.layout === 'compact') {
+            await childrenUpdateComplete(this.#fieldsAndFieldsets);
+            const width = `${Math.max(...Array.from(this.querySelectorAll('label')).map(c => c.getBoundingClientRect().width + 12))}px`;
+            this.style.setProperty('--group-label-width', width);
+        }
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], BpFormGroup.prototype, "layout", void 0);
+BpFormGroup = __decorate([
+    interactionResponsive()
+], BpFormGroup);
+export { BpFormGroup };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/index.d.ts

@@ -0,0 +1,11 @@
+export * from './field/element.js';
+export * from './fieldset/element.js';
+export * from './field-message/element.js';
+export * from './form-group/element.js';
+export * from './form-control/element.js';
+export * from './utils/utils.js';
+export * from './utils/validity.js';
+export * from './controllers/state-form-control.controller.js';
+export * from './controllers/type-form-control.controller.js';
+export * from './controllers/type-form-radio.controller.js';
+export * from './controllers/type-form-checkbox.controller.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/index.js

@@ -0,0 +1,11 @@
+export * from './field/element.js';
+export * from './fieldset/element.js';
+export * from './field-message/element.js';
+export * from './form-group/element.js';
+export * from './form-control/element.js';
+export * from './utils/utils.js';
+export * from './utils/validity.js';
+export * from './controllers/state-form-control.controller.js';
+export * from './controllers/type-form-control.controller.js';
+export * from './controllers/type-form-radio.controller.js';
+export * from './controllers/type-form-checkbox.controller.js';

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { FormLayout } from './interfaces.js';
+import { BpField } from '../field/element.js';
+import { BpFieldMessage } from '../field-message/element.js';
+export declare const formLayouts: FormLayout[];
+export declare function setupFieldMessageStatusUpdates(messages: BpFieldMessage[], field: BpField): void;
+export declare function updateFieldStatusState(message: BpFieldMessage, field: BpField): void;
+export declare function syncHTML5Validation(field: BpField, messages: BpFieldMessage[]): void;
+export declare function getStatusIcon(status: '' | 'error' | 'success'): "" | import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,58 @@
+import { html } from 'lit';
+import { listenForAttributeListChange } from '@blueprintui/components/internals';
+export const formLayouts = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline', 'compact'];
+export function setupFieldMessageStatusUpdates(messages, field) {
+    const message = Array.from(messages).find(m => !m.hidden);
+    if (message) {
+        updateFieldStatusState(message, field);
+    }
+    listenForAttributeListChange(field, ['hidden', 'status'], ({ target }) => {
+        if (target.tagName === 'bp-field-message') {
+            updateFieldStatusState(target, field);
+        }
+    });
+}
+export function updateFieldStatusState(message, field) {
+    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 syncHTML5Validation(field, messages) {
+    if (!field.inputControl?.form?.noValidate) {
+        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('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', ''));
+        });
+    }
+}
+export function getStatusIcon(status) {
+    return status ? html `
+    <bp-button-icon readonly class="status">
+      ${status === 'error' ? html `<bp-icon status="danger" shape="exclamation-circle" size="sm" inner-offset="2"></bp-icon>` : ''}
+      ${status === 'success' ? html `<bp-icon status="success" shape="check-circle" size="sm" inner-offset="2"></bp-icon>` : ''}
+    </bp-button-icon>
+  ` : '';
+}

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

@@ -0,0 +1,4 @@
+export declare function valueMissing(element: any): boolean;
+export declare function tooShort(element: HTMLInputElement): boolean;
+export declare function tooLong(element: HTMLInputElement): boolean;
+export declare function patternMismatch(element: HTMLInputElement): boolean;

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

@@ -0,0 +1,28 @@
+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 min = !element.matches(':disabled') && element.hasAttribute('min');
+    const minimum = parseFloat(element.getAttribute('min'));
+    const value = element.type === 'number' ? parseInt(element.value) : element.value?.length;
+    return min && value < minimum;
+}
+export function tooLong(element) {
+    const max = !element.matches(':disabled') && element.hasAttribute('max');
+    const maximum = parseFloat(element.getAttribute('max'));
+    const value = element.type === 'number' ? parseInt(element.value) : element.value?.length;
+    return max && value > maximum;
+}
+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);
+}
+// todo:
+// interface ValidityState {
+//   readonly badInput: boolean;
+//   readonly rangeOverflow: boolean;
+//   readonly rangeUnderflow: boolean;
+//   readonly stepMismatch: boolean;
+//   readonly typeMismatch: boolean;
+// }

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

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/header.js';
+ * ```
+ *
+ * ```html
+ * <bp-header>
+ *   <bp-header-item>header</bp-header-item>
+ * </bp-header>
+ * ```
+ *
+ * @element bp-header
+ * @slot - badge content
+ * @cssprop --background
+ */
+export declare class BpHeader extends LitElement {
+    elevation: 'raised' | 'flat';
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ariaNavigation, baseStyles, elevationStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/header.js';
+ * ```
+ *
+ * ```html
+ * <bp-header>
+ *   <bp-header-item>header</bp-header-item>
+ * </bp-header>
+ * ```
+ *
+ * @element bp-header
+ * @slot - badge content
+ * @cssprop --background
+ */
+let BpHeader = class BpHeader extends LitElement {
+    elevation;
+    static styles = [baseStyles, elevationStyles, styles];
+    render() {
+        return html `
+      <div elevation class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], BpHeader.prototype, "elevation", void 0);
+BpHeader = __decorate([
+    ariaNavigation()
+], BpHeader);
+export { BpHeader };

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

@@ -0,0 +1,10 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * Header Item
+ *
+ * @element bp-header-item
+ * @slot
+ */
+export declare class BpHeaderItem extends BaseButton {
+    static styles: CSSStyleSheet[];
+}

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

@@ -0,0 +1,11 @@
+import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Header Item
+ *
+ * @element bp-header-item
+ * @slot
+ */
+export class BpHeaderItem extends BaseButton {
+    static styles = [baseStyles, interactionStyles, styles];
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/include/all.d.ts

@@ -0,0 +1,42 @@
+import '@blueprintui/components/include/accordion.js';
+import '@blueprintui/components/include/alert.js';
+import '@blueprintui/components/include/badge.js';
+import '@blueprintui/components/include/breadcrumb.js';
+import '@blueprintui/components/include/button-expand.js';
+import '@blueprintui/components/include/button-group.js';
+import '@blueprintui/components/include/button-handle.js';
+import '@blueprintui/components/include/button-icon.js';
+import '@blueprintui/components/include/button-sort.js';
+import '@blueprintui/components/include/button.js';
+import '@blueprintui/components/include/card.js';
+import '@blueprintui/components/include/checkbox.js';
+import '@blueprintui/components/include/color.js';
+import '@blueprintui/components/include/date.js';
+import '@blueprintui/components/include/dialog.js';
+import '@blueprintui/components/include/divider.js';
+import '@blueprintui/components/include/drawer.js';
+import '@blueprintui/components/include/dropdown.js';
+import '@blueprintui/components/include/file.js';
+import '@blueprintui/components/include/forms.js';
+import '@blueprintui/components/include/header.js';
+import '@blueprintui/icons/include.js';
+import '@blueprintui/components/include/input.js';
+import '@blueprintui/components/include/menu.js';
+import '@blueprintui/components/include/month.js';
+import '@blueprintui/components/include/nav.js';
+import '@blueprintui/components/include/pagination.js';
+import '@blueprintui/components/include/password.js';
+import '@blueprintui/components/include/popup.js';
+import '@blueprintui/components/include/progress-bar.js';
+import '@blueprintui/components/include/progress-circle.js';
+import '@blueprintui/components/include/radio.js';
+import '@blueprintui/components/include/range.js';
+import '@blueprintui/components/include/search.js';
+import '@blueprintui/components/include/select.js';
+import '@blueprintui/components/include/shell.js';
+import '@blueprintui/components/include/switch.js';
+import '@blueprintui/components/include/tabs.js';
+import '@blueprintui/components/include/tag.js';
+import '@blueprintui/components/include/textarea.js';
+import '@blueprintui/components/include/time.js';
+import '@blueprintui/components/include/tooltip.js';