@brightspot/ui 1.10.0 → 3.0.0

package/dist/components/tabs/Tab.d.ts

@@ -0,0 +1,108 @@
+import { LitElement } from 'lit';
+import '../badge/Badge.js';
+import '../icon/Icon.js';
+export interface TabProps {
+    name?: string;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    symbol?: string;
+    iconPosition?: 'leading' | 'trailing';
+    iconOnly?: boolean;
+    error?: boolean;
+    badge?: string;
+}
+declare const Tab_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * An individual tab within a tab group.
+ *
+ * Renders a button with role="tab" that participates in keyboard navigation
+ * and selection state managed by the parent `btu-tabs` container.
+ *
+ * @element btu-tab
+ *
+ * @fires {CustomEvent} btu-tab-ready - Fired after first render
+ * @fires {CustomEvent<{name: string}>} btu-tab-change - Fired when a non-disabled tab with a name is clicked
+ *
+ * @cssprop --badge-color-background - Background color of the count indicator badge (default: gray-50)
+ * @cssprop --badge-color-foreground - Text color of the count indicator badge (default: gray-700)
+ *
+ * @example
+ * ```html
+ * <btu-tabs>
+ *   <btu-tab name="main" label="Main"></btu-tab>
+ *   <btu-tab name="seo" label="SEO"></btu-tab>
+ *   <btu-tab name="styles" label="Styles" disabled></btu-tab>
+ * </btu-tabs>
+ * ```
+ */
+export default class Tab extends Tab_base {
+    static get tagName(): string;
+    /**
+     * Value that identifies this tab and links it to panel elements that share the same `name` attribute.
+     * @attr name
+     */
+    name?: string;
+    /**
+     * Text displayed in the tab.
+     * @attr
+     */
+    label?: string;
+    /**
+     * Accessibility description for screen readers.
+     * @attr
+     */
+    description?: string;
+    /**
+     * Whether the tab is disabled and non-interactive.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * Lucide icon symbol to display.
+     * @attr
+     */
+    symbol?: string;
+    /**
+     * Placement of the icon relative to the label.
+     * @attr icon-position
+     */
+    iconPosition: 'leading' | 'trailing';
+    /**
+     * When true, hides the label visually while maintaining accessibility.
+     * @attr icon-only
+     */
+    iconOnly: boolean;
+    /**
+     * When true, displays an error badge on the tab.
+     * @attr
+     */
+    error: boolean;
+    /**
+     * Displays a badge with the given value alongside the label.
+     * @attr
+     */
+    badge?: string;
+    /** @internal Active state set by parent btu-tabs */
+    _active: boolean;
+    /** @internal Roving tabindex value set by parent btu-tabs */
+    _tabindex: number;
+    /** @internal Set by parent btu-tabs */
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    /** @internal */
+    private initialClasses;
+    connectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(): void;
+    firstUpdated(): void;
+    /** @internal */
+    private handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-tab': Tab;
+    }
+}
+export {};
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAK/C,OAAO,mBAAmB,CAAA;AAC1B,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,QAAyC;IACxE,MAAM,KAAK,OAAO,WAEjB;IAED;;;OAGG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IAEH,YAAY,EAAE,SAAS,GAAG,UAAU,CAAY;IAEhD;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,KAAK,UAAQ;IAEb;;;OAGG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,oDAAoD;IACpD,OAAO,UAAQ;IAEf,6DAA6D;IAC7D,SAAS,SAAK;IAEd,uCAAuC;IACvC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAEtC,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,iBAAiB,IAAI,IAAI;IAOzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAIlB,YAAY,IAAI,IAAI;IAIpB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAKnB,MAAM;CAkCP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,GAAG,CAAA;KACf;CACF"}

package/dist/components/tabs/Tab.js

