@blueprintui/cli 0.0.7 → 0.0.10

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

@@ -1,4 +1,5 @@
 import { attachInternals } from '../utils/a11y.js';
+import { onKeys, stopEvent } from '../utils/events.js';
 /**
  * Provides nessesary attributes for indicating a non-button element as an accessible button type.
  */
@@ -9,22 +10,71 @@ export class TypeButtonController {
     host;
     constructor(host) {
         this.host = host;
+        attachInternals(this.host);
         this.host.addController(this);
     }
     hostConnected() {
-        attachInternals(this.host);
         this.host.tabIndex = 0; // element can be focused synchronously
+        Object.defineProperty(this.host, 'form', { get: () => this.host._internals.form });
     }
     async hostUpdated() {
         await this.host.updateComplete;
+        this.#updateFocus();
+        this.#updateRole();
+        this.#updateType();
+        this.#updateReadonly();
+        this.#updateEventListeners();
+    }
+    #updateRole() {
         if (!this.host._internals.role) {
             this.host._internals.role = 'button';
         }
+    }
+    #updateType() {
+        if (!this.host.type && this.host.closest('form')) {
+            this.host.type = 'submit';
+        }
+    }
+    #updateFocus() {
         this.host.tabIndex = !this.host.disabled ? 0 : -1;
+    }
+    #updateReadonly() {
         if (this.host.readonly) {
             this.host._internals.role = null;
             this.host.tabIndex = null;
             this.host.removeAttribute('tabindex');
         }
     }
+    #updateEventListeners() {
+        if (this.host.readonly || this.host.disabled) {
+            this.host.removeEventListener('click', this.#click.bind(this));
+            this.host.removeEventListener('keyup', this.#keyup.bind(this));
+        }
+        else {
+            this.host.addEventListener('click', this.#click.bind(this));
+            this.host.addEventListener('keyup', this.#keyup.bind(this));
+        }
+    }
+    #click(event) {
+        if (this.host.disabled) {
+            stopEvent(event);
+        }
+        else if (this.host.type === 'submit') {
+            const event = new SubmitEvent('submit', { cancelable: true });
+            this.host._internals.form.dispatchEvent(event);
+            if (!event.defaultPrevented) {
+                this.host._internals.form.submit();
+            }
+        }
+    }
+    #keyup(event) {
+        onKeys(['Enter', 'Space'], event, () => {
+            if (this.host.disabled) {
+                stopEvent(event);
+            }
+            else {
+                this.host.click();
+            }
+        });
+    }
 }

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

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type TypeClosable = ReactiveElement & {
+    closable: boolean;
+};
+/**
+ * Provides closable interaction behavior to a component.
+ */
+export declare function typeClosable<T extends TypeClosable>(): ClassDecorator;
+export declare class TypeClosableController<T extends TypeClosable> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    close(): void;
+}

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

@@ -0,0 +1,30 @@
+import { attachInternals } from '../utils/a11y.js';
+/**
+ * Provides closable interaction behavior to a component.
+ */
+export function typeClosable() {
+    return (target) => target.addInitializer((instance) => {
+        if (!instance.typeClosableController) {
+            Object.defineProperty(instance, 'typeClosableController', {
+                value: new TypeClosableController(instance),
+                writable: false
+            });
+        }
+        return instance.typeClosableController;
+    });
+}
+export class TypeClosableController {
+    host;
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+    }
+    hostConnected() {
+        attachInternals(this.host);
+    }
+    close() {
+        if (this.host.closable) {
+            this.host.dispatchEvent(new CustomEvent('close'));
+        }
+    }
+}

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

