@brightspot/ui 1.10.0 → 3.0.0

package/dist/components/empty-state/EmptyState.js

@@ -0,0 +1,209 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import onFind from '../../util/onFind.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import '../button-group/ButtonGroup.js';
+import './EmptyState.css';
+const HEADING_LEVEL_BY_SIZE = {
+    sm: 5,
+    md: 4,
+    lg: 3,
+};
+const ICON_SIZE_BY_EMPTY_STATE_SIZE = {
+    sm: 'md',
+    md: 'lg',
+    lg: 'xl',
+};
+const MANAGED_CLASSES = new Set([
+    'btu-empty-state',
+    'btu-empty-state-sm',
+    'btu-empty-state-md',
+    'btu-empty-state-lg',
+]);
+const isHeadingLevel = (n) => typeof n === 'number' && Number.isInteger(n) && n >= 1 && n <= 6;
+/**
+ * An empty state component for displaying placeholder content when no data is available.
+ *
+ * Supports a graphic slot for icons/images/pictures/SVGs, a heading, a description,
+ * and an actions slot for buttons or links. Available in three sizes (sm, md, lg)
+ * with semantic heading levels.
+ *
+ * ## Architecture: Light DOM + Pseudo-Slots
+ *
+ * This component uses **Light DOM** (no Shadow Root) with pseudo-slots:
+ * - User-provided children are physically moved into internal containers
+ * - Movement is based on `slot` attributes
+ * - The `onFind` utility detects and redistributes newly-added children (one-time per element)
+ *
+ * ### Node Redistribution Rules
+ * - `slot="graphic"` - Moved to graphic container (icon, image, picture, or SVG)
+ * - `slot="actions"` - Moved to an internal `btu-button-group` (variant="spaced")
+ *
+ * ### Actions composition
+ *
+ * The actions container IS a `btu-button-group` with `variant="spaced"`. Its `size`
+ * is mapped from the empty-state `size` prop (sm→small, md→medium, lg→large) so all
+ * child `btu-button` / `btu-icon-button` elements get consistent sizing and group
+ * semantics (`role="group"`, roving tabindex, disabled propagation) for free.
+ *
+ * @element btu-empty-state
+ *
+ * @fires {CustomEvent} btu-empty-state-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-button-group-ready - Bubbles from the internal actions button-group
+ *
+ * @cssprop --empty-state-max-width - Maximum width of the content block (default: min(75cqw, 360px))
+ * @cssprop --empty-state-color-heading - Heading text color (default: gray-900)
+ * @cssprop --empty-state-color-description - Description text color (default: gray-500)
+ *
+ * @slot graphic - Pseudo-slot for icon, image, picture, or SVG graphic.
+ *   When the child is a `btu-icon`, the component overrides its `size` attribute
+ *   based on the empty-state `size` prop (sm→md, md→lg, lg→xl). Use an `img`,
+ *   `picture`, or inline `svg` for full size control.
+ * @slot actions - Pseudo-slot for action buttons. Children are moved into an internal
+ *   `btu-button-group` (variant="spaced"), so size and disabled state are managed
+ *   by the group.
+ *
+ * @example
+ * ```html
+ * <btu-empty-state heading="No results found" description="Try adjusting your search criteria.">
+ *   <btu-icon slot="graphic" symbol="search" size="xl"></btu-icon>
+ *   <button slot="actions">Clear filters</button>
+ * </btu-empty-state>
+ * ```
+ */
+export default class EmptyState extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Heading text displayed in the empty state.
+         * @attr
+         */
+        this.heading = '';
+        /**
+         * Size variant of the empty state. Affects spacing, description text, graphic size,
+         * and — when `heading-level` is unset — the default heading level (sm→5, md→4, lg→3).
+         * @attr
+         */
+        this.size = 'md';
+        this.initialClasses = [];
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.className) {
+            this.initialClasses = this.className.split(' ').filter(c => c.trim() && !MANAGED_CLASSES.has(c));
+        }
+    }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        const classes = [...this.initialClasses, 'btu-empty-state', `btu-empty-state-${this.size}`];
+        this.className = classes.filter(Boolean).join(' ');
+        if (changedProperties.has('headingLevel') && this.headingLevel != null && !isHeadingLevel(this.headingLevel)) {
+            console.warn(`EmptyState: Invalid heading-level="${this.headingLevel}". Valid values are 1-6. Falling back to size-based default.`);
+        }
+    }
+    firstUpdated() {
+        const graphicContainer = this.querySelector('.btu-empty-state-graphic');
+        const actionsContainer = this.querySelector('.btu-empty-state-actions');
+        if (graphicContainer && actionsContainer) {
+            onFind(this, ':scope > :not([data-empty-state-internal])', el => {
+                const slot = el.getAttribute('slot');
+                if (slot === 'graphic') {
+                    graphicContainer.appendChild(el);
+                    if (el.tagName === 'BTU-ICON') {
+                        this.syncGraphicIconSize();
+                    }
+                }
+                else if (slot === 'actions') {
+                    actionsContainer.appendChild(el);
+                }
+                else if (slot) {
+                    console.warn(`EmptyState: Unrecognized slot="${slot}". Valid slots are "graphic" and "actions".`, el);
+                }
+                else {
+                    console.warn('EmptyState: Child element has no slot attribute. Use slot="graphic" or slot="actions".', el);
+                }
+            });
+        }
+        this.emit('btu-empty-state-ready');
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('size')) {
+            this.syncGraphicIconSize();
+        }
+    }
+    syncGraphicIconSize() {
+        const icon = this.querySelector('.btu-empty-state-graphic btu-icon');
+        if (icon) {
+            icon.setAttribute('size', ICON_SIZE_BY_EMPTY_STATE_SIZE[this.size]);
+        }
+    }
+    resolveHeadingLevel() {
+        return isHeadingLevel(this.headingLevel) ? this.headingLevel : HEADING_LEVEL_BY_SIZE[this.size];
+    }
+    renderHeading(level, className) {
+        if (!this.heading)
+            return '';
+        switch (level) {
+            case 1:
+                return html `<h1 class="${className}" data-empty-state-internal>${this.heading}</h1>`;
+            case 2:
+                return html `<h2 class="${className}" data-empty-state-internal>${this.heading}</h2>`;
+            case 3:
+                return html `<h3 class="${className}" data-empty-state-internal>${this.heading}</h3>`;
+            case 4:
+                return html `<h4 class="${className}" data-empty-state-internal>${this.heading}</h4>`;
+            case 5:
+                return html `<h5 class="${className}" data-empty-state-internal>${this.heading}</h5>`;
+            case 6:
+                return html `<h6 class="${className}" data-empty-state-internal>${this.heading}</h6>`;
+        }
+    }
+    render() {
+        const level = this.resolveHeadingLevel();
+        const headingClass = `btu-empty-state-title btu-heading-${level}`;
+        return html `
+      <div class="btu-empty-state-graphic" data-empty-state-internal></div>
+      <div class="btu-empty-state-content" data-empty-state-internal>
+        ${this.renderHeading(level, headingClass)}
+        ${this.description
+            ? html `<p class="btu-empty-state-description" data-empty-state-internal>${this.description}</p>`
+            : ''}
+      </div>
+      <btu-button-group
+        class="btu-empty-state-actions"
+        variant="spaced"
+        size="${this.size}"
+        data-empty-state-internal
+      ></btu-button-group>
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], EmptyState.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], EmptyState.prototype, "description", void 0);
+__decorate([
+    property({ type: String })
+], EmptyState.prototype, "size", void 0);
+__decorate([
+    property({ type: Number, attribute: 'heading-level' })
+], EmptyState.prototype, "headingLevel", void 0);
+// Register custom element with guard to prevent double registration
+// (common with yarn link, HMR, or webpack bundle duplication)
+if (!customElements.get('btu-empty-state')) {
+    customElements.define('btu-empty-state', EmptyState);
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map

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

package/dist/components/icon/Icon.d.ts

@@ -1,8 +1,11 @@
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
+import type { ThemeColors } from '../../tailwind-plugin-theme.js';
+export type IconGradientColor = Exclude<ThemeColors, 'black' | 'white'>;
 export interface IconProps {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     symbol?: string;
-    gradient?: 'ai' | 'error' | 'gray' | 'primary' | 'purple' | 'rose' | 'success' | 'teal' | 'warning';
+    gradient?: IconGradientColor;
+    emphasize?: boolean | 'pulse';
 }
 declare const Icon_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
 /**
@@ -16,10 +19,10 @@ declare const Icon_base: (new (...args: any[]) => import("../../util/EventEmitte
  *
  * @fires {CustomEvent} btu-icon-ready - Fired after first render and initialization
  *
- * @cssprop --Icon-size - Icon size (overrides size default)
- * @cssprop --Icon-stroke-width - SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2)
- * @cssprop --Icon-fill - Icon fill color for filled icons (e.g., "currentColor")
- * @cssprop --Icon-svg - SVG data URI for mask-based rendering
+ * @cssprop --icon-size - Icon size (overrides size default)
+ * @cssprop --icon-stroke-width - SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2)
+ * @cssprop --icon-fill - Icon fill color for filled icons (e.g., "currentColor")
+ * @cssprop --icon-svg - SVG data URI for mask-based rendering
  *
  * @example
  * ```html
@@ -30,10 +33,10 @@ declare const Icon_base: (new (...args: any[]) => import("../../util/EventEmitte
  * <btu-icon symbol="star" size="lg" gradient="primary"></btu-icon>
  *
  * <!-- Custom size via CSS -->
- * <btu-icon symbol="check" style="--Icon-size: 3rem"></btu-icon>
+ * <btu-icon symbol="check" style="--icon-size: 3rem"></btu-icon>
  *
  * <!-- Filled icon via CSS (advanced usage) -->
- * <btu-icon symbol="heart" style="--Icon-fill: currentColor"></btu-icon>
+ * <btu-icon symbol="heart" style="--icon-fill: currentColor"></btu-icon>
  * ```
  *
  * @example
@@ -68,12 +71,22 @@ export default class Icon extends Icon_base {
      * When set, icon displays with gradient. When undefined, icon inherits parent text color.
      * @attr
      */
-    gradient?: 'ai' | 'error' | 'gray' | 'primary' | 'purple' | 'rose' | 'success' | 'teal' | 'warning';
+    gradient?: IconGradientColor;
+    /**
+     * Emphasize mode — renders a tonal circle with ring behind the icon.
+     * Colors are derived from `currentColor` via oklch relative color syntax.
+     * Defaults to primary; override with Tailwind `text-*` classes or `style="color: ..."`.
+     * Set as a boolean for the static circle, or `"pulse"` for a one-shot ring animation.
+     * Not intended for use with `gradient` — the two features target
+     * conflicting rendering modes.
+     * @attr
+     */
+    emphasize?: boolean | 'pulse';
     /** @internal */
     private initialClasses;
     connectedCallback(): void;
     createRenderRoot(): this;
-    willUpdate(): void;
+    willUpdate(changedProperties: PropertyValues): void;
     firstUpdated(): void;
     /**
      * Escape HTML special characters to prevent XSS attacks in comments.

package/dist/components/icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAWtC,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;CACpG;;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAAyC;IACzE,MAAM,KAAK,OAAO,WAEjB;IAED;;;;;;;;OAQG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE7C;;;;OAIG;IAEH,MAAM,EAAE,MAAM,CAAkB;IAEhC;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAEnG,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAclB,YAAY,IAAI,IAAI;IAIpB;;;OAGG;IACH,OAAO,CAAC,UAAU;IASlB,MAAM;CA+CP;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAA;KACjB;CACF"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAM3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAMjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,CAAC,CAAA;AAEvE,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC9B;;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAAyC;IACzE,MAAM,KAAK,OAAO,WAEjB;IAED;;;;;;;;OAQG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE7C;;;;OAIG;IAEH,MAAM,EAAE,MAAM,CAAkB;IAEhC;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;;;;;OAQG;IAgBH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAE7B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IA6BnD,YAAY,IAAI,IAAI;IAIpB;;;OAGG;IACH,OAAO,CAAC,UAAU;IASlB,MAAM;CA+CP;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAA;KACjB;CACF"}

package/dist/components/icon/Icon.js

@@ -31,10 +31,10 @@ for (const [key, value] of Object.entries(LucideExports)) {
  *
  * @fires {CustomEvent} btu-icon-ready - Fired after first render and initialization
  *
- * @cssprop --Icon-size - Icon size (overrides size default)
- * @cssprop --Icon-stroke-width - SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2)
- * @cssprop --Icon-fill - Icon fill color for filled icons (e.g., "currentColor")
- * @cssprop --Icon-svg - SVG data URI for mask-based rendering
+ * @cssprop --icon-size - Icon size (overrides size default)
+ * @cssprop --icon-stroke-width - SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2)
+ * @cssprop --icon-fill - Icon fill color for filled icons (e.g., "currentColor")
+ * @cssprop --icon-svg - SVG data URI for mask-based rendering
  *
  * @example
  * ```html
@@ -45,10 +45,10 @@ for (const [key, value] of Object.entries(LucideExports)) {
  * <btu-icon symbol="star" size="lg" gradient="primary"></btu-icon>
  *
  * <!-- Custom size via CSS -->
- * <btu-icon symbol="check" style="--Icon-size: 3rem"></btu-icon>
+ * <btu-icon symbol="check" style="--icon-size: 3rem"></btu-icon>
  *
  * <!-- Filled icon via CSS (advanced usage) -->
- * <btu-icon symbol="heart" style="--Icon-fill: currentColor"></btu-icon>
+ * <btu-icon symbol="heart" style="--icon-fill: currentColor"></btu-icon>
  * ```
  *
  * @example
@@ -95,7 +95,7 @@ export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
     createRenderRoot() {
         return this;
     }
-    willUpdate() {
+    willUpdate(changedProperties) {
         const classes = [...this.initialClasses, 'btu-icon', `btu-icon-${this.size}`];
         // Add gradient class if gradient is set
         if (this.gradient) {
@@ -104,6 +104,16 @@ export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
             classes.push(`btu-icon-gradient-${this.gradient}`);
             classes.push(`btu-icon-via-mask-${kebabName}`);
         }
+        // Warn once when the conflict is introduced, not on every re-render
+        if (this.emphasize && this.gradient && (changedProperties.has('emphasize') || changedProperties.has('gradient'))) {
+            console.warn('[btu-icon] "emphasize" and "gradient" target conflicting rendering modes. "gradient" takes precedence.', this);
+        }
+        if (this.emphasize && !this.gradient) {
+            classes.push('btu-icon-emphasize');
+            if (this.emphasize === 'pulse') {
+                classes.push('btu-icon-emphasize-pulse');
+            }
+        }
         this.className = classes.filter(Boolean).join(' ');
     }
     firstUpdated() {
@@ -151,8 +161,8 @@ export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
             return html `${unsafeHTML(debugComment)}${unsafeSVG(maskedSvg)}`;
         }
         // Non-gradient path: render SVG with sizing
-        const fillAttr = this.style.getPropertyValue('--Icon-fill') ? `fill="var(--Icon-fill)"` : ''; // Optional fill
-        const styledSvg = decodedSvg.replace('<svg', `<svg ${fillAttr} style="width: var(--Icon-size); height: var(--Icon-size); display: inline-block; stroke-width: var(--Icon-stroke-width, 2);"`);
+        const fillAttr = this.style.getPropertyValue('--icon-fill') ? `fill="var(--icon-fill)"` : ''; // Optional fill
+        const styledSvg = decodedSvg.replace('<svg', `<svg ${fillAttr} style="width: var(--icon-size); height: var(--icon-size); display: inline-block; stroke-width: var(--icon-stroke-width, 2);"`);
         return html `${unsafeHTML(debugComment)}${unsafeSVG(styledSvg)}`;
     }
 }
@@ -165,6 +175,27 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Icon.prototype, "gradient", void 0);
+__decorate([
+    property({
+        converter: {
+            fromAttribute(value) {
+                if (value === null)
+                    return undefined;
+                if (value === 'pulse')
+                    return 'pulse';
+                return true;
+            },
+            toAttribute(value) {
+                if (!value)
+                    return null;
+                if (value === 'pulse')
+                    return 'pulse';
+                return '';
+            },
+        },
+        reflect: true,
+    })
+], Icon.prototype, "emphasize", void 0);
 // Register custom element with guard to prevent double registration
 // (common with yarn link, HMR, or webpack bundle duplication)
 if (!customElements.get('btu-icon')) {

package/dist/components/icon/Icon.js.map

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

package/dist/components/icon-button/IconButton.d.ts

@@ -1,21 +1,7 @@
 import { LitElement } from 'lit';
 import '../icon/Icon.js';
 export type IconButtonType = 'primary' | 'primary-clear' | 'primary-stroke' | 'secondary' | 'secondary-clear' | 'secondary-stroke' | 'tertiary' | 'tertiary-clear' | 'tertiary-stroke';
-declare const SIZE_MAP: {
-    readonly small: {
-        readonly buttonSize: "sm";
-        readonly iconSize: "sm";
-    };
-    readonly medium: {
-        readonly buttonSize: "md";
-        readonly iconSize: "md";
-    };
-    readonly large: {
-        readonly buttonSize: "lg";
-        readonly iconSize: "lg";
-    };
-};
-export type IconButtonSize = keyof typeof SIZE_MAP;
+export type IconButtonSize = 'sm' | 'md' | 'lg';
 declare const IconButton_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;
 /**
  * Surfaces the different actions someone can perform in an interface where space is limited.
@@ -30,9 +16,9 @@ declare const IconButton_base: (new (...args: any[]) => import("../../util/Toolt
  *
  * @example
  * ```html
- * <btu-icon-button icon-symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
- * <btu-icon-button icon-symbol="pencil" type="secondary" size="small" aria-label="Edit"></btu-icon-button>
- * <btu-icon-button icon-symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
+ * <btu-icon-button symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
+ * <btu-icon-button symbol="pencil" type="secondary" size="sm" aria-label="Edit"></btu-icon-button>
+ * <btu-icon-button symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
  * ```
  */
 export default class IconButton extends IconButton_base {
@@ -47,10 +33,10 @@ export default class IconButton extends IconButton_base {
      */
     type: IconButtonType;
     /**
-     * Lucide icon name.
-     * @attr icon-symbol
+     * Lucide icon symbol.
+     * @attr
      */
-    iconSymbol: string | undefined;
+    symbol: string | undefined;
     /**
      * Specifies the size of icon-button.
      * @attr

package/dist/components/icon-button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,OAAO,iBAAiB,CAAA;AAExB,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,GACV,gBAAgB,GAChB,iBAAiB,CAAA;AAerB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;CAIJ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,QAAQ,CAAA;;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAuD;IAC7F;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAExB;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAY;IAEhC;;;OAGG;IAEH,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9B;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAW;IAE/B;;;;OAIG;IAEH,WAAW,UAAQ;IAEnB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc3E,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQxE,OAAO,CAAC,kBAAkB;IAqB1B,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW7E,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB;IAW3B,MAAM;CAiBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAA;KAC9B;CACF"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,OAAO,iBAAiB,CAAA;AAExB,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,GACV,gBAAgB,GAChB,iBAAiB,CAAA;AAerB,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;;AAI/C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAuD;IAC7F;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAExB;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAY;IAEhC;;;OAGG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAE1B;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAO;IAE3B;;;;OAIG;IAEH,WAAW,UAAQ;IAEnB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc3E,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQxE,OAAO,CAAC,kBAAkB;IAqB1B,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW7E,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB;IAU3B,MAAM;CAgBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAA;KAC9B;CACF"}

package/dist/components/icon-button/IconButton.js

@@ -23,11 +23,7 @@ const TYPE_COLOR_CLASSES = {
     'tertiary-clear': ['btu-button-teal', 'btu-button-fill-none'],
     'tertiary-stroke': ['btu-button-teal', 'btu-button-fill-none', 'btu-button-outline'],
 };
-const SIZE_MAP = {
-    small: { buttonSize: 'sm', iconSize: 'sm' },
-    medium: { buttonSize: 'md', iconSize: 'md' },
-    large: { buttonSize: 'lg', iconSize: 'lg' },
-};
+const VALID_SIZES = new Set(['sm', 'md', 'lg']);
 /**
  * Surfaces the different actions someone can perform in an interface where space is limited.
  *
@@ -41,9 +37,9 @@ const SIZE_MAP = {
  *
  * @example
  * ```html
- * <btu-icon-button icon-symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
- * <btu-icon-button icon-symbol="pencil" type="secondary" size="small" aria-label="Edit"></btu-icon-button>
- * <btu-icon-button icon-symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
+ * <btu-icon-button symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
+ * <btu-icon-button symbol="pencil" type="secondary" size="sm" aria-label="Edit"></btu-icon-button>
+ * <btu-icon-button symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
  * ```
  */
 export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
@@ -58,7 +54,7 @@ export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixi
          * Specifies the size of icon-button.
          * @attr
          */
-        this.size = 'medium';
+        this.size = 'md';
         /**
          * Specifies an icon-button will be used to take any destructive action overriding the
          * default color used for the icon-button type with the error color.
@@ -80,9 +76,9 @@ export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixi
             console.warn(`[btu-icon-button] Unrecognized type: "${this.type}". Falling back to "primary".`);
             this.type = 'primary';
         }
-        if (changedProperties.has('size') && !(this.size in SIZE_MAP)) {
-            console.warn(`[btu-icon-button] Unrecognized size: "${this.size}". Falling back to "medium".`);
-            this.size = 'medium';
+        if (changedProperties.has('size') && !VALID_SIZES.has(this.size)) {
+            console.warn(`[btu-icon-button] Unrecognized size: "${this.size}". Falling back to "md".`);
+            this.size = 'md';
         }
     }
     updated(changedProperties) {
@@ -122,16 +118,14 @@ export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixi
         this.emit('btu-icon-button-click', { name: this.name });
     }
     _buildButtonClasses() {
-        const { buttonSize } = SIZE_MAP[this.size] ?? SIZE_MAP.medium;
         const typeConfig = TYPE_COLOR_CLASSES[this.type] ?? TYPE_COLOR_CLASSES.primary;
         const colorClass = this.destructive ? 'btu-button-error' : typeConfig[0];
         const modifiers = typeConfig.slice(1);
-        return ['btu-button', 'btu-button-text-hidden', colorClass, ...modifiers, `btu-button-${buttonSize}`]
+        return ['btu-button', 'btu-button-text-hidden', colorClass, ...modifiers, `btu-button-${this.size}`]
             .filter(Boolean)
             .join(' ');
     }
     render() {
-        const { iconSize } = SIZE_MAP[this.size] ?? SIZE_MAP.medium;
         const ariaLabel = this.getAttribute('aria-label')?.trim() || this.tooltip?.trim() || undefined;
         return html `
       <button
@@ -142,7 +136,7 @@ export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixi
         ?disabled=${this.disabled}
         @click="${this._handleClick}"
       >
-        <btu-icon symbol="${ifDefined(this.iconSymbol)}" size="${iconSize}"></btu-icon>
+        <btu-icon symbol="${ifDefined(this.symbol)}" size="${this.size}"></btu-icon>
       </button>
     `;
     }
@@ -154,8 +148,8 @@ __decorate([
     property()
 ], IconButton.prototype, "type", void 0);
 __decorate([
-    property({ attribute: 'icon-symbol' })
-], IconButton.prototype, "iconSymbol", void 0);
+    property({ type: String })
+], IconButton.prototype, "symbol", void 0);
 __decorate([
     property()
 ], IconButton.prototype, "size", void 0);

package/dist/components/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,iBAAiB,CAAA;AAaxB,kFAAkF;AAClF,MAAM,kBAAkB,GAAqC;IAC3D,OAAO,EAAE,CAAC,oBAAoB,CAAC;IAC/B,eAAe,EAAE,CAAC,oBAAoB,EAAE,sBAAsB,CAAC;IAC/D,gBAAgB,EAAE,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,oBAAoB,CAAC;IACtF,SAAS,EAAE,CAAC,iBAAiB,CAAC;IAC9B,iBAAiB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC;IAC9D,kBAAkB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,CAAC;IACrF,QAAQ,EAAE,CAAC,iBAAiB,CAAC;IAC7B,gBAAgB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC;IAC7D,iBAAiB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,CAAC;CACrF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3C,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC5C,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;CACnC,CAAA;AAIV;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;IAA/F;;QAQE;;;WAGG;QAEH,SAAI,GAAmB,SAAS,CAAA;QAShC;;;WAGG;QAEH,SAAI,GAAmB,QAAQ,CAAA;QAE/B;;;;WAIG;QAEH,gBAAW,GAAG,KAAK,CAAA;QAEnB;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAA;IA4FlB,CAAC;IA1FC,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,UAAU,CAAC,iBAAyD;QAClE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;QAEnC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,kBAAkB,CAAC,EAAE,CAAC;YACxE,OAAO,CAAC,IAAI,CAAC,yCAAyC,IAAI,CAAC,IAAI,+BAA+B,CAAC,CAAA;YAC/F,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;QACvB,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,EAAE,CAAC;YAC9D,OAAO,CAAC,IAAI,CAAC,yCAAyC,IAAI,CAAC,IAAI,8BAA8B,CAAC,CAAA;YAC9F,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;QACtB,CAAC;IACH,CAAC;IAED,OAAO,CAAC,iBAAyD;QAC/D,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAEhC,kEAAkE;QAClE,yEAAyE;QACzE,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC3B,CAAC;IAEO,kBAAkB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC3C,IAAI,CAAC,MAAM;YAAE,OAAM;QAEnB,kEAAkE;QAClE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;QAC7D,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;YACxC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;QACrD,CAAC;QAED,wEAAwE;QACxE,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAC/D,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;YACxC,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,CAAC,CAAA;QACvD,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;QAC5C,CAAC;IACH,CAAC;IAED,YAAY,CAAC,iBAAyD;QACpE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;QACrC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;YACtE,OAAO,CAAC,IAAI,CACV,kGAAkG,EAClG,IAAI,CACL,CAAA;QACH,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IACpC,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;IACzD,CAAC;IAEO,mBAAmB;QACzB,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAA;QAC7D,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,OAAO,CAAA;QAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QACxE,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAErC,OAAO,CAAC,YAAY,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,cAAc,UAAU,EAAE,CAAC;aAClG,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAA;QAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,SAAS,CAAA;QAE9F,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,mBAAmB,EAAE;qBACtB,SAAS,CAAC,SAAS,CAAC;eAC1B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;oBACf,IAAI,CAAC,QAAQ;kBACf,IAAI,CAAC,YAAY;;4BAEP,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,QAAQ;;KAEpE,CAAA;IACH,CAAC;CACF;AAhIC;IADC,QAAQ,EAAE;wCACa;AAOxB;IADC,QAAQ,EAAE;wCACqB;AAOhC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;8CACT;AAO9B;IADC,QAAQ,EAAE;wCACoB;AAQ/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACT;AAOnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACZ;AA8FlB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAA;AACtD,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.ts"],"names":[],"mappings":"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"}

package/dist/components/linear-progress/LinearProgress.d.ts

@@ -5,8 +5,8 @@ declare const LinearProgress_base: (new (...args: any[]) => import("../../util/P
  *
  * @element btu-linear-progress
  *
- * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
- * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ * @fires {CustomEvent} btu-linear-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-linear-progress-complete - Fired when progress reaches 100
  *
  * @cssprop --progress-color - Custom progress bar color (overrides theme color)
  * @cssprop --track-color - Track/background color (overrides default gray-100)

package/dist/components/linear-progress/LinearProgress.js

@@ -7,8 +7,8 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
  *
  * @element btu-linear-progress
  *
- * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
- * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ * @fires {CustomEvent} btu-linear-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-linear-progress-complete - Fired when progress reaches 100
  *
  * @cssprop --progress-color - Custom progress bar color (overrides theme color)
  * @cssprop --track-color - Track/background color (overrides default gray-100)