@brightspot/ui 1.10.0 → 3.0.0

package/dist/components/action-bar/ActionItem.d.ts

@@ -0,0 +1,103 @@
+import { LitElement } from 'lit';
+import '../circular-progress/CircularProgress.js';
+import '../icon/Icon.js';
+type ActionItemVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
+declare const ActionItem_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;
+/**
+ * An action item button for use within `btu-action-bar`.
+ *
+ * Renders a styled button using existing `btu-button-*` classes. Supports
+ * primary, secondary, tertiary, and destructive variants. When `iconOnly`
+ * is set, the label is hidden and a tooltip is shown instead.
+ *
+ * **Button styling:** Set `--button-*` CSS custom properties on `<btu-action-item>`
+ * or a parent element to customize via CSS inheritance. See
+ * `tailwind-plugin-button.ts` for available props.
+ *
+ * @element btu-action-item
+ *
+ * @fires {CustomEvent<{label: string}>} btu-action-item-click - Fired when the action item is clicked (not fired when disabled or loading)
+ *
+ * @cssprop --button-color - Override button background color
+ * @cssprop --button-text-color - Override button text color
+ * @cssprop --button-border-radius - Override button border radius
+ *
+ * @example
+ * ```html
+ * <btu-action-item variant="primary" label="Save Changes"></btu-action-item>
+ * <btu-action-item variant="destructive" label="Delete" symbol="trash-2"></btu-action-item>
+ * <btu-action-item variant="secondary" label="Settings" symbol="settings" icon-only></btu-action-item>
+ * ```
+ */
+export default class ActionItem extends ActionItem_base {
+    /**
+     * Button label text.
+     * @attr
+     */
+    label: string;
+    /**
+     * Visual variant: 'primary', 'secondary', 'tertiary', 'destructive'.
+     * @attr
+     */
+    variant: ActionItemVariant;
+    /**
+     * Lucide icon symbol for the leading icon.
+     * @attr
+     */
+    symbol: string;
+    /**
+     * Show icon only, hiding the label. Tooltip activates automatically with the label text.
+     * @attr icon-only
+     */
+    iconOnly: boolean;
+    /**
+     * Disables the action item. The button remains focusable for accessibility
+     * but click events are suppressed.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * Shows a loading spinner and prevents interaction.
+     * @attr
+     */
+    loading: boolean;
+    /**
+     * Zone placement: 'start' or 'end'. Used by ActionBar for two-zone layout.
+     * If unset, auto-detected from variant (destructive → start, others → end).
+     * @attr
+     */
+    zone: 'start' | 'end' | '';
+    /**
+     * Opt-in for progressive label compacting. When the parent bar has `compact`
+     * enabled and space shrinks, compactable items with icons have their labels
+     * hidden one-by-one (least important first) before overflowing.
+     * Items without an icon ignore this attribute and go directly to overflow.
+     * @attr
+     */
+    compactable: boolean;
+    /** @internal - Roving tabindex value set by parent ActionBar */
+    private _tabindex;
+    /** @internal - Whether the label is compacted by ActionBar's progressive compacting */
+    private _collapsed;
+    createRenderRoot(): this;
+    /** @internal - Called by parent ActionBar to configure roving tabindex and compact state */
+    _configure(options: {
+        tabindex: number;
+        collapsed: boolean;
+    }): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _relayTooltipAttrs;
+    firstUpdated(): void;
+    private _handleClick;
+    private _getSpinnerColor;
+    private _buildButtonClasses;
+    private _getButtonStyles;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-action-item': ActionItem;
+    }
+}
+export {};
+//# sourceMappingURL=ActionItem.d.ts.map

