@blueprintui/cli 0.0.9 → 0.0.11

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { FormControl } from '@blueprintui/components/forms';
+/**
+ * Range
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/range.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>range</label>
+ *   <bp-range></bp-range>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @element bp-range
+ * @slot - For projecting range input
+ */
+export declare class BpRange extends FormControl {
+    step: string;
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { FormControl } from '@blueprintui/components/forms';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Range
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/range.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>range</label>
+ *   <bp-range></bp-range>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @element bp-range
+ * @slot - For projecting range input
+ */
+export class BpRange extends FormControl {
+    step = '1';
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <input input type="range" value=${this.value} placeholder=${this.placeholder} .autocomplete=${this.autocomplete} .min=${this.min} .max=${this.max} .step=${this.step} @change=${(e) => this.onChange(e)} @input=${(e) => this.onInput(e)} .disabled=${this.disabled} />
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], BpRange.prototype, "step", void 0);

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { BpInput } from '@blueprintui/components/input';
+/**
+ * Search Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/time.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>search</label>
+ *   <bp-search></bp-search>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @beta
+ * @element bp-search
+ * @slot
+ */
+export declare class BpSearch extends BpInput {
+    type: string;
+    static get styles(): CSSStyleSheet[];
+    protected get prefixTemplate(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { BpInput, styles as inputStyles } from '@blueprintui/components/input';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Search Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/time.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>search</label>
+ *   <bp-search></bp-search>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @beta
+ * @element bp-search
+ * @slot
+ */
+export class BpSearch extends BpInput {
+    type = 'search';
+    static get styles() {
+        return [baseStyles, inputStyles, styles];
+    }
+    get prefixTemplate() {
+        return html `<bp-button-icon shape="search" readonly></bp-button-icon>`;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpSearch.prototype, "type", void 0);

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { FormControl } from '@blueprintui/components/forms';
+/**
+ * Select
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/select.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>select</label>
+ *   <bp-select>
+ *     <bp-option>option one</bp-option>
+ *     <bp-option>option two</bp-option>
+ *     <bp-option>option three</bp-option>
+ *   </bp-select>
+ * </bp-field>
+ * ```
+ *
+ * @element bp-select
+ * @slot - For projecting select and label
+ */
+export declare class BpSelect extends FormControl {
+    #private;
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class BpOption extends LitElement {
+    value: string;
+    selected: boolean;
+}

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

@@ -0,0 +1,59 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { FormControl } from '@blueprintui/components/forms';
+import { baseStyles } from '@blueprintui/components/internals';
+import { styles as inputStyles } from '@blueprintui/components/input';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Select
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/select.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>select</label>
+ *   <bp-select>
+ *     <bp-option>option one</bp-option>
+ *     <bp-option>option two</bp-option>
+ *     <bp-option>option three</bp-option>
+ *   </bp-select>
+ * </bp-field>
+ * ```
+ *
+ * @element bp-select
+ * @slot - For projecting select and label
+ */
+export class BpSelect extends FormControl {
+    get #options() {
+        return Array.from(this.querySelectorAll('bp-option'));
+    }
+    static get styles() {
+        return [baseStyles, inputStyles, styles];
+    }
+    render() {
+        return html `
+      <div class="input-container">
+        <select input value=${this.value} @change=${(e) => this.onChange(e)} @input=${(e) => this.onInput(e)} .multiple=${this.multiple} .disabled=${this.disabled}>
+          ${this.#options.map((o) => html `<option value=${o.value} ?selected=${o.selected}>${o.textContent}</option>`)}
+        </select>
+        <slot hidden @slotchange=${() => this.#updateValue()}></slot>
+        <bp-button-expand expanded readonly></bp-button-expand>
+      </div>
+    `;
+    }
+    #updateValue() {
+        this.value = this.#options.find(o => o.selected)?.value;
+    }
+}
+export class BpOption extends LitElement {
+    value;
+    selected;
+}
+__decorate([
+    property({ type: String })
+], BpOption.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], BpOption.prototype, "selected", void 0);

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/shell.js';
+ * ```
+ *
+ * ```html
+ * <bp-shell></bp-shell>
+ * ```
+ *
+ * @beta
+ * @element bp-shell
+ * @slot
+ */
+export declare class BpShell extends LitElement {
+    #private;
+    static styles: CSSStyleSheet[];
+    layout: 'app' | 'app-expandable';
+    breakpoint: number;
+    open: boolean;
+    private width;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,72 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/shell.js';
+ * ```
+ *
+ * ```html
+ * <bp-shell></bp-shell>
+ * ```
+ *
+ * @beta
+ * @element bp-shell
+ * @slot
+ */
+export class BpShell extends LitElement {
+    static styles = [baseStyles, styles];
+    layout = 'app';
+    breakpoint = 1024;
+    open = false;
+    width = 0;
+    get #nav() {
+        return this.querySelector('bp-nav');
+    }
+    get #header() {
+        return this.querySelector('bp-header');
+    }
+    get #drawerButton() {
+        return this.#header?.querySelector('[bp-shell="drawer-button"]');
+    }
+    render() {
+        return html `
+      <div class="private-host ${this.width >= this.breakpoint ? 'app-breakpoint' : ''}">
+        <slot name="header"></slot>
+        ${this.width >= this.breakpoint ? html `<slot name="nav"></slot>` : html `<bp-drawer ?hidden=${!this.open} @close=${() => this.open = false} closable><slot name="nav"></slot></bp-drawer>`}
+        <main>
+          <slot></slot>
+        </main>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.#nav) {
+            this.#nav.slot = 'nav';
+        }
+        if (this.#header) {
+            this.#header.slot = 'header';
+        }
+        new ResizeObserver((entries) => {
+            this.width = entries[0].contentRect.width;
+            if (this.#drawerButton) {
+                this.#drawerButton.hidden = this.width >= this.breakpoint;
+            }
+        }).observe(this);
+        this.#drawerButton?.addEventListener('click', () => this.open = !this.open);
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpShell.prototype, "layout", void 0);
+__decorate([
+    property({ type: Number })
+], BpShell.prototype, "breakpoint", void 0);
+__decorate([
+    property({ type: Boolean })
+], BpShell.prototype, "open", void 0);
+__decorate([
+    state()
+], BpShell.prototype, "width", void 0);

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import { TypeFormCheckboxController, CheckboxControl, TypeFormControlController } from '@blueprintui/components/forms';
+export interface BpSwitch extends CheckboxControl {
+}
+export declare class BpSwitch extends LitElement {
+    static formAssociated: boolean;
+    static styles: CSSStyleSheet[];
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    protected control: TypeFormControlController<BpSwitch>;
+    protected checkbox: TypeFormCheckboxController<BpSwitch>;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { TypeFormCheckboxController, TypeFormControlController } from '@blueprintui/components/forms';
+import styles from './element.css' assert { type: 'css' };
+export class BpSwitch extends LitElement {
+    static formAssociated = true;
+    static styles = [baseStyles, styles];
+    value = 'on';
+    checked;
+    disabled;
+    control = new TypeFormControlController(this);
+    checkbox = new TypeFormCheckboxController(this);
+    render() {
+        return html `
+      <div input></div>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpSwitch.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpSwitch.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpSwitch.prototype, "disabled", void 0);

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { LitElement, PropertyValues } from 'lit';
+import { BpTab } from './tab/element.js';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tabs></bp-tabs>
+ * ```
+ *
+ * @element bp-tabs
+ * @slot
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border-radius
+ * @cssprop --padding
+ */
+export declare class BpTabs extends LitElement {
+    #private;
+    layout: 'horizontal' | 'vertical';
+    static styles: CSSStyleSheet[];
+    get ref(): {
+        items: BpTab[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    updated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,67 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, createId, elevationStyles, keyList } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tabs></bp-tabs>
+ * ```
+ *
+ * @element bp-tabs
+ * @slot
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border-radius
+ * @cssprop --padding
+ */
+let BpTabs = class BpTabs extends LitElement {
+    layout = 'horizontal';
+    static styles = [baseStyles, elevationStyles, styles];
+    get ref() {
+        return {
+            items: this.#tabs
+        };
+    }
+    get #tabs() {
+        return Array.from(this.querySelectorAll('bp-tab'));
+    }
+    get #tabList() {
+        return this.querySelector('bp-tab-list');
+    }
+    get #tabPanels() {
+        return Array.from(this.querySelectorAll('bp-tab-panel'));
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot name="tablist" @slotchange=${this.#updateTabs}></slot>
+        <div>
+          <slot name="tabpanel" @slotchange=${this.#updateTabs}></slot>
+        </div>
+      </div>
+    `;
+    }
+    updated(props) {
+        super.updated(props);
+        this.#tabList._layout = this.layout;
+        this.#tabs.forEach(tab => tab._layout = this.layout);
+    }
+    #updateTabs() {
+        this.#tabs.forEach((tab, i) => {
+            tab.id = createId();
+            tab.tabPanel = this.#tabPanels[i];
+            this.#tabPanels[i].tab = tab;
+        });
+    }
+};
+__decorate([
+    property({ type: String })
+], BpTabs.prototype, "layout", void 0);
+BpTabs = __decorate([
+    keyList({ layout: 'both', loop: true })
+], BpTabs);
+export { BpTabs };

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

@@ -0,0 +1,4 @@
+export * from './panel/element.js';
+export * from './list/element.js';
+export * from './tab/element.js';
+export * from './element.js';

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

@@ -0,0 +1,4 @@
+export * from './panel/element.js';
+export * from './list/element.js';
+export * from './tab/element.js';
+export * from './element.js';

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

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab-list></bp-tab-list>
+ * ```
+ *
+ * @element bp-tab-list
+ * @slot
+ * @cssprop --background
+ */
+export declare class BpTabList extends LitElement {
+    /** @private */
+    _layout: 'horizontal' | 'vertical';
+    static styles: CSSStyleSheet[];
+    private _internals;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,38 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab-list></bp-tab-list>
+ * ```
+ *
+ * @element bp-tab-list
+ * @slot
+ * @cssprop --background
+ */
+export class BpTabList extends LitElement {
+    /** @private */
+    _layout = 'horizontal';
+    static styles = [baseStyles, styles];
+    _internals = this.attachInternals();
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.role = 'tablist';
+        this.slot = 'tablist';
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpTabList.prototype, "_layout", void 0);

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

@@ -0,0 +1,23 @@
+import { LitElement, PropertyValueMap } from 'lit';
+import { BpTab } from '../tab/element.js';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab-panel></bp-tab-panel>
+ * ```
+ *
+ * @element bp-tab-panel
+ * @slot
+ * @cssprop --background
+ */
+export declare class BpTabPanel extends LitElement {
+    static styles: CSSStyleSheet[];
+    private _internals;
+    tab: BpTab;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    protected updated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,41 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab-panel></bp-tab-panel>
+ * ```
+ *
+ * @element bp-tab-panel
+ * @slot
+ * @cssprop --background
+ */
+export class BpTabPanel extends LitElement {
+    static styles = [baseStyles, styles];
+    _internals = this.attachInternals();
+    tab;
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.role = 'tabpanel';
+        this.slot = 'tabpanel';
+    }
+    updated(props) {
+        super.updated(props);
+        this.setAttribute('aria-describedby', `${this.tab?.id}`);
+    }
+}
+__decorate([
+    state()
+], BpTabPanel.prototype, "tab", void 0);

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

@@ -0,0 +1,26 @@
+import { PropertyValueMap } from 'lit';
+import { BaseButton } from '@blueprintui/components/internals';
+import { BpTabPanel } from '../panel/element.js';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab></bp-tab>
+ * ```
+ *
+ * @element bp-tab
+ * @slot
+ * @cssprop --background
+ */
+export declare class BpTab extends BaseButton {
+    selected: boolean;
+    /** @private */
+    _layout: 'horizontal' | 'vertical';
+    tabPanel: BpTabPanel;
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    protected updated(props: PropertyValueMap<this>): void;
+}