@brightspot/ui 6.7.1-pr.405.2026.10.26 → 6.8.1

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,112 @@
+import { LitElement } from 'lit';
+declare const Radio_base: (new (...args: any[]) => import("../../util/TooltipMixin.js").TooltipMixinInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A single radio option, selectable from a set of mutually exclusive choices.
+ *
+ * Uses a hidden native radio input internally for accessibility and form
+ * participation. Styled via the `btu-radio` Tailwind plugin classes. Typically
+ * placed inside a `btu-radio-group`, which owns the shared `name`, selection
+ * state, and arrow-key navigation; a standalone radio also works but manages
+ * only its own checked state. The component manages its own `className` — do not
+ * modify it externally after initialization (classes present at connection time
+ * are preserved).
+ *
+ * @element btu-radio
+ *
+ * @fires {CustomEvent} btu-radio-ready - Fired after the radio is first rendered and initialized
+ * @fires {CustomEvent<{ checked: boolean; value: string }>} btu-radio-change - Fired when the user selects this option
+ *
+ * @cssprop --radio-color-primary - Fill and border color when selected (default: oklch(var(--btu-theme-primary-700)))
+ * @cssprop --radio-color-border - Border color in the unselected state (default: oklch(var(--btu-theme-gray-300)))
+ * @cssprop --radio-color-error - Border and text color in the error state (default: oklch(var(--btu-theme-error-600)))
+ * @cssprop --radio-label-spacing - Distance between the radio and the label (default: 0.75rem)
+ * @cssprop --radio-box-size - [Internal] Diameter of the radio control, set by the size variant (sm: 1rem, md: 1.25rem). Use the `size` attribute instead of overriding directly — the dot must scale in tandem.
+ * @cssprop --radio-dot-size - [Internal] Diameter of the selected dot, set by the size variant (sm: 0.375rem, md: 0.5rem). Use the `size` attribute instead of overriding directly.
+ */
+export default class Radio extends Radio_base {
+    /**
+     * The text label displayed next to the radio.
+     * @attr
+     */
+    label: string | undefined;
+    /**
+     * Optional helper text displayed below the label.
+     * @attr
+     */
+    description: string | undefined;
+    /**
+     * Controls the scale of the radio and associated typography.
+     * @attr
+     */
+    size: 'sm' | 'md';
+    /**
+     * Whether this option is currently selected.
+     * @attr
+     */
+    checked: boolean;
+    /**
+     * If true, the radio is non-interactive and visually muted.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * If true, displays error styling on the radio.
+     * @attr
+     */
+    invalid: boolean;
+    /**
+     * Error message text displayed below the radio when validation fails.
+     * Setting this also activates error styling without needing to set invalid.
+     * @attr
+     */
+    error: string | undefined;
+    /**
+     * Value submitted with the form when this option is selected.
+     * @attr
+     */
+    value: string | undefined;
+    /**
+     * Name of the form control. Usually set by the parent `btu-radio-group` so
+     * every option in the group shares one name.
+     * @attr
+     */
+    name: string | undefined;
+    /**
+     * @internal Roving tabindex value. Defaults to 0 so a standalone radio is
+     * keyboard-reachable; a parent btu-radio-group overrides it per its roving model.
+     */
+    _tabindex: number;
+    /** @internal Disabled state pushed down by a disabled parent btu-radio-group */
+    _groupDisabled: boolean;
+    /** @internal Required state pushed down by a required parent btu-radio-group */
+    _groupRequired: boolean;
+    private _userInitiated;
+    private _initialClasses;
+    private _initialClassesCaptured;
+    private _descId;
+    private _errorId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _onInputChange;
+    private _handleClick;
+    /** @internal Own `disabled`, or `disabled` inherited from the parent group */
+    private get _isDisabled();
+    private get _describedBy();
+    /** @internal
+     * TooltipMixin puts aria-describedby on the host, but focus lands on the inner
+     * input — point it at the input instead, merged with the description/error ids.
+     */
+    private _relayAriaDescribedBy;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-radio': Radio;
+    }
+}
+export {};
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;;AAQ/C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAuD;IACxF;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB;;;OAGG;IAEH,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAO;IAExB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;;OAIG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,SAAI;IAEb,gFAAgF;IAChF,cAAc,UAAQ;IAEtB,gFAAgF;IAChF,cAAc,UAAQ;IAEtB,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,uBAAuB,CAAQ;IACvC,OAAO,CAAC,OAAO,CAAsC;IACrD,OAAO,CAAC,QAAQ,CAAuC;IAEvD,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAK5B,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW3E,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAK7E,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkBxE,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,YAAY,CASnB;IAED,8EAA8E;IAC9E,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAKvB;IAED;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAa7B,MAAM;CA+BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAA;KACnB;CACF"}

