@blueprintui/cli 0.0.4 → 0.0.7

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

@@ -0,0 +1,39 @@
+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 properties = {
+        tab: { state: true }
+    };
+    static styles = [baseStyles, styles];
+    #internals = this.attachInternals();
+    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}`);
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/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' | 'veritcal';
+    tabPanel: BpTabPanel;
+    static styles: CSSStyleSheet[];
+    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/dist/lib/tabs/tab/element.js

@@ -0,0 +1,50 @@
+import { html } from 'lit';
+import { BaseButton, baseStyles, interactionStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tabs.js';
+ * ```
+ *
+ * ```html
+ * <bp-tab></bp-tab>
+ * ```
+ *
+ * @element bp-tab
+ * @slot
+ * @cssprop --background
+ */
+export class BpTab extends BaseButton {
+    static properties = {
+        selected: { type: Boolean, reflect: true },
+        _layout: { type: String, reflect: true },
+        tabPanel: { state: true }
+    };
+    static styles = [baseStyles, interactionStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.selected = false;
+        /** @private */
+        this._layout = 'horizontal';
+    }
+    render() {
+        return html `
+      <div interaction class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.role = 'tab';
+        this._internals.ariaSelected = 'false';
+    }
+    updated(props) {
+        super.updated(props);
+        this._internals.ariaSelected = `${this.selected}`;
+        if (this.tabPanel) {
+            this.tabPanel.hidden = !this.selected;
+        }
+    }
+}

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

@@ -0,0 +1,18 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tag.js';
+ * ```
+ *
+ * ```html
+ * <bp-tag status="accent">item</bp-tag>
+ * ```
+ *
+ * @element bp-tag
+ * @slot - badge content
+ * @cssprop --background
+ */
+export declare class BpTag extends BaseButton {
+    status: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+    static styles: CSSStyleSheet[];
+}

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

@@ -0,0 +1,26 @@
+import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tag.js';
+ * ```
+ *
+ * ```html
+ * <bp-tag status="accent">item</bp-tag>
+ * ```
+ *
+ * @element bp-tag
+ * @slot - badge content
+ * @cssprop --background
+ */
+export class BpTag extends BaseButton {
+    static properties = {
+        status: { type: String, reflect: true }
+    };
+    static styles = [baseStyles, interactionStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.status = 'neutral';
+    }
+}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { TemplateResult } from 'lit';
+export declare function createTestElement(template?: TemplateResult): Promise<HTMLElement>;
+export declare function removeTestElement(element: HTMLElement): void;
+export declare function componentIsStable(component: any): Promise<any>;
+export declare function emulateClick(component: HTMLElement | Element): void;
+/** helpful for capturing a single event in a async test */
+export declare function onceEvent(element: HTMLElement | Document, event: string): Promise<any>;

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

@@ -0,0 +1,60 @@
+import { render } from 'lit';
+export function createTestElement(template) {
+    const element = document.createElement('div');
+    document.body.appendChild(element);
+    if (template) {
+        render(template, element);
+    }
+    return Promise.all(Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))).then(() => element);
+}
+export function removeTestElement(element) {
+    element.remove();
+}
+function retry(fn, maxTries = 10, promise, promiseObject = {
+    resolve: null,
+    reject: null,
+}) {
+    maxTries--;
+    promise =
+        promise ||
+            new Promise((resolve, reject) => {
+                promiseObject.resolve = resolve;
+                promiseObject.reject = reject;
+            });
+    fn()
+        .then((result) => {
+        promiseObject.resolve(result);
+    })
+        .catch(() => {
+        if (maxTries > 0) {
+            retry(fn, maxTries, promise, promiseObject);
+        }
+        else {
+            promiseObject.reject('Max attempts reached');
+        }
+    });
+    return promise;
+}
+export function componentIsStable(component) {
+    return retry(() => new Promise(async (resolve, reject) => {
+        const stable = await component.updateComplete;
+        if (stable) {
+            resolve('success');
+        }
+        else {
+            reject('error');
+        }
+    }));
+}
+export function emulateClick(component) {
+    const event1 = new MouseEvent('mousedown');
+    const event2 = new MouseEvent('mouseup');
+    const event3 = new MouseEvent('click');
+    component.dispatchEvent(event1);
+    component.dispatchEvent(event2);
+    component.dispatchEvent(event3);
+}
+/** helpful for capturing a single event in a async test */
+export function onceEvent(element, event) {
+    return new Promise(resolve => element.addEventListener(event, e => resolve(e)));
+}

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

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/text.js';
+ * ```
+ *
+ * ```html
+ * <bp-text></bp-text>
+ * ```
+ *
+ * @element bp-text
+ * @slot - text content
+ * @cssprop --background
+ */
+export declare class BpText extends LitElement {
+    #private;
+    static styles: CSSStyleSheet[];
+    type: 'display' | 'heading' | 'section' | 'subsection' | 'content' | 'message' | 'caption';
+    as: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    href?: string;
+    target: '_blank' | '_parent' | '_self' | '_top';
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    updated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,60 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/text.js';
+ * ```
+ *
+ * ```html
+ * <bp-text></bp-text>
+ * ```
+ *
+ * @element bp-text
+ * @slot - text content
+ * @cssprop --background
+ */
+export class BpText extends LitElement {
+    static properties = {
+        type: { type: String, reflect: true },
+        as: { type: String },
+        href: { type: String },
+        target: { type: String }
+    };
+    static styles = [baseStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.type = 'content';
+        this.as = 'p';
+        this.target = '_self';
+    }
+    #internals = this.attachInternals();
+    render() {
+        return html `${this.href ? html `<a href=${this.href} target=${this.target}><slot></slot></a>` : html `<slot></slot>`}`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#setAria();
+    }
+    updated(props) {
+        super.updated(props);
+        this.#setAria();
+    }
+    #setAria() {
+        if (this.as !== 'p') {
+            this.#setHeading();
+        }
+        else if (!this.href) {
+            this.#setParagraph();
+        }
+    }
+    #setHeading() {
+        this.#internals.role = 'heading';
+        this.#internals.ariaLevel = `${this.as.split('')[1]}`;
+    }
+    #setParagraph() {
+        this.#internals.role = 'paragraph';
+        this.#internals.ariaLevel = null;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Form
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/textarea.js';
+ * ```
+ *
+ * ```html
+ * <bp-textarea>
+ *   <label>textarea</label>
+ *   <textarea></textarea>
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-textarea>
+ * ```
+ * @element bp-textarea
+ * @slot - For projecting textarea
+ * @cssprop --background
+ */
+export declare class BpTextarea extends BpControl {
+    protected supportsPrefixSuffixActions: boolean;
+    static get styles(): CSSStyleSheet[];
+}

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

@@ -0,0 +1,26 @@
+import { BpControl } from '@blueprintui/components/forms';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Form
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/textarea.js';
+ * ```
+ *
+ * ```html
+ * <bp-textarea>
+ *   <label>textarea</label>
+ *   <textarea></textarea>
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-textarea>
+ * ```
+ * @element bp-textarea
+ * @slot - For projecting textarea
+ * @cssprop --background
+ */
+export class BpTextarea extends BpControl {
+    supportsPrefixSuffixActions = false;
+    static get styles() {
+        return [...super.styles, styles];
+    }
+}

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { PropertyValues } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Time Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/time.js';
+ * ```
+ *
+ * ```html
+ * <bp-time>
+ *   <label>time</label>
+ *   <input type="time" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-time>
+ * ```
+ *
+ * @beta
+ * @element bp-time
+ * @slot
+ */
+export declare class BpTime extends BpControl {
+    protected get suffixTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSStyleSheet[];
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,35 @@
+import { html } from 'lit';
+import { attachRootNodeStyles, indicatorStyles } from '@blueprintui/components/internals';
+import { BpControl } from '@blueprintui/components/forms';
+import { styles as inputStyles } from '@blueprintui/components/input';
+/**
+ * Time Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/time.js';
+ * ```
+ *
+ * ```html
+ * <bp-time>
+ *   <label>time</label>
+ *   <input type="time" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-time>
+ * ```
+ *
+ * @beta
+ * @element bp-time
+ * @slot
+ */
+export class BpTime extends BpControl {
+    get suffixTemplate() {
+        return html `<bp-button-icon shape="clock" readonly></bp-button-icon>`;
+    }
+    static get styles() {
+        return [...super.styles, inputStyles];
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        attachRootNodeStyles(this, [indicatorStyles]);
+    }
+}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { PropertyValueMap } from 'lit';
+import { BpPopup } from '@blueprintui/components/popup';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tooltip.js';
+ * ```
+ *
+ * ```html
+ * <bp-tooltip></bp-tooltip>
+ * ```
+ *
+ * @element bp-tooltip
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpTooltip extends BpPopup {
+    #private;
+    static get styles(): CSSStyleSheet[];
+    get arrow(): HTMLElement;
+    get arrowTemplate(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    protected firstUpdated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,38 @@
+import { html } from 'lit';
+import { arrow, offset } from '@floating-ui/dom';
+import { BpPopup } from '@blueprintui/components/popup';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/tooltip.js';
+ * ```
+ *
+ * ```html
+ * <bp-tooltip></bp-tooltip>
+ * ```
+ *
+ * @element bp-tooltip
+ * @slot - content
+ * @cssprop --background
+ */
+export class BpTooltip extends BpPopup {
+    #internals = this.attachInternals();
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    /* @private */
+    get arrow() {
+        return this.shadowRoot.querySelector('[part=arrow]');
+    }
+    get arrowTemplate() {
+        return html `<div part="arrow"></div>`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#internals.role = 'tooltip';
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.popupController.middleware = [arrow({ element: this.arrow, padding: 2 }), offset(15)];
+    }
+}

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

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

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

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

package/src/custom-elements-manifest.config.mjs

@@ -0,0 +1,60 @@
+// import { readonlyPlugin } from 'cem-plugin-readonly';
+import { resolve } from 'path';
+
+const cwd = process.cwd();
+const baseSrc = resolve(cwd, 'src');
+
+let userConfig = { };
+if (process.env.BLUEPRINTUI_CONFIG) {
+  userConfig = await import(process.env.BLUEPRINTUI_CONFIG);
+}
+
+const config = {
+  baseDir: './src',
+  outDir: './dist/lib',
+  ...userConfig?.default?.library
+};
+
+export default {
+  globs: [resolve(cwd, config.baseDir)],
+  exclude: [
+    `${resolve(cwd, config.baseDir)}/**/*.test.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.spec.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.a11y.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.performance.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.stories.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.examples.js`
+],
+  outdir: config.outDir,
+  litelement: true,
+  plugins: [tsExtension(), baseDir(), orderElements()],
+};
+
+export function orderElements() {
+  return {
+    name: 'order-elements',
+    packageLinkPhase({ customElementsManifest }) {
+      customElementsManifest.modules.sort((a, b) => (a.path < b.path ? -1 : 1));
+    },
+  };
+}
+
+export function baseDir() {
+  return {
+    name: 'base-dir',
+    packageLinkPhase({ customElementsManifest }) {
+      customElementsManifest.modules = JSON.parse(
+        JSON.stringify(customElementsManifest.modules).replaceAll(`"/${baseSrc}`, '"').replaceAll(`"${baseSrc}`, '"')
+      );
+    },
+  };
+}
+
+export function tsExtension() {
+  return {
+    name: 'ts-extensions',
+    packageLinkPhase({ customElementsManifest }) {
+      customElementsManifest.modules = JSON.parse(JSON.stringify(customElementsManifest.modules).replace(/\.ts"/g, '.js"'));
+    },
+  };
+}

package/{import-assert.mjs → src/import-assert.mjs}

@@ -1,4 +1,4 @@
-import path from 'path';
+import { path } from 'zx';
 
 // temp workaround due to package "string-to-template-literal" not shipping valid esm module