package/dist/components/action-bar/ActionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-bar/ActionItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAO/C,OAAO,0CAA0C,CAAA;AACjD,OAAO,iBAAiB,CAAA;AAExB,KAAK,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;;AAU7E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAuD;IAC7F;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;OAGG;IAEH,OAAO,EAAE,iBAAiB,CAAc;IAExC;;;OAGG;IAEH,MAAM,SAAK;IAEX;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;;OAIG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,EAAE,CAAK;IAE/B;;;;;;OAMG;IAEH,WAAW,UAAQ;IAEnB,gEAAgE;IAChE,OAAO,CAAC,SAAS,CAAI;IAErB,uFAAuF;IACvF,OAAO,CAAC,UAAU,CAAQ;IAE1B,gBAAgB;IAIhB,4FAA4F;IAC5F,UAAU,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAYnE,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAKxE,OAAO,CAAC,kBAAkB;IAmB1B,YAAY,IAAI,IAAI;IAiBpB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,gBAAgB;IAWxB,MAAM;CAyBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAA;KAC9B;CACF"}

package/dist/components/action-bar/ActionItem.js

@@ -0,0 +1,237 @@
+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 { styleMap } from 'lit/directives/style-map.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { TooltipMixin } from '../../util/TooltipMixin.js';
+import '../circular-progress/CircularProgress.js';
+import '../icon/Icon.js';
+// Tailwind content scanning requires complete class names (no template literals).
+const VARIANT_CLASSES = {
+    primary: ['btu-button', 'btu-button-primary', 'btu-button-sm'],
+    secondary: ['btu-button', 'btu-button-gray', 'btu-button-sm'],
+    tertiary: ['btu-button', 'btu-button-gray', 'btu-button-sm', 'btu-button-fill-none'],
+    destructive: ['btu-button', 'btu-button-error', 'btu-button-sm', 'btu-button-fill-none'],
+};
+/**
+ * An action item button for use within `btu-action-bar`.
+ *
+ * Renders a styled button using existing `btu-button-*` classes. Supports
+ * primary, secondary, tertiary, and destructive variants. When `iconOnly`
+ * is set, the label is hidden and a tooltip is shown instead.
+ *
+ * **Button styling:** Set `--button-*` CSS custom properties on `<btu-action-item>`
+ * or a parent element to customize via CSS inheritance. See
+ * `tailwind-plugin-button.ts` for available props.
+ *
+ * @element btu-action-item
+ *
+ * @fires {CustomEvent<{label: string}>} btu-action-item-click - Fired when the action item is clicked (not fired when disabled or loading)
+ *
+ * @cssprop --button-color - Override button background color
+ * @cssprop --button-text-color - Override button text color
+ * @cssprop --button-border-radius - Override button border radius
+ *
+ * @example
+ * ```html
+ * <btu-action-item variant="primary" label="Save Changes"></btu-action-item>
+ * <btu-action-item variant="destructive" label="Delete" symbol="trash-2"></btu-action-item>
+ * <btu-action-item variant="secondary" label="Settings" symbol="settings" icon-only></btu-action-item>
+ * ```
+ */
+export default class ActionItem extends TooltipMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Button label text.
+         * @attr
+         */
+        this.label = '';
+        /**
+         * Visual variant: 'primary', 'secondary', 'tertiary', 'destructive'.
+         * @attr
+         */
+        this.variant = 'secondary';
+        /**
+         * Lucide icon symbol for the leading icon.
+         * @attr
+         */
+        this.symbol = '';
+        /**
+         * Show icon only, hiding the label. Tooltip activates automatically with the label text.
+         * @attr icon-only
+         */
+        this.iconOnly = false;
+        /**
+         * Disables the action item. The button remains focusable for accessibility
+         * but click events are suppressed.
+         * @attr
+         */
+        this.disabled = false;
+        /**
+         * Shows a loading spinner and prevents interaction.
+         * @attr
+         */
+        this.loading = false;
+        /**
+         * Zone placement: 'start' or 'end'. Used by ActionBar for two-zone layout.
+         * If unset, auto-detected from variant (destructive → start, others → end).
+         * @attr
+         */
+        this.zone = '';
+        /**
+         * Opt-in for progressive label compacting. When the parent bar has `compact`
+         * enabled and space shrinks, compactable items with icons have their labels
+         * hidden one-by-one (least important first) before overflowing.
+         * Items without an icon ignore this attribute and go directly to overflow.
+         * @attr
+         */
+        this.compactable = false;
+        /** @internal - Roving tabindex value set by parent ActionBar */
+        this._tabindex = 0;
+        /** @internal - Whether the label is compacted by ActionBar's progressive compacting */
+        this._collapsed = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    /** @internal - Called by parent ActionBar to configure roving tabindex and compact state */
+    _configure(options) {
+        this._tabindex = options.tabindex;
+        this._collapsed = options.collapsed;
+        if (this._collapsed && this.symbol) {
+            this.tooltip = this.label;
+            this.tooltipPosition = 'top';
+        }
+        else if (!this.iconOnly) {
+            this.tooltip = '';
+        }
+        queueMicrotask(() => this.requestUpdate());
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._relayTooltipAttrs();
+    }
+    _relayTooltipAttrs() {
+        const button = this.querySelector('button');
+        if (!button)
+            return;
+        const anchorName = this.style.getPropertyValue('anchor-name');
+        if (anchorName) {
+            this.style.removeProperty('anchor-name');
+            button.style.setProperty('anchor-name', anchorName);
+        }
+        const tooltipEl = this.querySelector('[data-tooltip-internal]');
+        if (tooltipEl) {
+            this.removeAttribute('aria-describedby');
+            button.setAttribute('aria-describedby', tooltipEl.id);
+        }
+        else {
+            button.removeAttribute('aria-describedby');
+        }
+    }
+    firstUpdated() {
+        if (!this.label && !this.symbol) {
+            console.warn('[btu-action-item] No label or icon provided.', this);
+        }
+        if (this.compactable && !this.symbol) {
+            console.warn('[btu-action-item] `compactable` has no effect without an icon.', this);
+        }
+        if (this.iconOnly && this.symbol) {
+            queueMicrotask(() => {
+                this.tooltip = this.label;
+                this.tooltipPosition = 'top';
+            });
+        }
+    }
+    _handleClick() {
+        if (this.disabled || this.loading)
+            return;
+        this.emit('btu-action-item-click', { label: this.label });
+    }
+    _getSpinnerColor() {
+        if (this.variant === 'primary' || this.variant === 'destructive')
+            return 'white';
+        return 'gray';
+    }
+    _buildButtonClasses() {
+        const variantClasses = VARIANT_CLASSES[this.variant] ?? VARIANT_CLASSES.secondary;
+        const classes = [...variantClasses];
+        if (this.iconOnly || this._collapsed) {
+            classes.push('btu-button-text-hidden');
+        }
+        return classes.join(' ');
+    }
+    _getButtonStyles() {
+        const styles = {};
+        const color = this.style.getPropertyValue('--button-color').trim();
+        if (color)
+            styles['--button-color'] = color;
+        const textColor = this.style.getPropertyValue('--button-text-color').trim();
+        if (textColor)
+            styles['--button-text-color'] = textColor;
+        const borderRadius = this.style.getPropertyValue('--button-border-radius').trim();
+        if (borderRadius)
+            styles['--button-border-radius'] = borderRadius;
+        return styles;
+    }
+    render() {
+        const isIconOnly = this.iconOnly || this._collapsed;
+        const ariaLabel = isIconOnly ? this.label || undefined : undefined;
+        const showIcon = this.symbol && !this.loading;
+        const showSpinner = this.loading;
+        return html `
+      <button
+        type="button"
+        class="${this._buildButtonClasses()}"
+        style=${styleMap(this._getButtonStyles())}
+        aria-label=${ifDefined(ariaLabel)}
+        aria-disabled="${this.disabled ? 'true' : 'false'}"
+        aria-busy="${this.loading ? 'true' : 'false'}"
+        tabindex="${this._tabindex}"
+        @click="${this._handleClick}"
+      >
+        ${showSpinner
+            ? html `<btu-circular-progress size="sm" color="${this._getSpinnerColor()}"></btu-circular-progress>`
+            : nothing}
+        ${showIcon ? html `<btu-icon symbol="${this.symbol}" size="sm"></btu-icon>` : nothing}
+        ${isIconOnly ? nothing : this.label}
+      </button>
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], ActionItem.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], ActionItem.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], ActionItem.prototype, "symbol", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'icon-only' })
+], ActionItem.prototype, "iconOnly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ActionItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ActionItem.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], ActionItem.prototype, "zone", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ActionItem.prototype, "compactable", void 0);
+if (!customElements.get('btu-action-item')) {
+    customElements.define('btu-action-item', ActionItem);
+}
+//# sourceMappingURL=ActionItem.js.map

package/dist/components/action-bar/ActionItem.js.map

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

package/dist/components/avatar/AvatarGroup.d.ts

@@ -14,6 +14,9 @@ declare const AvatarGroup_base: (new (...args: any[]) => import("../../util/Even
  *
  * @element btu-avatar-group
  *
+ * Ring styling is inherited from child `btu-avatar` elements. Override via
+ * `--avatar-ring-color` and `--avatar-ring-width` on the group or on individual avatars.
+ *
  * @fires {CustomEvent} btu-avatar-group-ready - Fired after first render and initialization
  * @fires {CustomEvent<{hidden: number}>} btu-avatar-group-overflow - Fired when avatars are hidden due to max limit
  *

package/dist/components/avatar/AvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/AvatarGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAAyC;IAChF;;;OAGG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE/B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAsB;IAE5C,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAyB;IAE/C,iBAAiB,IAAI,IAAI;IAOzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAclB,YAAY,IAAI,IAAI;IAKpB;;;OAGG;IACH,cAAc,IAAI,IAAI;IA0CtB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAOlD,MAAM;CAGP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAA;KAChC;CACF"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/AvatarGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAAyC;IAChF;;;OAGG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE/B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAsB;IAE5C,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAyB;IAE/C,iBAAiB,IAAI,IAAI;IAOzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAclB,YAAY,IAAI,IAAI;IAKpB;;;OAGG;IACH,cAAc,IAAI,IAAI;IA0CtB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAOlD,MAAM;CAGP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAA;KAChC;CACF"}

package/dist/components/avatar/AvatarGroup.js

@@ -18,6 +18,9 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
  *
  * @element btu-avatar-group
  *
+ * Ring styling is inherited from child `btu-avatar` elements. Override via
+ * `--avatar-ring-color` and `--avatar-ring-width` on the group or on individual avatars.
+ *
  * @fires {CustomEvent} btu-avatar-group-ready - Fired after first render and initialization
  * @fires {CustomEvent<{hidden: number}>} btu-avatar-group-overflow - Fired when avatars are hidden due to max limit
  *

package/dist/components/avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/avatar/AvatarGroup.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAQrD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAAlF;;QAQE;;;WAGG;QAEH,SAAI,GAAuB,IAAI,CAAA;QAE/B,gBAAgB;QACR,mBAAc,GAAa,EAAE,CAAA;QAErC,gBAAgB;QACR,mBAAc,GAAkB,IAAI,CAAA;QAE5C,gBAAgB;QACR,mBAAc,GAAgB,IAAI,GAAG,EAAE,CAAA;IAuGjD,CAAC;IArGC,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,MAAM,OAAO,GAAG;YACd,GAAG,IAAI,CAAC,cAAc;YACtB,kBAAkB;YAClB,MAAM;YACN,cAAc;YACd,YAAY;YACZ,UAAU;YACV,cAAc;YACd,sBAAsB;SACvB,CAAA;QACD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;IACrC,CAAC;IAED;;;OAGG;IACH,cAAc;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAa,CAAA;QAE3E,6CAA6C;QAC7C,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAA;YAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAA;QAC5B,CAAC;QAED,0BAA0B;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,MAAM,CAAA;QAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,YAAY,CAAC,CAAA;QAE9D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAChC,sBAAsB;YACtB,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBAClC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;gBAC7B,OAAM;YACR,CAAC;YAED,kDAAkD;YAClD,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAA;YAEzB,oDAAoD;YACpD,+DAA+D;YAC/D,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACjC,CAAC;YAED,kCAAkC;YAClC,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACpC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;YACxC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,wCAAwC;QACxC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAA;YACtC,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAA;QACjE,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,oBAAoB,CAAC,KAAa;QACxC,+CAA+C;QAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAW,CAAA;QAC/D,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,KAAK,EAAE,CAAC,CAAA;QAC9C,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACxC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAA;QAEnD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC1B,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAA;IAChC,CAAC;IAED,OAAO,CAAC,iBAAmC;QACzC,2CAA2C;QAC3C,IAAI,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClE,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;CACF;AAvHC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACf;AAOZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACI;AAkHjC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAA;AACxD,CAAC"}
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/avatar/AvatarGroup.ts"],"names":[],"mappings":"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"}

package/dist/components/badge/Badge.d.ts

@@ -22,6 +22,8 @@ declare const Badge_base: (new (...args: any[]) => import("../../util/EventEmitt
  * @cssprop --badge-py - Vertical padding (overrides size default)
  * @cssprop --badge-dot-size - Size of the dot affordance (default: 6px)
  *
+ * @slot - Label text or child elements (e.g., btu-icon + text)
+ *
  * @example
  * ```html
  * <!-- Badge with dot -->
@@ -57,7 +59,7 @@ export default class Badge extends Badge_base {
      * - 'lg': Large
      * @attr
      */
-    size: string;
+    size: 'sm' | 'md' | 'lg';
     /** @internal */
     private initialClasses;
     connectedCallback(): void;

package/dist/components/badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC9D,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAyC;IAC1E;;;;;;;;OAQG;IAEH,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAS;IAEtE;;;OAGG;IAEH,GAAG,UAAQ;IAEX;;;;;;OAMG;IAEH,IAAI,SAAO;IAEX,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAqBlB,YAAY,IAAI,IAAI;IAIpB,MAAM;CAGP;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAA;KACnB;CACF"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC9D,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAyC;IAC1E;;;;;;;;OAQG;IAEH,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAS;IAEtE;;;OAGG;IAEH,GAAG,UAAQ;IAEX;;;;;;OAMG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE/B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAqBlB,YAAY,IAAI,IAAI;IAIpB,MAAM;CAGP;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAA;KACnB;CACF"}

package/dist/components/badge/Badge.js

@@ -25,6 +25,8 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
  * @cssprop --badge-py - Vertical padding (overrides size default)
  * @cssprop --badge-dot-size - Size of the dot affordance (default: 6px)
  *
+ * @slot - Label text or child elements (e.g., btu-icon + text)
+ *
  * @example
  * ```html
  * <!-- Badge with dot -->

package/dist/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAA5E;;QACE;;;;;;;;WAQG;QAEH,YAAO,GAAyD,MAAM,CAAA;QAEtE;;;WAGG;QAEH,QAAG,GAAG,KAAK,CAAA;QAEX;;;;;;WAMG;QAEH,SAAI,GAAG,IAAI,CAAA;QAEX,gBAAgB;QACR,mBAAc,GAAa,EAAE,CAAA;IA0CvC,CAAC;IAxCC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,4CAA4C;QAC5C,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,2CAA2C;QAC3C,MAAM,QAAQ,GAAmD;YAC/D,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;SACnB,CAAA;QAED,MAAM,OAAO,GAAG;YACd,GAAG,IAAI,CAAC,cAAc;YACtB,WAAW;YACX,aAAa,IAAI,CAAC,IAAI,EAAE;YACxB,aAAa,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;SAChC,CAAA;QAED,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpD,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;CACF;AA9DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAC2C;AAOtE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCACjB;AAUX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAChB;AA+Cb,oEAAoE;AACpE,8DAA8D;AAC9D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC3C,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAA5E;;QACE;;;;;;;;WAQG;QAEH,YAAO,GAAyD,MAAM,CAAA;QAEtE;;;WAGG;QAEH,QAAG,GAAG,KAAK,CAAA;QAEX;;;;;;WAMG;QAEH,SAAI,GAAuB,IAAI,CAAA;QAE/B,gBAAgB;QACR,mBAAc,GAAa,EAAE,CAAA;IA0CvC,CAAC;IAxCC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,4CAA4C;QAC5C,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,2CAA2C;QAC3C,MAAM,QAAQ,GAAmD;YAC/D,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;SACnB,CAAA;QAED,MAAM,OAAO,GAAG;YACd,GAAG,IAAI,CAAC,cAAc;YACtB,WAAW;YACX,aAAa,IAAI,CAAC,IAAI,EAAE;YACxB,aAAa,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;SAChC,CAAA;QAED,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpD,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;CACF;AA9DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAC2C;AAOtE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCACjB;AAUX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACI;AA+CjC,oEAAoE;AACpE,8DAA8D;AAC9D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC3C,CAAC"}

package/dist/components/button-group/ButtonGroup.d.ts

@@ -0,0 +1,138 @@
+import { LitElement } from 'lit';
+export interface ButtonGroupProps {
+    label?: string;
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'connected' | 'spaced';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    selection?: 'none' | 'single' | 'multiple';
+    value?: string;
+    name?: string;
+}
+declare const ButtonGroup_base: (new (...args: any[]) => import("../../util/RovingTabindexMixin.js").RovingTabindexInterface) & (new (...args: any[]) => import("../../util/ComponentStatesMixin.js").ComponentStatesMixinInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A semantic container for grouping related buttons together.
+ *
+ * Supports connected (joined) and spaced layouts, horizontal and vertical
+ * orientation, group-level size and disabled propagation, and optional
+ * toggle/selection modes (single-select or multi-select).
+ *
+ * @element btu-button-group
+ *
+ * @fires {CustomEvent} btu-button-group-ready - Fired after first render and initialization
+ * @fires {CustomEvent<{value: string}>} btu-button-group-change - Fired when selection changes (single/multiple modes only)
+ * @fires {CustomEvent<{name: string | undefined}>} btu-icon-button-click - Bubbles from child btu-icon-button elements when clicked
+ *
+ * @slot - One or more btu-button or btu-icon-button elements to display in the group
+ * @slot end - Pushes the child to the end of the group via auto-margin (vertical: bottom, horizontal: right)
+ *
+ * @cssprop --button-group-gap - Space between buttons when variant="spaced" (default: spacing.sm)
+ * @cssprop --button-group-border-radius - Corner radius of outer edges when variant="connected" (default: 0.5rem)
+ * @cssprop --button-group-border-color - Internal divider color between connected buttons (default: gray-300)
+ * @cssprop --button-group-selection-bg - Background of a toggled/selected child (default: primary-50)
+ * @cssprop --button-group-selection-color - Text/icon color of a toggled/selected child (default: primary-700)
+ * @cssprop --button-group-shimmer-highlight - Highlight color of the selection shimmer effect (default: primary-200)
+ *
+ * @cssstate btu-connected - Applied when variant="connected", targetable via :state(btu-connected)
+ * @cssstate btu-spaced - Applied when variant="spaced", targetable via :state(btu-spaced)
+ * @cssstate btu-horizontal - Applied when orientation="horizontal", targetable via :state(btu-horizontal)
+ * @cssstate btu-vertical - Applied when orientation="vertical", targetable via :state(btu-vertical)
+ * @cssstate btu-disabled - Applied when the group is disabled, targetable via :state(btu-disabled)
+ */
+export default class ButtonGroup extends ButtonGroup_base {
+    static get tagName(): string;
+    /**
+     * Accessible name for the group, announced by assistive devices via aria-label.
+     * @attr
+     */
+    label: string;
+    /**
+     * Layout direction of the buttons.
+     * @attr
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * `connected` collapses shared borders for a joined appearance.
+     * `spaced` renders buttons with a gap.
+     * @attr
+     */
+    variant: 'connected' | 'spaced';
+    /**
+     * Propagates a uniform size to all child buttons.
+     * @attr
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * When true, disables all child buttons as a group.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * Enables toggle/selection behavior.
+     * `single` allows one active button; `multiple` allows many.
+     * @attr
+     */
+    selection: 'none' | 'single' | 'multiple';
+    /**
+     * Reflects the currently selected button value(s).
+     * For `single`, the value of the active button.
+     * For `multiple`, a comma-delimited list of active values.
+     * @attr
+     */
+    value: string;
+    /**
+     * When set, creates hidden input(s) for native form participation.
+     * @attr
+     */
+    name: string;
+    /** @internal */
+    private initialClasses;
+    /** @internal */
+    private boundHandleClick;
+    /** @internal */
+    private boundHandleKeyDown;
+    /** @internal */
+    _getRovingTargets(): HTMLElement[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** @internal Sync size, disabled, and selection on a direct child */
+    private syncChild;
+    /** @internal Set aria-pressed on the interactive button element */
+    private syncSelection;
+    /** @internal Re-sync all children */
+    private syncAllChildren;
+    /** @internal Set data-all-selected when every selectable button is pressed */
+    private syncAllSelected;
+    /** @internal Initialize roving tabindex: selected button gets tabindex=0, others -1 */
+    private syncRovingTabindex;
+    /** @internal Parsed list of currently selected values, filtering empty segments */
+    private get selectedValues();
+    /** @internal Resolve value: value attr → textContent fallback */
+    private resolveButtonValue;
+    /** @internal Resolve the value-holding element from a click target */
+    private resolveGroupItem;
+    /** @internal Create/update/remove hidden inputs */
+    private syncHiddenInputs;
+    /** @internal Update value and fire change event */
+    private setSelection;
+    /** @internal Handle click events for selection */
+    private handleClick;
+    /** @internal */
+    private handleKeyDown;
+    /** @internal Activate the currently focused button (single-select arrow nav) */
+    private activateFocusedButton;
+    /** @internal */
+    private syncStates;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-button-group': ButtonGroup;
+    }
+}
+export {};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/button-group/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAQtC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAExC;IACC,MAAM,KAAK,OAAO,WAEjB;IAED;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;OAGG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAe;IAErD;;;;OAIG;IAEH,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAc;IAE7C;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE/B;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;;OAIG;IAEH,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAS;IAElD;;;;;OAKG;IAEH,KAAK,SAAK;IAEV;;;OAGG;IAEH,IAAI,SAAK;IAET,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAChB,OAAO,CAAC,gBAAgB,CAA8B;IAEtD,gBAAgB;IAChB,OAAO,CAAC,kBAAkB,CAAgC;IAE1D,gBAAgB;IAChB,iBAAiB,IAAI,WAAW,EAAE;IAgBlC,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAYlB,YAAY,IAAI,IAAI;IAepB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBtD,qEAAqE;IACrE,OAAO,CAAC,SAAS;IAoBjB,mEAAmE;IACnE,OAAO,CAAC,aAAa;IAYrB,qCAAqC;IACrC,OAAO,CAAC,eAAe;IAOvB,8EAA8E;IAC9E,OAAO,CAAC,eAAe;IAkBvB,uFAAuF;IACvF,OAAO,CAAC,kBAAkB;IAc1B,mFAAmF;IACnF,OAAO,KAAK,cAAc,GAEzB;IAID,iEAAiE;IACjE,OAAO,CAAC,kBAAkB;IAS1B,sEAAsE;IACtE,OAAO,CAAC,gBAAgB;IAUxB,mDAAmD;IACnD,OAAO,CAAC,gBAAgB;IAiBxB,mDAAmD;IACnD,OAAO,CAAC,YAAY;IAKpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAuBnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAkCrB,gFAAgF;IAChF,OAAO,CAAC,qBAAqB;IAY7B,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAclB,MAAM;CAGP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAA;KAChC;CACF"}