package/dist/components/radio/Radio.js

@@ -0,0 +1,228 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { live } from 'lit/directives/live.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { TooltipMixin } from '../../util/TooltipMixin.js';
+/**
+ * A single radio option, selectable from a set of mutually exclusive choices.
+ *
+ * Uses a hidden native radio input internally for accessibility and form
+ * participation. Styled via the `btu-radio` Tailwind plugin classes. Typically
+ * placed inside a `btu-radio-group`, which owns the shared `name`, selection
+ * state, and arrow-key navigation; a standalone radio also works but manages
+ * only its own checked state. The component manages its own `className` — do not
+ * modify it externally after initialization (classes present at connection time
+ * are preserved).
+ *
+ * @element btu-radio
+ *
+ * @fires {CustomEvent} btu-radio-ready - Fired after the radio is first rendered and initialized
+ * @fires {CustomEvent<{ checked: boolean; value: string }>} btu-radio-change - Fired when the user selects this option
+ *
+ * @cssprop --radio-color-primary - Fill and border color when selected (default: oklch(var(--btu-theme-primary-700)))
+ * @cssprop --radio-color-border - Border color in the unselected state (default: oklch(var(--btu-theme-gray-300)))
+ * @cssprop --radio-color-error - Border and text color in the error state (default: oklch(var(--btu-theme-error-600)))
+ * @cssprop --radio-label-spacing - Distance between the radio and the label (default: 0.75rem)
+ * @cssprop --radio-box-size - [Internal] Diameter of the radio control, set by the size variant (sm: 1rem, md: 1.25rem). Use the `size` attribute instead of overriding directly — the dot must scale in tandem.
+ * @cssprop --radio-dot-size - [Internal] Diameter of the selected dot, set by the size variant (sm: 0.375rem, md: 0.5rem). Use the `size` attribute instead of overriding directly.
+ */
+export default class Radio extends TooltipMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Controls the scale of the radio and associated typography.
+         * @attr
+         */
+        this.size = 'sm';
+        /**
+         * Whether this option is currently selected.
+         * @attr
+         */
+        this.checked = false;
+        /**
+         * If true, the radio is non-interactive and visually muted.
+         * @attr
+         */
+        this.disabled = false;
+        /**
+         * If true, displays error styling on the radio.
+         * @attr
+         */
+        this.invalid = false;
+        /**
+         * @internal Roving tabindex value. Defaults to 0 so a standalone radio is
+         * keyboard-reachable; a parent btu-radio-group overrides it per its roving model.
+         */
+        this._tabindex = 0;
+        /** @internal Disabled state pushed down by a disabled parent btu-radio-group */
+        this._groupDisabled = false;
+        /** @internal Required state pushed down by a required parent btu-radio-group */
+        this._groupRequired = false;
+        this._userInitiated = false;
+        this._initialClasses = [];
+        this._initialClassesCaptured = false;
+        this._descId = `radio-desc-${crypto.randomUUID()}`;
+        this._errorId = `radio-error-${crypto.randomUUID()}`;
+        this._handleClick = (e) => {
+            if (this._isDisabled)
+                return;
+            // input.click() fires a synthetic click that bubbles back here — skip it
+            if (e.target.closest('.btu-radio-input'))
+                return;
+            const input = this.renderRoot.querySelector('.btu-radio-input');
+            // Focus before clicking so the arrow keys keep working after a mouse click;
+            // focusVisible: false keeps the focus ring off, like a native click (not in TS's DOM types yet)
+            input?.focus({ focusVisible: false });
+            input?.click();
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this._initialClassesCaptured) {
+            if (this.className) {
+                this._initialClasses = this.className.split(' ').filter(c => c.trim());
+            }
+            this._initialClassesCaptured = true;
+        }
+        this.addEventListener('click', this._handleClick);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this._handleClick);
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        const classes = [
+            ...this._initialClasses,
+            'btu-radio',
+            this.size === 'md' && 'btu-radio-md',
+            (this.invalid || this.error) && 'btu-radio-invalid',
+        ];
+        this.className = classes.filter(Boolean).join(' ');
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.emit('btu-radio-ready');
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._relayAriaDescribedBy();
+        if (!this._userInitiated)
+            return;
+        this._userInitiated = false;
+        if (changedProperties.has('checked')) {
+            if (this.value == null) {
+                console.warn('btu-radio: selected without a `value`; the parent btu-radio-group cannot track this option.', this);
+            }
+            this.emit('btu-radio-change', { checked: this.checked, value: this.value ?? '' });
+        }
+    }
+    _onInputChange(e) {
+        const input = e.target;
+        this._userInitiated = true;
+        this.checked = input.checked;
+    }
+    /** @internal Own `disabled`, or `disabled` inherited from the parent group */
+    get _isDisabled() {
+        return this.disabled || this._groupDisabled;
+    }
+    get _describedBy() {
+        const ids = [];
+        if (this.description)
+            ids.push(this._descId);
+        if (this.error)
+            ids.push(this._errorId);
+        return ids.length ? ids.join(' ') : undefined;
+    }
+    /** @internal
+     * TooltipMixin puts aria-describedby on the host, but focus lands on the inner
+     * input — point it at the input instead, merged with the description/error ids.
+     */
+    _relayAriaDescribedBy() {
+        const input = this.renderRoot.querySelector('.btu-radio-input');
+        if (!input)
+            return;
+        this.removeAttribute('aria-describedby');
+        const tooltipId = this.renderRoot.querySelector('[data-tooltip-internal]')?.id;
+        const ids = [this._describedBy, tooltipId].filter(Boolean).join(' ');
+        if (ids) {
+            input.setAttribute('aria-describedby', ids);
+        }
+        else {
+            input.removeAttribute('aria-describedby');
+        }
+    }
+    render() {
+        return html `
+      <input
+        type="radio"
+        class="btu-radio-input"
+        .checked=${live(this.checked)}
+        ?disabled=${this._isDisabled}
+        ?required=${this._groupRequired}
+        name=${ifDefined(this.name)}
+        value=${ifDefined(this.value)}
+        tabindex=${this._tabindex}
+        aria-label=${ifDefined(this.label)}
+        aria-invalid=${ifDefined(this.invalid || this.error ? 'true' : undefined)}
+        @change=${this._onInputChange}
+      />
+      <span class="btu-radio-box">
+        <span class="btu-radio-dot"></span>
+      </span>
+      ${this.label || this.description || this.error
+            ? html `
+            <span class="btu-radio-text">
+              ${this.label ? html `<span class="btu-radio-label">${this.label}</span>` : nothing}
+              ${this.description
+                ? html `<span id=${this._descId} class="btu-radio-description">${this.description}</span>`
+                : nothing}
+              ${this.error ? html `<span id=${this._errorId} class="btu-radio-error">${this.error}</span>` : nothing}
+            </span>
+          `
+            : nothing}
+    `;
+    }
+}
+__decorate([
+    property()
+], Radio.prototype, "label", void 0);
+__decorate([
+    property()
+], Radio.prototype, "description", void 0);
+__decorate([
+    property({ reflect: true })
+], Radio.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Radio.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Radio.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Radio.prototype, "invalid", void 0);
+__decorate([
+    property()
+], Radio.prototype, "error", void 0);
+__decorate([
+    property()
+], Radio.prototype, "value", void 0);
+__decorate([
+    property()
+], Radio.prototype, "name", void 0);
+if (!customElements.get('btu-radio')) {
+    customElements.define('btu-radio', Radio);
+}
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.ts"],"names":[],"mappings":"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"}