@@ -0,0 +1,152 @@
+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 { styleMap } from 'lit/directives/style-map.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import '../badge/Badge.js';
+import '../icon/Icon.js';
+/**
+ * An individual tab within a tab group.
+ *
+ * Renders a button with role="tab" that participates in keyboard navigation
+ * and selection state managed by the parent `btu-tabs` container.
+ *
+ * @element btu-tab
+ *
+ * @fires {CustomEvent} btu-tab-ready - Fired after first render
+ * @fires {CustomEvent<{name: string}>} btu-tab-change - Fired when a non-disabled tab with a name is clicked
+ *
+ * @cssprop --badge-color-background - Background color of the count indicator badge (default: gray-50)
+ * @cssprop --badge-color-foreground - Text color of the count indicator badge (default: gray-700)
+ *
+ * @example
+ * ```html
+ * <btu-tabs>
+ *   <btu-tab name="main" label="Main"></btu-tab>
+ *   <btu-tab name="seo" label="SEO"></btu-tab>
+ *   <btu-tab name="styles" label="Styles" disabled></btu-tab>
+ * </btu-tabs>
+ * ```
+ */
+export default class Tab extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the tab is disabled and non-interactive.
+         * @attr
+         */
+        this.disabled = false;
+        /**
+         * Placement of the icon relative to the label.
+         * @attr icon-position
+         */
+        this.iconPosition = 'leading';
+        /**
+         * When true, hides the label visually while maintaining accessibility.
+         * @attr icon-only
+         */
+        this.iconOnly = false;
+        /**
+         * When true, displays an error badge on the tab.
+         * @attr
+         */
+        this.error = false;
+        /** @internal Active state set by parent btu-tabs */
+        this._active = false;
+        /** @internal Roving tabindex value set by parent btu-tabs */
+        this._tabindex = -1;
+        /** @internal Set by parent btu-tabs */
+        this.size = 'md';
+        /** @internal */
+        this.initialClasses = [];
+    }
+    static get tagName() {
+        return 'BTU-TAB';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.className) {
+            this.initialClasses = this.className.split(' ').filter(c => c.trim());
+        }
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate() {
+        this.className = [...this.initialClasses, 'btu-tab'].filter(Boolean).join(' ');
+    }
+    firstUpdated() {
+        this.emit('btu-tab-ready');
+    }
+    /** @internal */
+    handleClick() {
+        if (this.disabled || !this.name)
+            return;
+        this.emit('btu-tab-change', { name: this.name });
+    }
+    render() {
+        const iconTemplate = this.symbol
+            ? html `<btu-icon symbol="${this.symbol}" size="${this.size === 'lg' ? 'md' : 'sm'}"></btu-icon>`
+            : nothing;
+        const labelTemplate = this.iconOnly && this.symbol ? nothing : html `<span>${this.label}</span>`;
+        const badgeTemplate = this.badge != null ? html `<btu-badge size="sm">${this.badge}</btu-badge>` : nothing;
+        const errorDot = this.error ? html `<btu-badge size="sm" variant="error">!</btu-badge>` : nothing;
+        const indicator = this._active && !this.disabled
+            ? html `<span
+            class="btu-tab-indicator"
+            style=${styleMap(this.error ? { background: 'oklch(var(--btu-theme-error-600))' } : {})}
+          ></span>`
+            : nothing;
+        return html `<button
+      type="button"
+      role="tab"
+      class="btu-tab-button btu-tab-button-${this.size}"
+      aria-selected="${this._active}"
+      aria-disabled="${this.disabled || nothing}"
+      aria-description="${this.description || nothing}"
+      aria-label="${this.iconOnly && this.label ? this.label : nothing}"
+      tabindex="${this._tabindex}"
+      @click=${this.handleClick}
+    >
+      ${this.iconPosition === 'leading' ? iconTemplate : nothing} ${labelTemplate}
+      ${this.iconPosition === 'trailing' ? iconTemplate : nothing} ${badgeTemplate} ${errorDot} ${indicator}
+    </button>`;
+    }
+}
+__decorate([
+    property({ type: String, attribute: 'name', reflect: true })
+], Tab.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], Tab.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], Tab.prototype, "description", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Tab.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], Tab.prototype, "symbol", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-position' })
+], Tab.prototype, "iconPosition", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'icon-only' })
+], Tab.prototype, "iconOnly", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'error' })
+], Tab.prototype, "error", void 0);
+__decorate([
+    property({ attribute: 'badge' })
+], Tab.prototype, "badge", void 0);
+if (!customElements.get('btu-tab')) {
+    customElements.define('btu-tab', Tab);
+}
+//# sourceMappingURL=Tab.js.map