@@ -4,13 +4,13 @@ import { listenForAttributeChange } from '../utils/events';
  */
 export function typeDialog() {
     return (target) => target.addInitializer((instance) => {
-        if (!instance.dialogController) {
-            Object.defineProperty(instance, 'dialogController', {
+        if (!instance.typeDialogController) {
+            Object.defineProperty(instance, 'typeDialogController', {
                 value: new TypeDialogController(instance),
                 writable: false
             });
         }
-        return instance.dialogController;
+        return instance.typeDialogController;
     });
 }
 export class TypeDialogController {

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

@@ -0,0 +1,27 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type FormControlBase = {
+    formAssociated?: true;
+    form: HTMLFormElement;
+    name: string;
+    type: string;
+    validity: any;
+    validationMessage: string;
+    willValidate: boolean;
+    labels: NodeListOf<HTMLLabelElement>;
+    checkValidity: () => any;
+    reportValidity: () => any;
+};
+export declare type FormControl = FormControlBase & {
+    _internals?: ElementInternals;
+    checked?: boolean;
+    type?: string;
+    disabled: boolean;
+    value: string;
+};
+export declare function typeFormControl<T extends FormControl & ReactiveElement>(): ClassDecorator;
+export declare class TypeFormControlController<T extends FormControl & ReactiveElement> implements ReactiveController {
+    private host;
+    constructor(host: T & FormControl);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

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

@@ -0,0 +1,34 @@
+import { attachInternals } from '../utils/a11y.js';
+import { StateActiveController } from './state-active.controller.js';
+import { StateDisabledController } from './state-disabled.controller.js';
+export function typeFormControl() {
+    return (target) => target.addInitializer((instance) => new TypeFormControlController(instance));
+}
+export class TypeFormControlController {
+    host;
+    constructor(host) {
+        this.host = host;
+        attachInternals(this.host);
+        new StateDisabledController(this.host);
+        new StateActiveController(this.host);
+        this.host.addController(this);
+        this.host._internals.role = 'none';
+        Object.defineProperty(this.host, 'form', { get: () => this.host._internals.form });
+        Object.defineProperty(this.host, 'name', { get: () => this.host.getAttribute('name') });
+        Object.defineProperty(this.host, 'labels', { get: () => this.host._internals.labels });
+        Object.defineProperty(this.host, 'validity', { get: () => this.host._internals.validity });
+        Object.defineProperty(this.host, 'validationMessage', { get: () => this.host._internals.validationMessage });
+        Object.defineProperty(this.host, 'willValidate', { get: () => this.host._internals.willValidate });
+        this.host.checkValidity = () => this.host._internals.checkValidity();
+        this.host.reportValidity = () => this.host._internals.reportValidity();
+    }
+    hostConnected() {
+        this.host.setAttribute('bp-control', '');
+    }
+    hostUpdated() {
+        this.host._internals.setFormValue(this.host.value);
+        if (this.host.checked === false) {
+            this.host._internals.setFormValue(null);
+        }
+    }
+}

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

@@ -1,13 +1,13 @@
 import { computePosition, autoUpdate, autoPlacement } from '@floating-ui/dom';
 export function typePopup() {
     return (target) => target.addInitializer((instance) => {
-        if (!instance.popupController) {
-            Object.defineProperty(instance, 'popupController', {
+        if (!instance.typePopupController) {
+            Object.defineProperty(instance, 'typePopupController', {
                 value: new TypePopupController(instance),
                 writable: false
             });
         }
-        return instance.popupController;
+        return instance.typePopupController;
     });
 }
 export class TypePopupController {

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

@@ -1,5 +1,5 @@
 export * from './styles/styles.js';
-export * from './base/button.js';
+export * from './components/button.js';
 export * from './controllers/aria-group.controller.js';
 export * from './controllers/aria-menu.controller.js';
 export * from './controllers/aria-multiselectable.controller.js';
@@ -13,13 +13,17 @@ export * from './controllers/key-grid.controller.js';
 export * from './controllers/key-list.controller.js';
 export * from './controllers/state-active.controller.js';
 export * from './controllers/state-disabled.controller.js';
+export * from './controllers/state-control.controller.js';
 export * from './controllers/state-expanded.controller.js';
 export * from './controllers/state-pressed.controller.js';
+export * from './controllers/state-readonly.controller.js';
+export * from './controllers/state-selected.controller.js';
 export * from './controllers/type-anchor.controller.js';
 export * from './controllers/type-button.controller.js';
+export * from './controllers/type-closable.controller.js';
 export * from './controllers/type-dialog.controller.js';
+export * from './controllers/type-form.controller.js';
 export * from './controllers/type-popup.controller.js';
-export * from './controllers/type-submit.controller.js';
 export * from './interfaces/interfaces.js';
 export * from './services/global.service.js';
 export * from './services/i18n.service.js';

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

@@ -1,5 +1,5 @@
 export * from './styles/styles.js';
-export * from './base/button.js';
+export * from './components/button.js';
 export * from './controllers/aria-group.controller.js';
 export * from './controllers/aria-menu.controller.js';
 export * from './controllers/aria-multiselectable.controller.js';
@@ -13,13 +13,17 @@ export * from './controllers/key-grid.controller.js';
 export * from './controllers/key-list.controller.js';
 export * from './controllers/state-active.controller.js';
 export * from './controllers/state-disabled.controller.js';
+export * from './controllers/state-control.controller.js';
 export * from './controllers/state-expanded.controller.js';
 export * from './controllers/state-pressed.controller.js';
+export * from './controllers/state-readonly.controller.js';
+export * from './controllers/state-selected.controller.js';
 export * from './controllers/type-anchor.controller.js';
 export * from './controllers/type-button.controller.js';
+export * from './controllers/type-closable.controller.js';
 export * from './controllers/type-dialog.controller.js';
+export * from './controllers/type-form.controller.js';
 export * from './controllers/type-popup.controller.js';
-export * from './controllers/type-submit.controller.js';
 export * from './interfaces/interfaces.js';
 export * from './services/global.service.js';
 export * from './services/i18n.service.js';

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

@@ -1,7 +1,6 @@
 declare global {
     interface Window {
         blueprintuiGlobal: GlobalState;
-        blueprintuiGlobalChannelId: string;
         structuredClone: <T>(value: T, transferables?: any) => T;
     }
 }
@@ -10,7 +9,6 @@ export interface BpState {
         production: boolean;
     };
     i18nRegistry: Readonly<Record<string, any>>;
-    iconRegistry: Readonly<Record<string, unknown>>;
 }
 export declare class GlobalState {
     #private;

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

@@ -5,7 +5,6 @@ export class GlobalState {
     #state = {
         environment: { production: false },
         i18nRegistry: {},
-        iconRegistry: {},
     };
     stateUpdate = this.#stateUpdate.toEventObservable();
     get state() {

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

@@ -1,3 +1,4 @@
 export declare function attachInternals(element: HTMLElement & {
     _internals?: ElementInternals;
 }): void;
+export declare function associateAriaDescribedBy(element: HTMLElement, descriptions: HTMLElement[]): void;

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

@@ -1,3 +1,4 @@
+import { createId } from './string.js';
 export function attachInternals(element) {
     try {
         element._internals = element.attachInternals();
@@ -6,3 +7,9 @@ export function attachInternals(element) {
         return;
     }
 }
+export function associateAriaDescribedBy(element, descriptions) {
+    element.setAttribute('aria-describedby', descriptions.map(d => {
+        d.id = d.id?.length ? d.id : createId();
+        return d.id;
+    }).join(' '));
+}

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

@@ -1,3 +1,4 @@
 export declare function attachRootNodeStyles(host: HTMLElement | Element | ParentNode, styles: CSSStyleSheet[]): void;
 /** right click with context menus & keyboard mouse control https://apple.stackexchange.com/questions/32715/how-do-i-open-the-context-menu-from-a-mac-keyboard */
 export declare function contextMenuClick(event: MouseEvent): boolean;
+export declare function toggleState(internals: ElementInternals, state: string, value: boolean): void;

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

@@ -7,3 +7,11 @@ export function attachRootNodeStyles(host, styles) {
 export function contextMenuClick(event) {
     return (event.buttons === 2 && !event.ctrlKey) || (event.buttons === 1 && event.ctrlKey);
 }
+export function toggleState(internals, state, value) {
+    if (value) {
+        internals.states.add(state);
+    }
+    else {
+        internals.states.delete(state);
+    }
+}

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

@@ -3,5 +3,5 @@ export declare function onKeys(events: string[], event: KeyboardEvent, fn: () =>
 export declare const getElementUpdates: (element: HTMLElement, propertyKey: string, fn: (value: any) => void) => MutationObserver;
 export declare function listenForAttributeChange(element: HTMLElement, attrName: string, fn: (attrValue: string | null) => void): MutationObserver;
 export declare function onChildListMutation(element: HTMLElement, fn: (mutation?: MutationRecord) => void): MutationObserver;
-export declare function listenForAttributeListChange(element: HTMLElement, attrNames: string[], fn: (attrValue: string | null) => void): MutationObserver;
+export declare function listenForAttributeListChange(element: HTMLElement, attrNames: string[], fn: (mutation: MutationRecord) => void): MutationObserver;
 export declare function onFirstInteraction(element: HTMLElement): Promise<null>;

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

@@ -50,7 +50,7 @@ export function listenForAttributeListChange(element, attrNames, fn) {
     const observer = new MutationObserver(mutations => {
         const mutation = mutations.find(m => attrNames.find(i => m.attributeName === i));
         if (mutation) {
-            fn(element.getAttribute(mutation.attributeName));
+            fn(mutation);
         }
     });
     observer.observe(element, { attributes: true, attributeFilter: attrNames, subtree: true });

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

@@ -1,4 +1,3 @@
-import { PropertyValues } from 'lit';
 import { BpControl } from '@blueprintui/components/forms';
 /**
  * Month Input
@@ -22,5 +21,4 @@ import { BpControl } from '@blueprintui/components/forms';
 export declare class BpMonth 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/month/element.js

@@ -1,6 +1,5 @@
 import { html } from 'lit';
 import { BpControl } from '@blueprintui/components/forms';
-import { attachRootNodeStyles, indicatorStyles } from '@blueprintui/components/internals';
 import { styles as inputStyles } from '@blueprintui/components/input';
 /**
  * Month Input
@@ -23,13 +22,9 @@ import { styles as inputStyles } from '@blueprintui/components/input';
  */
 export class BpMonth extends BpControl {
     get suffixTemplate() {
-        return html `<bp-button-icon shape="calendar" readonly></bp-button-icon>`;
+        return html `<bp-button-icon shape="calendar" @click=${() => this.inputControl.showPicker()}></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/nav/element.d.ts

@@ -17,6 +17,34 @@ export declare class BpNav extends LitElement {
     #private;
     expanded: boolean;
     expandable: boolean;
+    i18n: {
+        sort: 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;
+    };
     get ref(): {
         items: NodeListOf<BpNavItem>;
     };

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

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
-import { ariaNavigation, baseStyles, elevationStyles, keyList } from '@blueprintui/components/internals';
+import { ariaNavigation, baseStyles, elevationStyles, I18nService, keyList, stateExpanded, toggleState } from '@blueprintui/components/internals';
 import styles from './element.css' assert { type: 'css' };
 /**
  * ```typescript
@@ -18,12 +18,14 @@ import styles from './element.css' assert { type: 'css' };
 let BpNav = class BpNav extends LitElement {
     static properties = {
         expanded: { type: Boolean, reflect: true },
-        expandable: { type: Boolean, reflect: true }
+        expandable: { type: Boolean, reflect: true },
+        i18n: { type: Object }
     };
     constructor() {
         super(...arguments);
         this.expanded = false;
         this.expandable = false;
+        this.i18n = I18nService.keys.actions;
     }
     get ref() {
         return {
@@ -38,13 +40,13 @@ let BpNav = class BpNav extends LitElement {
     }
     render() {
         return html `
-    <div elevation class="private-host">
-      ${this.expandable ? html `
-        <bp-nav-item @click=${this.#change}>
-          <bp-icon shape="angle" .direction=${this.expanded ? 'left' : 'right'}></bp-icon>
-        </bp-nav-item>` : ''}
-      <slot></slot>
-    </div>
+      <div elevation class="private-host">
+        ${this.expandable ? html `
+          <bp-nav-item @click=${this.#change} aria-label=${this.expanded ? this.i18n.close : this.i18n.expand}>
+            <bp-icon shape="angle" .direction=${this.expanded ? 'left' : 'right'}></bp-icon>
+          </bp-nav-item>` : ''}
+        <slot></slot>
+      </div>
     `;
     }
     async connectedCallback() {
@@ -55,13 +57,14 @@ let BpNav = class BpNav extends LitElement {
     }
     updated(props) {
         super.updated(props);
-        this.#items.forEach(i => i._expanded = this.expanded);
+        this.#items.forEach(i => toggleState(i._internals, '--group-expanded', this.expanded));
     }
     #change() {
         this.dispatchEvent(new CustomEvent('change', { detail: this.expanded }));
     }
 };
 BpNav = __decorate([
+    stateExpanded(),
     ariaNavigation(),
     keyList({ layout: 'both', loop: true })
 ], BpNav);

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

@@ -8,8 +8,6 @@ import { BaseButton } from '@blueprintui/components/internals';
  */
 export declare class BpNavItem extends BaseButton {
     #private;
-    /** @private */
-    _expanded: boolean;
     selected: boolean;
     static styles: CSSStyleSheet[];
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1,6 +1,6 @@
+import { __decorate } from "tslib";
 import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import { baseStyles, interactionStyles, BaseButton, stateSelected } from '@blueprintui/components/internals';
 import styles from './element.css' assert { type: 'css' };
 /**
  * Nav Item
@@ -9,33 +9,28 @@ import styles from './element.css' assert { type: 'css' };
  * @slot - content
  * @cssprop --background
  */
-export class BpNavItem extends BaseButton {
+let BpNavItem = class BpNavItem extends BaseButton {
     static properties = {
-        _expanded: { type: Boolean, reflect: true },
         selected: { type: Boolean, reflect: true }
     };
-    static styles = [baseStyles, interactionStyles, styles];
-    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
     constructor() {
-        super();
-        /** @private */
-        this._expanded = false;
+        super(...arguments);
         this.selected = false;
     }
+    static styles = [baseStyles, interactionStyles, styles];
     get #icons() {
         return this.querySelectorAll('bp-icon');
     }
     render() {
         return html `<div interaction class="private-host">
-      ${this.href ? html `
-        <a href=${this.href} target=${ifDefined(this.target)}>
-          <slot name="icon"></slot>
-          <slot default @slotchange=${this.#updateSlots}></slot>
-        </a>`
-            : html `<slot name="icon"></slot><slot default @slotchange=${this.#updateSlots}></slot>`}
+      <slot name="icon"></slot><slot default @slotchange=${this.#updateSlots}></slot>
     </div>`;
     }
     #updateSlots() {
         this.#icons.forEach(i => i.slot = 'icon');
     }
-}
+};
+BpNavItem = __decorate([
+    stateSelected()
+], BpNavItem);
+export { BpNavItem };

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { Position, TypeDialogController, TypePopupController } from '@blueprintui/components/internals';
+import { Position, TypeDialogController, TypePopupController, TypeClosableController } from '@blueprintui/components/internals';
 /**
  * ```typescript
  * import '@blueprintui/components/include/popup.js';
@@ -27,7 +27,8 @@ export declare class BpPopup extends LitElement {
     get popup(): HTMLElement;
     get dialog(): HTMLElement;
     protected get arrowTemplate(): import("lit-html").TemplateResult<1>;
-    protected dialogController: TypeDialogController<this>;
-    protected popupController: TypePopupController<this>;
+    protected typeDialogController: TypeDialogController<this>;
+    protected typePopupController: TypePopupController<this>;
+    protected typeClosableController: TypeClosableController<this>;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
-import { baseStyles, typePopup, typeDialog } from '@blueprintui/components/internals';
+import { baseStyles, typePopup, typeDialog, typeClosable } from '@blueprintui/components/internals';
 import styles from './element.css' assert { type: 'css' };
 /**
  * ```typescript
@@ -49,7 +49,7 @@ let BpPopup = class BpPopup extends LitElement {
         return html `
     ${this.arrowTemplate}
     <div class="focus-wrap"></div>
-    ${this.closable ? html `<bp-button-icon @click=${() => this.dialogController.close()} aria-label="close modal" shape="close" type="button"></bp-button-icon>` : ''}
+    ${this.closable ? html `<bp-button-icon @click=${() => this.typeClosableController.close()} aria-label="close modal" shape="close" type="button"></bp-button-icon>` : ''}
     <slot name="header"></slot>
     <div class="content">
       <slot></slot>
@@ -66,6 +66,7 @@ let BpPopup = class BpPopup extends LitElement {
 };
 BpPopup = __decorate([
     typePopup(),
-    typeDialog()
+    typeDialog(),
+    typeClosable()
 ], BpPopup);
 export { BpPopup };

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

@@ -18,7 +18,6 @@ import { BpInternalControlInline } from '@blueprintui/components/forms';
  * @slot - For projecting radio input
  */
 export declare class BpRadio extends BpInternalControlInline {
-    #private;
     static get styles(): CSSStyleSheet[];
     firstUpdated(props: PropertyValues<this>): void;
 }

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

@@ -23,19 +23,10 @@ export class BpRadio extends BpInternalControlInline {
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        if (!this.isControlGroup) {
-            this.#associateNonGroupRadios();
-        }
-    }
-    #associateNonGroupRadios() {
-        const root = this.getRootNode();
-        root.addEventListener('checkedChange', (e) => {
-            if (this.inputControl.name && e.target.tagName === 'BP-RADIO' && e.target.inputControl.name === this.inputControl.name) {
-                root
-                    .querySelectorAll(`bp-radio input[type=radio][name=${this.inputControl.name}]`)
-                    .forEach(c => (c.checked = false));
-                e.target.inputControl.checked = true;
-            }
+        // needed as radios do not provide a hook for when they are unchecked within a group
+        this.inputControl.addEventListener('change', (e) => {
+            this.parentElement.controls.forEach(c => (c.inputControl.checked = false));
+            e.target.checked = true;
         });
     }
 }

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

@@ -26,7 +26,6 @@ import { BpInternalControlGroup } from '@blueprintui/components/forms';
  * @slot - For projecting bp-radio controls
  */
 export declare class BpRadioGroup extends BpInternalControlGroup {
-    #private;
     protected radioName: string;
     static get styles(): CSSStyleSheet[];
     firstUpdated(props: PropertyValues<this>): void;