@blueprintui/cli 0.0.8 → 0.0.9

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

@@ -1,8 +1,6 @@
 import { html, LitElement } from 'lit';
-import { ContextConsumer } from '@lit-labs/context';
-import { baseStyles, syncUpdatedProps } from '@blueprintui/components/internals';
+import { baseStyles } from '@blueprintui/components/internals';
 import styles from './element.css' assert { type: 'css' };
-import { controlContext, controlGroupContext } from '../utils/context.js';
 /**
  * Control Message
  *
@@ -28,23 +26,16 @@ import { controlContext, controlGroupContext } from '../utils/context.js';
  */
 export class BpControlMessage extends LitElement {
     static properties = {
-        status: { type: String, reflect: true },
-        error: { type: String, reflect: true },
-        disabled: { type: Boolean, reflect: true, attribute: '_disabled' }
+        status: { type: String },
+        error: { type: String, reflect: true }
     };
     static styles = [baseStyles, styles];
     //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
     constructor() {
         super();
-        /**
-         * Set the status of form control message validation
-         * @type {neutral | error | success}
-         */
+        /** Set the status of form control message validation */
         this.status = 'neutral';
-        this.disabled = false;
     }
-    controlContext = new ContextConsumer(this, controlContext, (value) => syncUpdatedProps(this, value), true);
-    controlGroupContext = new ContextConsumer(this, controlGroupContext, (value) => syncUpdatedProps(this, value), true);
     render() {
         return html `
       <div class="private-host">

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

@@ -31,9 +31,6 @@ export declare class BpFormGroup extends LitElement {
     layout: FormLayout;
     controlWidth: ControlWidth;
     responsive: boolean;
-    /** validate attribute to sync with HTML5 native validation https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation */
-    validate: boolean;
-    protected observers: (MutationObserver | ResizeObserver)[];
     static styles: CSSStyleSheet[];
     render(): import("lit-html").TemplateResult<1>;
     firstUpdated(props: PropertyValues<this>): void;

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

@@ -33,8 +33,7 @@ export class BpFormGroup extends LitElement {
     static properties = {
         layout: { type: String, reflect: true },
         controlWidth: { type: String, reflect: true, attribute: 'control-width' },
-        responsive: { type: Boolean, reflect: true },
-        validate: { type: Boolean, reflect: true }
+        responsive: { type: Boolean, reflect: true }
     };
     get #controls() {
         return this.querySelectorAll('[bp-control]');
@@ -42,7 +41,7 @@ export class BpFormGroup extends LitElement {
     get #groups() {
         return this.querySelectorAll('[bp-control-group]');
     }
-    observers = [];
+    #observers = [];
     get #controlsAndGroups() {
         return [...Array.from(this.#groups), ...Array.from(this.#controls)];
     }
@@ -53,8 +52,6 @@ export class BpFormGroup extends LitElement {
         /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
         this.layout = defaultFormLayout;
         this.responsive = true;
-        /** validate attribute to sync with HTML5 native validation https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation */
-        this.validate = false;
     }
     render() {
         return html `
@@ -70,16 +67,16 @@ export class BpFormGroup extends LitElement {
         this.#internals.role = 'group';
         this.#syncLayouts();
         this.#setControlLabelWidths();
-        this.observers.push(elementVisible(this, () => this.#setControlLabelWidths()));
+        this.#observers.push(elementVisible(this, () => this.#setControlLabelWidths()));
     }
     #formContext = new ContextProvider(this, formContext, {});
     updated(props) {
         super.updated(props);
-        this.#formContext.setValue({ layout: this.layout, responsive: this.responsive, controlWidth: this.controlWidth, validate: this.validate });
+        this.#formContext.setValue({ layout: this.layout, responsive: this.responsive, controlWidth: this.controlWidth });
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.observers.forEach(o => o.disconnect());
+        this.#observers.forEach(o => o.disconnect());
     }
     async #setControlLabelWidths() {
         if (this.layout === 'horizontal' || this.layout === 'horizontal-inline' || this.layout === 'compact') {

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

@@ -1,19 +1,14 @@
-import { ControlStatus, ControlWidth, FormLayout } from './interfaces.js';
+import { ControlWidth, FormLayout } from './interfaces.js';
 export interface FormContext {
     layout?: FormLayout;
     responsive?: boolean;
-    status?: ControlStatus;
-    disabled?: boolean;
     controlWidth?: ControlWidth;
-    validate?: boolean;
 }
 export declare const formContext: {
     __context__: FormContext;
 };
 export declare const controlGroupContext: {
-    __context__: FormContext & {
-        isControlGroup?: boolean;
-    };
+    __context__: FormContext;
 };
 export declare const controlContext: {
     __context__: FormContext;

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

@@ -1,22 +1,18 @@
 import { ControlLayout, FormLayout } from './interfaces.js';
 import { BpControl } from '../control/element.js';
-import { BpControlMessage } from '../control-message/element.js';
 import { BpInternalControlGroup } from '../control-group/element.js';
+import { BpControlMessage } from '../control-message/element.js';
 export declare const formLayouts: FormLayout[];
 export declare const defaultFormLayout = "horizontal";
 export declare const defaultControlWidth = "stretch";
 export declare function associateInputAndLabel(input: HTMLInputElement, label: HTMLLabelElement): void;
 export declare function associateInputToDatalist(input: HTMLInputElement, datalist: HTMLDataListElement): void;
-export declare function assignInputId(input: HTMLInputElement): void;
+export declare function setupControlMessageStatusUpdates(messages: BpControlMessage[], control: BpControl | BpInternalControlGroup): void;
 export declare const layoutGroupToControlMapper: {
     [key: string]: ControlLayout;
 };
-export declare function getStatusIcon(status: 'error' | 'success' | 'neutral'): import("lit-html").TemplateResult<1>;
+export declare function getStatusIcon(): import("lit-html").TemplateResult<1>;
 export declare function getLargestPrimaryLabelWidth(controls: (BpControl | BpInternalControlGroup)[]): Promise<string>;
 export declare function controlIsWrapped(input: HTMLElement, label: HTMLElement, layout: FormLayout): boolean;
 export declare function inlineControlListIsWrapped(inlineControls: BpControl[], layout: FormLayout): boolean;
 export declare function isVerticalLayout(layout: FormLayout): boolean;
-/**
- * Returns updated message status unless hidden then returns 'neutral'
- */
-export declare function getCurrentMessageStatus(messages: BpControlMessage[]): Promise<import("./interfaces.js").ControlStatus>;

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

@@ -1,25 +1,39 @@
 import { html } from 'lit';
-import { createId } from '@blueprintui/components/internals';
+import { createId, listenForAttributeListChange } from '@blueprintui/components/internals';
 export const formLayouts = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline', 'compact'];
 export const defaultFormLayout = 'horizontal';
 export const defaultControlWidth = 'stretch';
 export function associateInputAndLabel(input, label) {
     if (input && label) {
-        assignInputId(input);
+        input.id = input.id?.length ? input.id : createId();
         label.setAttribute('for', input.id);
     }
 }
 export function associateInputToDatalist(input, datalist) {
     if (datalist) {
-        assignInputId(input);
+        input.id = input.id?.length ? input.id : createId();
         datalist.id = `${input.id}-datalist`;
         input.setAttribute('list', datalist.id);
     }
 }
-export function assignInputId(input) {
-    if (!input.id.length) {
-        input.id = createId();
+// todo: test
+export function setupControlMessageStatusUpdates(messages, control) {
+    const update = (message) => {
+        control._internals.states.delete('--error');
+        control._internals.states.delete('--success');
+        if (!message.hidden && message.status?.length) {
+            control._internals.states.add(`--${message.status}`);
+        }
+    };
+    const message = Array.from(messages).find(m => !m.hidden);
+    if (message) {
+        update(message);
     }
+    listenForAttributeListChange(control, ['hidden', 'status'], ({ target }) => {
+        if (target.tagName === 'BP-CONTROL-MESSAGE') {
+            update(target);
+        }
+    });
 }
 export const layoutGroupToControlMapper = {
     'horizontal-inline': 'horizontal',
@@ -28,11 +42,13 @@ export const layoutGroupToControlMapper = {
     vertical: 'vertical',
     compact: 'compact',
 };
-export function getStatusIcon(status) {
-    return html `${status !== 'neutral'
-        ? html `<bp-button-icon readonly class="status">
-      <bp-icon .status=${status === 'error' ? 'danger' : 'success'} .shape=${status === 'error' ? 'exclamation-circle' : 'check-circle'} size="16" inner-offset=${1}></bp-icon>
-    </bp-button-icon>` : ''} `;
+export function getStatusIcon() {
+    return html `
+    <bp-button-icon readonly class="status">
+      <bp-icon status="danger" shape="exclamation-circle" size="sm" inner-offset="2"></bp-icon>
+      <bp-icon status="success" shape="check-circle" size="sm" inner-offset="2"></bp-icon>
+    </bp-button-icon>
+  `;
 }
 export async function getLargestPrimaryLabelWidth(controls) {
     return Promise.all(controls.map(c => c.updateComplete)).then(() => {
@@ -43,7 +59,7 @@ export async function getLargestPrimaryLabelWidth(controls) {
 export function controlIsWrapped(input, label, layout) {
     return (layout !== 'vertical' &&
         layout !== 'vertical-inline' &&
-        input.getBoundingClientRect().top > label?.getBoundingClientRect().top + 12 // 12px buffer for rounding and inputs that are thin like the range input
+        input.getBoundingClientRect().top > label?.getBoundingClientRect().top + 12 // 12px buffer for rounding
     );
 }
 export function inlineControlListIsWrapped(inlineControls, layout) {
@@ -55,11 +71,3 @@ export function inlineControlListIsWrapped(inlineControls, layout) {
 export function isVerticalLayout(layout) {
     return layout === 'vertical' || layout === 'vertical-inline';
 }
-/**
- * Returns updated message status unless hidden then returns 'neutral'
- */
-export async function getCurrentMessageStatus(messages) {
-    const message = messages.find(m => m.status !== 'neutral');
-    await message?.updateComplete;
-    return message && !message.hidden ? message.status : 'neutral';
-}

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

@@ -1,4 +1,3 @@
 import { BpControlMessage } from '../control-message/element.js';
 import { BpControl } from '../control/element.js';
-export declare type ValidityStateKey = 'valueMissing' | 'badInput' | 'customError' | 'patternMismatch' | 'rangeOverflow' | 'rangeUnderflow' | 'stepMismatch' | 'tooLong' | 'tooShort' | 'typeMismatch' | 'valid';
 export declare function syncHTML5Validation(control: BpControl, messages: BpControlMessage[]): void;

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

@@ -1,20 +1,22 @@
 export function syncHTML5Validation(control, messages) {
-    messages
-        .filter(m => m.hasAttribute('error'))
-        .forEach(m => {
-        m.setAttribute('hidden', '');
-        m.status = 'error';
-    });
-    control.inputControl.addEventListener('blur', () => control.inputControl.checkValidity());
-    control.inputControl.addEventListener('invalid', () => {
-        messages.forEach(message => message.setAttribute('hidden', ''));
-        messages.find(message => control.inputControl.validity[message.error])?.removeAttribute('hidden');
-        control.status = 'error';
-    });
-    control.inputControl.addEventListener('input', () => {
-        control.status = control.inputControl.validity.valid ? 'neutral' : control.status;
+    if (!control.inputControl?.form?.noValidate) {
         messages
-            .filter(m => control.inputControl.validity.valid && m.error && !control.inputControl.validity[m.error])
-            .forEach(message => message.setAttribute('hidden', ''));
-    });
+            .filter(m => m.hasAttribute('error'))
+            .forEach(m => {
+            m.setAttribute('hidden', '');
+            m.status = 'error';
+        });
+        control.inputControl.addEventListener('invalid', () => {
+            messages.forEach(message => message.setAttribute('hidden', ''));
+            messages.find(message => control.inputControl.validity[message.error])?.removeAttribute('hidden');
+        });
+        control.inputControl.addEventListener('input', () => {
+            if (control.inputControl.validity.valid) {
+                messages.filter(m => !m.hasAttribute('error')).forEach(m => m.removeAttribute('hidden'));
+            }
+            messages
+                .filter(m => control.inputControl.validity.valid && m.error && !control.inputControl.validity[m.error])
+                .forEach(message => message.setAttribute('hidden', ''));
+        });
+    }
 }

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

@@ -22,8 +22,6 @@ import '@blueprintui/components/include/header.js';
 import '@blueprintui/icons/include.js';
 import '@blueprintui/components/include/input-group.js';
 import '@blueprintui/components/include/input.js';
-import '@blueprintui/components/include/link.js';
-import '@blueprintui/components/include/list.js';
 import '@blueprintui/components/include/menu.js';
 import '@blueprintui/components/include/modal.js';
 import '@blueprintui/components/include/month.js';
@@ -40,7 +38,6 @@ import '@blueprintui/components/include/select.js';
 import '@blueprintui/components/include/switch.js';
 import '@blueprintui/components/include/tabs.js';
 import '@blueprintui/components/include/tag.js';
-import '@blueprintui/components/include/text.js';
 import '@blueprintui/components/include/textarea.js';
 import '@blueprintui/components/include/time.js';
 import '@blueprintui/components/include/tooltip.js';

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

@@ -22,8 +22,6 @@ import '@blueprintui/components/include/header.js';
 import '@blueprintui/icons/include.js';
 import '@blueprintui/components/include/input-group.js';
 import '@blueprintui/components/include/input.js';
-import '@blueprintui/components/include/link.js';
-import '@blueprintui/components/include/list.js';
 import '@blueprintui/components/include/menu.js';
 import '@blueprintui/components/include/modal.js';
 import '@blueprintui/components/include/month.js';
@@ -40,7 +38,6 @@ import '@blueprintui/components/include/select.js';
 import '@blueprintui/components/include/switch.js';
 import '@blueprintui/components/include/tabs.js';
 import '@blueprintui/components/include/tag.js';
-import '@blueprintui/components/include/text.js';
 import '@blueprintui/components/include/textarea.js';
 import '@blueprintui/components/include/time.js';
 import '@blueprintui/components/include/tooltip.js';

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

@@ -4,7 +4,9 @@ import '@blueprintui/icons/include.js';
 import '@blueprintui/icons/shapes/check-circle.js';
 import '@blueprintui/icons/shapes/exclamation-circle.js';
 import { BpFormGroup, BpControl, BpControlMessage, BpInternalControlInline, BpInternalControlLabel, BpInternalControlGroup } from '@blueprintui/components/forms';
+import { attachRootNodeStyles, indicatorStyles } from '@blueprintui/components/internals';
 new ContextRoot().attach(document.body);
+attachRootNodeStyles(document, [indicatorStyles]);
 customElements.get('bp-form-group') || customElements.define('bp-form-group', BpFormGroup);
 customElements.get('bp-control') || customElements.define('bp-control', BpControl);
 customElements.get('bp-control-message') || customElements.define('bp-control-message', BpControlMessage);

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

@@ -23,8 +23,6 @@ export declare const loader: {
     icon: () => Promise<typeof import("@blueprintui/icons/include.js")>;
     'input-group': () => Promise<typeof import("@blueprintui/components/include/input-group.js")>;
     input: () => Promise<typeof import("@blueprintui/components/include/input.js")>;
-    link: () => Promise<typeof import("@blueprintui/components/include/link.js")>;
-    list: () => Promise<typeof import("@blueprintui/components/include/list.js")>;
     menu: () => Promise<typeof import("@blueprintui/components/include/menu.js")>;
     modal: () => Promise<typeof import("@blueprintui/components/include/modal.js")>;
     month: () => Promise<typeof import("@blueprintui/components/include/month.js")>;
@@ -42,7 +40,6 @@ export declare const loader: {
     switch: () => Promise<typeof import("@blueprintui/components/include/switch.js")>;
     tabs: () => Promise<typeof import("@blueprintui/components/include/tabs.js")>;
     tag: () => Promise<typeof import("@blueprintui/components/include/tag.js")>;
-    text: () => Promise<typeof import("@blueprintui/components/include/text.js")>;
     textarea: () => Promise<typeof import("@blueprintui/components/include/textarea.js")>;
     time: () => Promise<typeof import("@blueprintui/components/include/time.js")>;
     tooltip: () => Promise<typeof import("@blueprintui/components/include/tooltip.js")>;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/include/lazy.js

@@ -23,8 +23,6 @@ export const loader = {
     'icon': () => import('@blueprintui/icons/include.js'),
     'input-group': () => import('@blueprintui/components/include/input-group.js'),
     'input': () => import('@blueprintui/components/include/input.js'),
-    'link': () => import('@blueprintui/components/include/link.js'),
-    'list': () => import('@blueprintui/components/include/list.js'),
     'menu': () => import('@blueprintui/components/include/menu.js'),
     'modal': () => import('@blueprintui/components/include/modal.js'),
     'month': () => import('@blueprintui/components/include/month.js'),
@@ -42,7 +40,6 @@ export const loader = {
     'switch': () => import('@blueprintui/components/include/switch.js'),
     'tabs': () => import('@blueprintui/components/include/tabs.js'),
     'tag': () => import('@blueprintui/components/include/tag.js'),
-    'text': () => import('@blueprintui/components/include/text.js'),
     'textarea': () => import('@blueprintui/components/include/textarea.js'),
     'time': () => import('@blueprintui/components/include/time.js'),
     'tooltip': () => import('@blueprintui/components/include/tooltip.js')

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class BaseButton extends LitElement implements Partial<HTMLButtonElement> {
+    pressed: boolean;
+    expanded: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    type: 'button' | 'submit';
+    name: string;
+    value: string;
+    readonly form: HTMLFormElement;
+    /** @private */
+    readonly _internals: ElementInternals;
+    static formAssociated: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,38 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { typeAnchor } from '../controllers/type-anchor.controller.js';
+import { typeButton } from '../controllers/type-button.controller.js';
+import { stateActive } from '../controllers/state-active.controller.js';
+import { stateDisabled } from '../controllers/state-disabled.controller.js';
+import { statePressed } from '../controllers/state-pressed.controller.js';
+import { stateExpanded } from '../controllers/state-expanded.controller.js';
+import { stateReadonly } from '../controllers/state-readonly.controller.js';
+let BaseButton = class BaseButton extends LitElement {
+    static properties = {
+        pressed: { type: Boolean, reflect: true },
+        expanded: { type: Boolean, reflect: true },
+        readonly: { type: Boolean, reflect: true },
+        disabled: { type: Boolean, reflect: true },
+        type: { type: String },
+        name: { type: String },
+        value: { type: String }
+    };
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+    }
+    static formAssociated = true;
+    render() {
+        return html `<div interaction class="private-host"><slot></slot></div>`;
+    }
+};
+BaseButton = __decorate([
+    typeButton(),
+    typeAnchor(),
+    stateReadonly(),
+    stateActive(),
+    statePressed(),
+    stateExpanded(),
+    stateDisabled()
+], BaseButton);
+export { BaseButton };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-active.controller.d.ts

@@ -1,6 +1,7 @@
 import { ReactiveController, ReactiveElement } from 'lit';
 declare type Active = ReactiveElement & {
     disabled: boolean;
+    readonly?: boolean;
     _internals?: ElementInternals;
 };
 /**

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-active.controller.js

@@ -1,4 +1,5 @@
 import { attachInternals } from '../utils/a11y.js';
+import { onKeys } from '../utils/events.js';
 /**
  * Shim fix for CSS psuedo-selector :active on keydown space/enter for custom elements
  */
@@ -14,19 +15,21 @@ export class StateActiveController {
     async hostConnected() {
         attachInternals(this.host);
         await this.host.updateComplete;
-        this.host.addEventListener('keydown', (e) => this.#emulateActive(e));
+        this.host.addEventListener('keypress', (e) => this.#emulateActive(e));
         this.host.addEventListener('mousedown', (e) => this.#emulateActive(e));
         this.host.addEventListener('keyup', () => this.#emulateInactive());
         this.host.addEventListener('blur', () => this.#emulateInactive());
         this.host.addEventListener('mouseup', () => this.#emulateInactive());
     }
-    #emulateActive(e) {
+    #emulateActive(event) {
         if (!this.host.disabled) {
             this.host._internals.states.add('--active');
         }
-        if (e.code === 'Space' && e.target === this.host && !this.host.contentEditable) {
-            e.preventDefault(); // prevent space bar scroll with button behavior
-        }
+        onKeys(['Enter', 'Space'], event, () => {
+            if (!this.host.disabled && !this.host.readonly) {
+                event.preventDefault();
+            }
+        });
     }
     #emulateInactive() {
         this.host._internals.states.delete('--active');

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-control.controller.d.ts

@@ -0,0 +1,17 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type Validity = 'valid' | 'invalid' | '';
+/**
+ * Tracks native form control state and applies states to host custom element.
+ */
+export declare type StateControl = ReactiveElement & {
+    inputControl: HTMLInputElement;
+    _internals?: ElementInternals;
+};
+export declare function stateControl<T extends StateControl>(): ClassDecorator;
+export declare class StateControlController<T extends StateControl> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-control.controller.js

@@ -0,0 +1,67 @@
+import { attachInternals } from '../utils/a11y.js';
+import { toggleState } from '../utils/dom.js';
+import { getElementUpdates } from '../utils/events.js';
+export function stateControl() {
+    return (target) => target.addInitializer((instance) => new StateControlController(instance));
+}
+export class StateControlController {
+    host;
+    #observers = [];
+    get #input() {
+        return (this.host.inputControl ? this.host.inputControl : this.host);
+    }
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+    }
+    async hostConnected() {
+        attachInternals(this.host);
+        await this.host.updateComplete;
+        this.#input.addEventListener('blur', () => {
+            this.#updateValidity();
+            this.host._internals.states.add('--touched');
+        });
+        this.#input.addEventListener('input', () => {
+            this.#updateValidity();
+            this.host._internals.states.add('--dirty');
+        });
+        this.host.inputControl.addEventListener('change', () => {
+            toggleState(this.host._internals, '--checked', this.host.inputControl.checked);
+            this.host.requestUpdate();
+        });
+        this.#observers.push(getElementUpdates(this.host.inputControl, 'size', (value) => {
+            toggleState(this.host._internals, '--size', value === '' ? true : value);
+            this.host.requestUpdate();
+        }), getElementUpdates(this.host.inputControl, 'multiple', (value) => {
+            toggleState(this.host._internals, '--multiple', value === '' ? true : value);
+            this.host.requestUpdate();
+        }), getElementUpdates(this.host.inputControl, 'readonly', (value) => {
+            toggleState(this.host._internals, '--readonly', value === '');
+            this.host.requestUpdate();
+        }), getElementUpdates(this.host.inputControl, 'checked', (value) => {
+            toggleState(this.host._internals, '--checked', value === '' ? true : value);
+            this.host.requestUpdate();
+        }), getElementUpdates(this.host.inputControl, 'aria-disabled', (value) => {
+            toggleState(this.host._internals, '--disabled', value === 'true');
+            this.host.requestUpdate();
+        }), getElementUpdates(this.host.inputControl, 'disabled', (value) => {
+            toggleState(this.host._internals, '--disabled', value === '' ? true : value);
+            this.host.requestUpdate();
+        }));
+    }
+    hostDisconnected() {
+        this.#observers.forEach(observer => observer.disconnect());
+    }
+    #updateValidity() {
+        this.#input.checkValidity();
+        if (this.#input.validity.valid) {
+            this.host._internals.states.add('--valid');
+            this.host._internals.states.delete('--invalid');
+        }
+        else {
+            this.host._internals.states.add('--invalid');
+            this.host._internals.states.delete('--valid');
+        }
+        this.host.requestUpdate();
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-disabled.controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveElement } from 'lit';
-export declare type AriaDisabled = ReactiveElement & {
+export declare type StateDisabled = ReactiveElement & {
     disabled: boolean;
     readonly?: boolean;
     _internals?: ElementInternals;
@@ -7,8 +7,8 @@ export declare type AriaDisabled = ReactiveElement & {
 /**
  * Provides all nessesary aria-* attributes to create valid disabled state for interactive components.
  */
-export declare function stateDisabled<T extends AriaDisabled>(): ClassDecorator;
-export declare class StateDisabledController<T extends AriaDisabled> implements ReactiveController {
+export declare function stateDisabled<T extends StateDisabled>(): ClassDecorator;
+export declare class StateDisabledController<T extends StateDisabled> implements ReactiveController {
     private host;
     constructor(host: T);
     hostConnected(): void;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-pressed.controller.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveController, ReactiveElement } from 'lit';
-export declare type AriaPressed = ReactiveElement & {
+export declare type StatePressed = ReactiveElement & {
     pressed: boolean;
     readonly?: boolean;
     _internals?: ElementInternals;
 };
-export declare function statePressed<T extends AriaPressed>(): ClassDecorator;
-export declare class StatePressedController<T extends AriaPressed> implements ReactiveController {
+export declare function statePressed<T extends StatePressed>(): ClassDecorator;
+export declare class StatePressedController<T extends StatePressed> implements ReactiveController {
     private host;
     constructor(host: T);
     hostConnected(): void;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-readonly.controller.d.ts

@@ -0,0 +1,12 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type StateReadonly = ReactiveElement & {
+    readonly: boolean;
+    _internals?: ElementInternals;
+};
+export declare function stateReadonly<T extends StateReadonly>(): ClassDecorator;
+export declare class StateReadonlyController<T extends StateReadonly> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-readonly.controller.js

@@ -0,0 +1,22 @@
+import { attachInternals } from '../utils/a11y.js';
+export function stateReadonly() {
+    return (target) => target.addInitializer((instance) => new StateReadonlyController(instance));
+}
+export class StateReadonlyController {
+    host;
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+    }
+    hostConnected() {
+        attachInternals(this.host);
+    }
+    hostUpdated() {
+        if (this.host.readonly) {
+            this.host._internals.states.add('--readonly');
+        }
+        else {
+            this.host._internals.states.delete('--readonly');
+        }
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/internals/controllers/state-selected.controller.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type StateSelected = ReactiveElement & {
+    selected: boolean;
+    readonly?: boolean;
+    _internals?: ElementInternals;
+};
+export declare function stateSelected<T extends StateSelected>(): ClassDecorator;
+export declare class StateSelectedController<T extends StateSelected> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}