@blueprintui/cli 0.11.0 → 0.11.2

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

@@ -0,0 +1,37 @@
+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>
+ * ```
+ *
+ * @element bp-chat-group
+ * @since 1.0.0
+ * @slot - content
+ */
+export class BpChatGroup extends LitElement {
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+        this._internals.role = 'log';
+        this._internals.ariaLive = 'polite';
+        this._internals.ariaRelevant = 'additions';
+        this._internals.ariaAtomic = 'false';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/chat/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/blueprint/blueprintui/packages/components/dist/chat/index.js

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

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

@@ -0,0 +1,28 @@
+import { BpTypeControl } from '@blueprintui/components/internals';
+import { FormControl } from '@blueprintui/components/forms';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/checkbox.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>checkbox</label>
+ *   <bp-checkbox checked></bp-checkbox>
+ * </bp-field>
+ * ```
+ *
+ * @summary Checkboxes are used to select one or more options from a list. They are not intended for lists where only one option can be selected. Each checkbox can be selected independently of the others.
+ * @element bp-checkbox
+ * @since 1.0.0
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export declare class BpCheckbox extends FormControl implements Pick<BpTypeControl, keyof BpCheckbox> {
+    static styles: CSSStyleSheet[];
+    /** determines initial value of the control */
+    accessor value: string;
+    /** determines whether element is checked */
+    accessor checked: boolean;
+    accessor indeterminate: boolean;
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,50 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { typeFormCheckbox, FormControl } from '@blueprintui/components/forms';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/checkbox.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>checkbox</label>
+ *   <bp-checkbox checked></bp-checkbox>
+ * </bp-field>
+ * ```
+ *
+ * @summary Checkboxes are used to select one or more options from a list. They are not intended for lists where only one option can be selected. Each checkbox can be selected independently of the others.
+ * @element bp-checkbox
+ * @since 1.0.0
+ * @event {InputEvent} change - occurs when the value changes
+ */
+let BpCheckbox = class BpCheckbox extends FormControl {
+    static { this.properties = {
+        value: { type: String, reflect: true },
+        checked: { type: Boolean },
+        indeterminate: { type: Boolean }
+    }; }
+    constructor() {
+        super(...arguments);
+        /** determines initial value of the control */
+        this.value = 'on';
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <input
+        type="checkbox"
+        tabindex="-1"
+        aria-hidden="true"
+        .checked=${this.checked}
+        .disabled=${this.disabled}
+        .indeterminate=${this.indeterminate} />
+    `;
+    }
+};
+BpCheckbox = __decorate([
+    typeFormCheckbox()
+], BpCheckbox);
+export { BpCheckbox };

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { BpInput } from '@blueprintui/components/input';
+import { BpTypeControl } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/color.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>color</label>
+ *   <bp-color></bp-color>
+ * </bp-field>
+ * ```
+ *
+ * @summary The color input component is used to allow users to select a color from a predefined set of options or to input a specific color value.
+ * @element bp-color
+ * @since 1.0.0
+ * @slot prefix - slot for prefix text or icons
+ * @slot suffix - slot for suffic text or icons
+ * @cssprop --background
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export declare class BpColor extends BpInput implements Pick<BpTypeControl, keyof BpColor> {
+    #private;
+    accessor type: string;
+    static get styles(): CSSStyleSheet[];
+    protected get suffixTemplate(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,54 @@
+import { html } from 'lit';
+import { BpInput, inputStyles } from '@blueprintui/components/input';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/color.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>color</label>
+ *   <bp-color></bp-color>
+ * </bp-field>
+ * ```
+ *
+ * @summary The color input component is used to allow users to select a color from a predefined set of options or to input a specific color value.
+ * @element bp-color
+ * @since 1.0.0
+ * @slot prefix - slot for prefix text or icons
+ * @slot suffix - slot for suffic text or icons
+ * @cssprop --background
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export class BpColor extends BpInput {
+    static { this.properties = {
+        type: { type: String, reflect: true }
+    }; }
+    static get styles() {
+        return [baseStyles, inputStyles, styles];
+    }
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.type = 'color';
+    }
+    get suffixTemplate() {
+        return html `<bp-button-icon
+      shape="color-picker"
+      .disabled=${this.disabled}
+      ?readonly=${!EyeDropper}
+      action="inline"
+      @click=${this.#chooseColor}></bp-button-icon>`;
+    }
+    #chooseColor() {
+        new EyeDropper()
+            .open()
+            .then((color) => (this.value = color.sRGBHex))
+            .catch(() => {
+            return;
+        });
+    }
+}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { BpInput } from '@blueprintui/components/input';
+import { BpTypeControl } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/date.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>time</label>
+ *   <bp-date></bp-date>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @summary The date input component is used to allow users to select a date from the native browser datepicker input type.
+ * @element bp-date
+ * @since 1.0.0
+ * @slot prefix - slot for prefix text or icons
+ * @slot suffix - slot for suffic text or icons
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export declare class BpDate extends BpInput implements Pick<BpTypeControl, keyof BpDate> {
+    accessor type: string;
+    get valueAsDate(): Date;
+    set valueAsDate(value: Date);
+    static styles: CSSStyleSheet[];
+    protected get suffixTemplate(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,49 @@
+import { html } from 'lit';
+import { BpInput, inputStyles } from '@blueprintui/components/input';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/date.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>time</label>
+ *   <bp-date></bp-date>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @summary The date input component is used to allow users to select a date from the native browser datepicker input type.
+ * @element bp-date
+ * @since 1.0.0
+ * @slot prefix - slot for prefix text or icons
+ * @slot suffix - slot for suffic text or icons
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export class BpDate extends BpInput {
+    constructor() {
+        super();
+        this.type = 'date';
+    }
+    static { this.properties = {
+        type: { type: String, reflect: true }
+    }; }
+    get valueAsDate() {
+        return this.input.valueAsDate;
+    }
+    set valueAsDate(value) {
+        this.input.valueAsDate = value;
+        this.value = this.input.value;
+    }
+    static { this.styles = [baseStyles, inputStyles, styles]; }
+    get suffixTemplate() {
+        return html `<bp-button-icon
+      shape="calendar"
+      action="inline"
+      .disabled=${this.disabled}
+      @click=${this.showPicker}></bp-button-icon>`;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,82 @@
+import { LitElement, PropertyValues } from 'lit';
+import { Position, BpTypePopover } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/dialog.js';
+ * ```
+ *
+ * ```html
+ * <bp-dialog>
+ *
+ * </bp-dialog>
+ * ```
+ *
+ * @summary The dialog component is used to display content in a overlay that appears on top of the current view. It is used to display information that requires the user's attention or interaction.
+ * @element bp-dialog
+ * @since 1.0.0
+ * @event open - dispatched when the dialog is opened
+ * @event close - dispatched when the dialog is closed
+ * @slot - slot for dialog content
+ * @slot header - slot for dialog header
+ * @slot footer - slot for dialog footer
+ * @cssprop --padding
+ * @cssprop --filter
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --min-width
+ * @cssprop --min-height
+ * @cssprop --font-size
+ * @cssprop --animation-duration
+ */
+export declare class BpDialog extends LitElement implements Pick<BpTypePopover, keyof BpDialog> {
+    /** determine the visual size state */
+    accessor size: 'sm' | 'md' | 'lg';
+    /** determine the position relative to the viewport */
+    accessor position: Position;
+    /** determine user closable state */
+    accessor closable: boolean;
+    /** determine if dialog is modal with a backdrop layer */
+    accessor modal: boolean;
+    /** default popover to open on intialization */
+    accessor open: boolean;
+    /** 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 styles: CSSStyleSheet[];
+    /** @private */
+    _internals: ElementInternals;
+    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/dialog/element.js

@@ -0,0 +1,97 @@
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { baseStyles, i18n, I18nService, stateScrollLock, attachRootNodeStyles, attachInternals, typePopover } from '@blueprintui/components/internals';
+import globalStyles from './element.global.css' with { type: 'css' };
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/dialog.js';
+ * ```
+ *
+ * ```html
+ * <bp-dialog>
+ *
+ * </bp-dialog>
+ * ```
+ *
+ * @summary The dialog component is used to display content in a overlay that appears on top of the current view. It is used to display information that requires the user's attention or interaction.
+ * @element bp-dialog
+ * @since 1.0.0
+ * @event open - dispatched when the dialog is opened
+ * @event close - dispatched when the dialog is closed
+ * @slot - slot for dialog content
+ * @slot header - slot for dialog header
+ * @slot footer - slot for dialog footer
+ * @cssprop --padding
+ * @cssprop --filter
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --min-width
+ * @cssprop --min-height
+ * @cssprop --font-size
+ * @cssprop --animation-duration
+ */
+let BpDialog = class BpDialog extends LitElement {
+    static { this.properties = {
+        size: { type: String, reflect: true },
+        position: { type: String, reflect: true },
+        closable: { type: Boolean },
+        modal: { type: Boolean, reflect: true },
+        open: { type: Boolean, reflect: true },
+        i18n: { type: Object }
+    }; }
+    constructor() {
+        super(...arguments);
+        /** determine the position relative to the viewport */
+        this.position = 'center';
+        /** determine user closable state */
+        this.closable = false;
+        /** determine if dialog is modal with a backdrop layer */
+        this.modal = false;
+        /** default popover to open on intialization */
+        this.open = false;
+        /** set default aria/i18n strings */
+        this.i18n = I18nService.keys.actions;
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        ${this.closable
+            ? html `<bp-button-icon
+              @click=${this.hidePopover}
+              aria-label=${this.i18n.close}
+              shape="close"
+              action="inline"
+              type="button"></bp-button-icon>`
+            : nothing}
+        <slot name="header"></slot>
+        <slot></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+        this._internals.states.add('bp-layer');
+        attachRootNodeStyles(this, [globalStyles]);
+    }
+    updated(props) {
+        super.updated(props);
+        this._internals.ariaModal = `${this.modal}`;
+        this._internals.states.add('bp-layer');
+    }
+};
+BpDialog = __decorate([
+    stateScrollLock(),
+    i18n({ key: 'actions' }),
+    typePopover(host => ({
+        focusTrap: host.modal,
+        open: host.open,
+        type: host.modal ? 'auto' : 'manual'
+    }))
+], BpDialog);
+export { BpDialog };

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { BpTypeElement } from '@blueprintui/components/internals';
+import { LitElement, PropertyValueMap } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/divider.js';
+ * ```
+ *
+ * ```html
+ * <bp-divider></bp-divider>
+ * ```
+ *
+ * @summary The divider component is used to visually separate content into distinct sections. It can be used to separate a group of related items or to indicate a change in content or context.
+ * @element bp-divider
+ * @since 1.0.0
+ * @cssprop --background
+ * @cssprop --size
+ */
+export declare class BpDivider extends LitElement implements Pick<BpTypeElement, keyof BpDivider> {
+    accessor orientation: 'horizontal' | 'vertical';
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    static get styles(): CSSStyleSheet[];
+    constructor();
+    protected updated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,40 @@
+import { attachInternals, baseStyles } from '@blueprintui/components/internals';
+import { html, LitElement } from 'lit';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/divider.js';
+ * ```
+ *
+ * ```html
+ * <bp-divider></bp-divider>
+ * ```
+ *
+ * @summary The divider component is used to visually separate content into distinct sections. It can be used to separate a group of related items or to indicate a change in content or context.
+ * @element bp-divider
+ * @since 1.0.0
+ * @cssprop --background
+ * @cssprop --size
+ */
+export class BpDivider extends LitElement {
+    static { this.properties = {
+        orientation: { type: String }
+    }; }
+    render() {
+        return html `<div part="internal"></div>`;
+    }
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    constructor() {
+        super();
+        attachInternals(this);
+        this._internals.role = 'separator';
+        this._internals.ariaOrientation = 'horizontal';
+        this.orientation = 'horizontal';
+    }
+    updated(props) {
+        super.updated(props);
+        this._internals.ariaOrientation = this.orientation;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+import { BpTypePopover } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/drawer.js';
+ * ```
+ *
+ * ```html
+ * <bp-drawer></bp-drawer>
+ * ```
+ *
+ * @summary The drawer component is used to provide a hidden off-screen section that can be revealed by the user. It is commonly used to provide additional navigation or content that is not immediately necessary, but can be easily accessed when needed.
+ * @element bp-drawer
+ * @since 1.0.0
+ * @event open - dispatched when the drawer is opened
+ * @event close - dispatched when the drawer is closed
+ * @slot - slot for drawer content
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --overflow
+ */
+export declare class BpDrawer extends LitElement implements Pick<BpTypePopover, keyof BpDrawer> {
+    /** determine if the drawer has a close button */
+    accessor closable: boolean;
+    /** determines drawer position relative to viewport */
+    accessor position: '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 styles: CSSStyleSheet[];
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}