package/dist/components/radio/RadioGroup.d.ts

@@ -0,0 +1,94 @@
+import { LitElement } from 'lit';
+declare const RadioGroup_base: (new (...args: any[]) => import("../../util/RovingTabindexMixin.js").RovingTabindexInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A container that groups `btu-radio` options into a single-select control.
+ *
+ * Owns the shared form `name`, the selected `value`, and keyboard navigation
+ * following the WAI-ARIA radio group pattern: a single roving tabstop, and
+ * arrow keys that move focus and select in one step. Selection state and the
+ * `disabled` / `size` properties are propagated down to child radios.
+ *
+ * @element btu-radio-group
+ *
+ * @fires {CustomEvent} btu-radio-group-ready - Fired after first render and initialization
+ * @fires {CustomEvent<{ value: string }>} btu-radio-group-change - Fired when the selected value changes
+ * @fires {CustomEvent} btu-radio-ready - Fired when a child radio finishes initialization (bubbles from btu-radio)
+ * @fires {CustomEvent<{ checked: boolean; value: string }>} btu-radio-change - Fired when a child radio is selected (bubbles from btu-radio)
+ *
+ * @example
+ * ```html
+ * <btu-radio-group name="plan" value="pro">
+ *   <btu-radio value="free" label="Free"></btu-radio>
+ *   <btu-radio value="pro" label="Pro"></btu-radio>
+ *   <btu-radio value="team" label="Team" disabled></btu-radio>
+ * </btu-radio-group>
+ * ```
+ */
+export default class RadioGroup extends RadioGroup_base {
+    /**
+     * Form field name shared by every radio in the group.
+     * @attr
+     */
+    name: string | undefined;
+    /**
+     * Value of the currently selected option.
+     * @attr
+     */
+    value: string | undefined;
+    /**
+     * Layout direction of the options.
+     * @attr
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Controls the scale of every radio in the group.
+     * @attr
+     */
+    size: 'sm' | 'md';
+    /**
+     * Marks a selection as mandatory for form submission.
+     * @attr
+     */
+    required: boolean;
+    /**
+     * Disables every option in the group.
+     * @attr
+     */
+    disabled: boolean;
+    /** @internal */
+    private _initialClasses;
+    /** @internal */
+    private _initialClassesCaptured;
+    /** @internal */
+    private _boundHandleRadioChange;
+    /** @internal */
+    private _boundHandleKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** @internal Focusable native inputs of enabled radios, in DOM order */
+    _getRovingTargets(): HTMLElement[];
+    /** @internal */
+    private _getRadios;
+    /** @internal Push group state down to each child radio */
+    private _syncRadios;
+    /** @internal Select a value, sync children, and announce the change */
+    private _selectValue;
+    /** @internal */
+    private _handleRadioChange;
+    /** @internal Select whichever enabled radio currently holds focus */
+    private _selectFocusedRadio;
+    /** @internal WAI-ARIA radio group: arrows move focus and select together */
+    private _handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-radio-group': RadioGroup;
+    }
+}
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;;AAOtC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAA8D;IACpG;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAExB;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB;;;OAGG;IAEH,WAAW,EAAE,UAAU,GAAG,YAAY,CAAa;IAEnD;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAO;IAExB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAe;IACtC,gBAAgB;IAChB,OAAO,CAAC,uBAAuB,CAAQ;IACvC,gBAAgB;IAChB,OAAO,CAAC,uBAAuB,CAAqC;IACpE,gBAAgB;IAChB,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc3E,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAgB7E,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAatD,wEAAwE;IACxE,iBAAiB,IAAI,WAAW,EAAE;IAWlC,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAIlB,0DAA0D;IAC1D,OAAO,CAAC,WAAW;IAwBnB,uEAAuE;IACvE,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAI1B,qEAAqE;IACrE,OAAO,CAAC,mBAAmB;IAS3B,4EAA4E;IAC5E,OAAO,CAAC,cAAc;IA6BtB,MAAM;CAGP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAA;KAC9B;CACF"}