package/dist/components/tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/tabs/Tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,mBAAmB,CAAA;AAC1B,OAAO,iBAAiB,CAAA;AAcxB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAA1E;;QA0BE;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAA;QAShB;;;WAGG;QAEH,iBAAY,GAA2B,SAAS,CAAA;QAEhD;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAA;QAEhB;;;WAGG;QAEH,UAAK,GAAG,KAAK,CAAA;QASb,oDAAoD;QACpD,YAAO,GAAG,KAAK,CAAA;QAEf,6DAA6D;QAC7D,cAAS,GAAG,CAAC,CAAC,CAAA;QAEd,uCAAuC;QACvC,SAAI,GAA8B,IAAI,CAAA;QAEtC,gBAAgB;QACR,mBAAc,GAAa,EAAE,CAAA;IA6DvC,CAAC;IA1IC,MAAM,KAAK,OAAO;QAChB,OAAO,SAAS,CAAA;IAClB,CAAC;IA6ED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,UAAU;QACR,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAChF,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAC5B,CAAC;IAED,gBAAgB;IACR,WAAW;QACjB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAM;QACvC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM;YAC9B,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,MAAM,WAAW,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,eAAe;YAChG,CAAC,CAAC,OAAO,CAAA;QAEX,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAA;QAE/F,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,wBAAwB,IAAI,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,OAAO,CAAA;QAEzG,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,oDAAoD,CAAC,CAAC,CAAC,OAAO,CAAA;QAEhG,MAAM,SAAS,GACb,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC5B,CAAC,CAAC,IAAI,CAAA;;oBAEM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,mCAAmC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;mBAChF;YACX,CAAC,CAAC,OAAO,CAAA;QAEb,OAAO,IAAI,CAAA;;;6CAG8B,IAAI,CAAC,IAAI;uBAC/B,IAAI,CAAC,OAAO;uBACZ,IAAI,CAAC,QAAQ,IAAI,OAAO;0BACrB,IAAI,CAAC,WAAW,IAAI,OAAO;oBACjC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;kBACpD,IAAI,CAAC,SAAS;eACjB,IAAI,CAAC,WAAW;;QAEvB,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,IAAI,aAAa;QACzE,IAAI,CAAC,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,IAAI,aAAa,IAAI,QAAQ,IAAI,SAAS;cAC7F,CAAA;IACZ,CAAC;CACF;AAjIC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iCAChD;AAOb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACb;AAOd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACP;AAOpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC3B;AAOhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACZ;AAOf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;yCACP;AAOhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;qCACpC;AAOhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;kCACnC;AAOb;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;kCACnB;AA2EhB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AACvC,CAAC"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,126 @@
+import { LitElement } from 'lit';
+import '../badge/Badge.js';
+import '../dropdown/Dropdown.js';
+import '../dropdown/DropdownItem.js';
+import '../dropdown/DropdownMenu.js';
+import '../icon/Icon.js';
+export interface TabsProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    activeTab?: string;
+    variant?: 'full' | 'menu';
+}
+declare const Tabs_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 component for managing a group of tabs.
+ *
+ * Provides selection state management, size propagation to child tabs,
+ * and keyboard navigation following the WAI-ARIA Tabs pattern.
+ *
+ * When a tab becomes active, direct sibling elements that share the same
+ * `name` value are shown; other siblings with a `name` attribute are
+ * hidden. Only direct siblings are managed — nested tab groups control their
+ * own panels independently.
+ *
+ * @element btu-tabs
+ *
+ * @fires {CustomEvent} btu-tabs-ready - Fired after first render and initialization
+ * @fires {CustomEvent<{name: string}>} btu-tabs-show - Fired when a tab becomes active
+ * @fires {CustomEvent<{name: string}>} btu-tabs-hide - Fired when a tab is deactivated
+ * @fires {CustomEvent<{name: string}>} btu-tab-change - Fired when a tab is selected (bubbles from btu-tab)
+ * @fires {CustomEvent} btu-tab-ready - Fired when a child tab finishes initialization (bubbles from btu-tab)
+ *
+ * @cssprop --tabs-active-color - Text and icon color of the active tab (default: gray-700)
+ * @cssprop --tabs-active-indicator-color - Color of the active tab underline indicator (default: primary-500 → primary-700 → primary-900 gradient)
+ * @cssprop --tabs-border-color - Color of the bottom border divider (default: gray-200)
+ * @cssprop --tabs-color - Text and icon color for all tabs (default: gray-500; active/hover tabs use gray-700)
+ * @cssprop --tabs-background - Background color for all tab buttons (default: transparent)
+ * @cssprop --tabs-container-background - Background color of the tabs container (default: theme white)
+ * @cssprop --tabs-hover-background - Background color of a tab on hover (default: gray-100)
+ * @cssprop --tabs-hover-color - Text and icon color of a tab on hover (default: gray-700)
+ * @cssprop --tabs-gap - Spacing between tabs (default: 1rem)
+ *
+ * @example
+ * ```html
+ * <div>
+ *   <btu-tabs size="md" active-tab="main">
+ *     <btu-tab name="main" label="Main"></btu-tab>
+ *     <btu-tab name="seo" label="SEO"></btu-tab>
+ *     <btu-tab name="overrides" label="Overrides"></btu-tab>
+ *   </btu-tabs>
+ *   <div name="main" role="tabpanel">Main content</div>
+ *   <div name="seo" role="tabpanel">SEO content</div>
+ *   <div name="overrides" role="tabpanel">Overrides content</div>
+ * </div>
+ * ```
+ */
+export default class Tabs extends Tabs_base {
+    static get tagName(): string;
+    /**
+     * Size variant applied to all child tabs.
+     * @attr
+     */
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    /**
+     * The `name` value of the currently active tab.
+     * @attr active-tab
+     */
+    activeTab?: string;
+    /**
+     * Layout variant.
+     * - 'full': tabs scroll horizontally when they overflow (default)
+     * - 'menu': all tabs are hidden; the active tab label and a chevron dropdown are shown instead
+     * @attr
+     */
+    variant: 'full' | 'menu';
+    /** @internal */
+    private initialClasses;
+    /** @internal Bound event handler for cleanup */
+    private boundHandleTabChange;
+    /** @internal Bound event handler for cleanup */
+    private boundHandleKeyDown;
+    /** @internal */
+    _getRovingTargets(): HTMLElement[];
+    /** @internal Menu variant state */
+    private rafId;
+    private menuWrapper;
+    private menuDropdown;
+    private menuLabel;
+    private menuIcon;
+    private menuErrorBadge;
+    private get _dropdownSize();
+    private get _menuIconSize();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** @internal Tear down a variant's DOM and state before switching to another */
+    private teardownVariant;
+    /** @internal */
+    private syncTabs;
+    /** @internal Show/hide panel elements that are direct siblings with a matching name value */
+    private syncPanels;
+    /** @internal */
+    private getTabs;
+    /** @internal */
+    private activateTab;
+    /** @internal */
+    private handleTabChange;
+    /** @internal Keyboard navigation following WAI-ARIA Tabs pattern */
+    private handleKeyDown;
+    /** @internal */
+    private initMenu;
+    /** @internal */
+    private updateMenuItems;
+    /** @internal */
+    private syncMenuState;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-tabs': Tabs;
+    }
+}
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,yBAAyB,CAAA;AAEhC,OAAO,6BAA6B,CAAA;AAEpC,OAAO,6BAA6B,CAAA;AAEpC,OAAO,iBAAiB,CAAA;AAGxB,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAA8D;IAC9F,MAAM,KAAK,OAAO,WAEjB;IAED;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAEtC;;;OAGG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAS;IAEjC,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gDAAgD;IAChD,OAAO,CAAC,oBAAoB,CAAkC;IAC9D,gDAAgD;IAChD,OAAO,CAAC,kBAAkB,CAAgC;IAE1D,gBAAgB;IAChB,iBAAiB,IAAI,WAAW,EAAE;IAUlC,mCAAmC;IACnC,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,cAAc,CAA2B;IAGjD,OAAO,KAAK,aAAa,GAExB;IAGD,OAAO,KAAK,aAAa,GAExB;IAED,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAU5B,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAWlB,YAAY,IAAI,IAAI;IAcpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAoBtD,gFAAgF;IAChF,OAAO,CAAC,eAAe;IAYvB,gBAAgB;IAChB,OAAO,CAAC,QAAQ;IAYhB,6FAA6F;IAC7F,OAAO,CAAC,UAAU;IAWlB,gBAAgB;IAChB,OAAO,CAAC,OAAO;IAIf,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAsBnB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAIvB,oEAAoE;IACpE,OAAO,CAAC,aAAa;IAuBrB,gBAAgB;IAChB,OAAO,CAAC,QAAQ;IA+DhB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAsBvB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA4BrB,MAAM;CAGP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAA;KACjB;CACF"}