@blueprintui/cli 0.0.5 → 0.0.8

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

@@ -0,0 +1,50 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+const statusIcon = {
+    'neutral': 'info-circle',
+    'accent': 'info-circle',
+    'success': 'check-circle',
+    'warning': 'warning',
+    'danger': 'exclamation-circle'
+};
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/alert.js';
+ * ```
+ *
+ * ```html
+ * <bp-alert status="success">alert</bp-alert>
+ * ```
+ *
+ * @element bp-alert
+ * @slot - alert content
+ * @event - close
+ * @cssprop --icon-color
+ * @cssprop --color
+ */
+export class BpAlert extends LitElement {
+    static properties = {
+        status: { type: String, reflect: true },
+        closable: { type: Boolean }
+    };
+    static styles = [baseStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.status = 'neutral';
+        this.closable = false;
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <bp-icon part="icon" .shape=${statusIcon[this.status]} size="md"></bp-icon>
+        <slot></slot>
+        ${this.closable ? html `<bp-button-icon @click=${this.#close} part="close" shape="close" aria-label="close"></bp-button-icon>` : ''}
+      </div>
+    `;
+    }
+    #close() {
+        this.dispatchEvent(new CustomEvent('close', { detail: true }));
+    }
+}

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

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValueMap } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/alert.js';
+ * ```
+ *
+ * ```html
+ * <bp-alert-group status="success">
+ *   <bp-alert>alert</bp-alert>
+ * </bp-alert-group>
+ * ```
+ *
+ * @element bp-alert-group
+ * @slot - alert group content
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --border-radius
+ */
+export declare class BpAlertGroup extends LitElement {
+    #private;
+    static styles: CSSStyleSheet[];
+    status: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+    render(): import("lit-html").TemplateResult<1>;
+    protected updated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,48 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/alert.js';
+ * ```
+ *
+ * ```html
+ * <bp-alert-group status="success">
+ *   <bp-alert>alert</bp-alert>
+ * </bp-alert-group>
+ * ```
+ *
+ * @element bp-alert-group
+ * @slot - alert group content
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --border-radius
+ */
+export class BpAlertGroup extends LitElement {
+    static properties = {
+        status: { type: String }
+    };
+    static styles = [baseStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.status = 'neutral';
+    }
+    get #alerts() {
+        return this.querySelectorAll('bp-alert');
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    updated(props) {
+        super.updated(props);
+        this.#alerts.forEach(alert => {
+            alert.setAttribute('_group', '');
+            alert.status = this.status;
+        });
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/alert/include.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-circle.js';
+import '@blueprintui/icons/shapes/check-circle.js';
+import '@blueprintui/icons/shapes/warning.js';
+import '@blueprintui/icons/shapes/exclamation-circle.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/blueprintui/components/dist/lib/alert/include.js

@@ -0,0 +1,11 @@
+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-circle.js';
+import '@blueprintui/icons/shapes/check-circle.js';
+import '@blueprintui/icons/shapes/warning.js';
+import '@blueprintui/icons/shapes/exclamation-circle.js';
+import { BpAlert, BpAlertGroup } from '@blueprintui/components/alert';
+customElements.get('bp-alert') || customElements.define('bp-alert', BpAlert);
+customElements.get('bp-alert-group') || customElements.define('bp-alert-group', BpAlertGroup);

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/badge.js';
+ * ```
+ *
+ * ```html
+ * <bp-badge status="warning">2</bp-badge>
+ * ```
+ *
+ * @element bp-badge
+ * @slot - badge content
+ * @cssprop --background
+ */
+export declare class BpBadge extends LitElement {
+    static styles: CSSStyleSheet[];
+    status: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,34 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/badge.js';
+ * ```
+ *
+ * ```html
+ * <bp-badge status="warning">2</bp-badge>
+ * ```
+ *
+ * @element bp-badge
+ * @slot - badge content
+ * @cssprop --background
+ */
+export class BpBadge extends LitElement {
+    static properties = {
+        status: { type: String, reflect: true }
+    };
+    static styles = [baseStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.status = 'neutral';
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * Breadcrumb
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/breadcrumb.js';
+ * ```
+ *
+ * ```html
+ * <bp-breadcrumb aria-label="breadcrumb">
+ *   <bp-link href="/home">Home</bp-link>
+ *   <bp-link href="/parent">Parent page</bp-link>
+ *   <span aria-current="page">Current page</span>
+ * </bp-breadcrumb>
+ * ```
+ *
+ * @element bp-breadcrumb
+ * @slot
+ * @slot separator
+ * @part - separator
+ * @cssprop --font-size
+ * @cssprop --font-weight
+ * @cssprop --color
+ * @cssprop --gap
+ */
+export declare class BpBreadcrumb extends LitElement {
+    #private;
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,63 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ariaNavigation, baseStyles, createId } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Breadcrumb
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/breadcrumb.js';
+ * ```
+ *
+ * ```html
+ * <bp-breadcrumb aria-label="breadcrumb">
+ *   <bp-link href="/home">Home</bp-link>
+ *   <bp-link href="/parent">Parent page</bp-link>
+ *   <span aria-current="page">Current page</span>
+ * </bp-breadcrumb>
+ * ```
+ *
+ * @element bp-breadcrumb
+ * @slot
+ * @slot separator
+ * @part - separator
+ * @cssprop --font-size
+ * @cssprop --font-weight
+ * @cssprop --color
+ * @cssprop --gap
+ */
+let BpBreadcrumb = class BpBreadcrumb extends LitElement {
+    get #items() {
+        return Array.from(this.children).filter(c => c.slot !== 'separator');
+    }
+    get #separator() {
+        return this.querySelector('[slot="separator"]')?.cloneNode(true) ?? html `/`;
+    }
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    render() {
+        return html `
+      <ol class="private-host">
+        ${this.#items.map((item, i) => html `<li>
+          <slot name=${item.slot}></slot>
+          ${i < this.#items.length - 1 ? html `<span part="separator" aria-hidden="true">${this.#separator}</span>` : ''}
+        </li>`)}
+      </ol>
+      <slot @slotchange=${this.#assignSlots}></slot>
+      <slot hidden name="separator"></slot>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#assignSlots();
+    }
+    #assignSlots() {
+        this.#items.forEach(item => item.slot = createId());
+        this.requestUpdate();
+    }
+};
+BpBreadcrumb = __decorate([
+    ariaNavigation()
+], BpBreadcrumb);
+export { BpBreadcrumb };

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button.js';
+ * ```
+ *
+ * ```html
+ * <bp-button>submit</bp-button>
+ * ```
+ *
+ * @element bp-button
+ * @slot Content slot for inside the button
+ */
+export declare class BpButton extends BaseButton {
+    action: 'primary' | 'outline' | 'flat';
+    status: 'accent' | 'success' | 'warning' | 'danger' | 'neutral';
+    static get styles(): CSSStyleSheet[];
+}

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

@@ -0,0 +1,31 @@
+import { BaseButton, interactionStyles, baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button.js';
+ * ```
+ *
+ * ```html
+ * <bp-button>submit</bp-button>
+ * ```
+ *
+ * @element bp-button
+ * @slot Content slot for inside the button
+ */
+export class BpButton extends BaseButton {
+    static properties = {
+        action: { type: String, reflect: true },
+        status: { type: String, reflect: true }
+    };
+    static get styles() {
+        return [baseStyles, interactionStyles, styles];
+    }
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.action = 'primary';
+        this.status = 'accent';
+    }
+}

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { PropertyValues } from 'lit';
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+/**
+ * Expand Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button-expand.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-expand expanded></bp-button-expand>
+ * ```
+ *
+ * @element bp-button-expand
+ * @slot - For projecting custom bp-icon
+ */
+export declare class BpButtonExpand extends BpButtonIcon {
+    #private;
+    action: 'vertical' | 'horizontal';
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    constructor();
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,54 @@
+import { html } from 'lit';
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Expand Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button-expand.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-expand expanded></bp-button-expand>
+ * ```
+ *
+ * @element bp-button-expand
+ * @slot - For projecting custom bp-icon
+ */
+export class BpButtonExpand extends BpButtonIcon {
+    static properties = {
+        action: { type: String }
+    };
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    get #iconDirection() {
+        if (this.action === 'vertical') {
+            return this.expanded ? 'down' : 'right';
+        }
+        else if (this.action === 'horizontal') {
+            return this.expanded ? 'left' : 'right';
+        }
+        else {
+            return null;
+        }
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot><bp-icon shape="angle" .direction=${this.#iconDirection}></bp-icon></slot>
+      </div>
+    `;
+    }
+    constructor() {
+        super();
+        this.expanded = false;
+        this.action = 'vertical';
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        if (!this.readonly) {
+            this._internals.ariaLabel = this._internals.ariaLabel?.length ? this._internals.ariaLabel : this.i18n.expand;
+        }
+    }
+}

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-group>
+ *   <bp-button></bp-button>
+ *   <bp-button></bp-button>
+ * </bp-button-group>
+ * ```
+ *
+ * @element bp-button-group
+ * @slot
+ */
+export declare class BpButtonGroup extends LitElement {
+    action: 'primary' | 'outline' | 'flat';
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,45 @@
+import { html, LitElement } from 'lit';
+import { attachRootNodeStyles, baseStyles } from '@blueprintui/components/internals';
+import globalStyles from './element.global.css' assert { type: 'css' };
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-group>
+ *   <bp-button></bp-button>
+ *   <bp-button></bp-button>
+ * </bp-button-group>
+ * ```
+ *
+ * @element bp-button-group
+ * @slot
+ */
+export class BpButtonGroup extends LitElement {
+    static properties = {
+        action: { type: String, reflect: true }
+    };
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.action = 'primary';
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        setTimeout(() => attachRootNodeStyles(this.parentNode, [globalStyles])); // todo: workaround when host is a sync registered shadow root or another lit instance
+    }
+}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+/**
+ * Action Handle Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button-handle.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-handle></bp-button-handle>
+ * ```
+ *
+ * @element bp-button-handle
+ * @slot - For projecting text content or bp-icon
+ */
+export declare class BpButtonHandle extends BpButtonIcon {
+    static get styles(): CSSStyleSheet[];
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,34 @@
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Action Handle Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/button-handle.js';
+ * ```
+ *
+ * ```html
+ * <bp-button-handle></bp-button-handle>
+ * ```
+ *
+ * @element bp-button-handle
+ * @slot - For projecting text content or bp-icon
+ */
+export class BpButtonHandle extends BpButtonIcon {
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.pressed = false;
+        this.setAttribute('bp-draggable', 'handle');
+        if (this.shape === 'ellipsis-vertical') {
+            this.shape = 'drag-handle';
+        }
+        this.addEventListener('keydown', (event) => {
+            if (event.code === 'Space') {
+                this.pressed = !this.pressed;
+            }
+        });
+    }
+}

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

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

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

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