@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/esm/bh-pivot-grid.entry.js

@@ -1,13 +1,14 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { h as handleFieldDragStart, c as cleanupFieldDragState, g as getFieldDragData, a as handleFieldDragOver, b as handleFieldDrop } from './bh-pivot-grid.dnd-D1dU_VEW.js';
 import { v as validateJSON } from './validators-R-A72b5e.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
-import { c as createComponentErrorHandler } from './component-error-handler-BVWQSuxn.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
+import { c as createComponentErrorHandler } from './component-error-handler-bgLpf9Pn.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { c as createEventListenerManager } from './event-listener-manager-CijzRD3j.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
 
 /**
@@ -1633,32 +1634,32 @@ const BhPivotGrid = class {
             : String(m.columnCount +
                 (this.showRowGrandTotals ? 1 : 0) +
                 (this.showColumnGrandTotals ? 1 : 0));
-        return (h(Host, { key: '4fc93ab072c0e03fbfd9d9a8bc21520f09d7d6bf', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
+        return (h(Host, { key: '6fbbb10a181ff987c473f6a3b1f19835c30a7e80', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
                 if (this.matrix && e.target === this.el && this.activeCellEl) {
                     this.activeCellEl.focus();
                 }
-            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, h("div", { key: '4a254af3c571045791756e3a23e42741184f6322', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), h("div", { key: '0d050f0024f35365dd91e2feef1573e942595f6f', class: "pivot-grid-root" }, this.showFieldPanel && (h("div", { key: '1a3cd6c572c4acd747af775faef1ba59b062133b', class: "pivot-grid-toolbar", part: "toolbar" }, h("slot", { key: '04f504dba0a53e82eb6aabf699da2a0f580dd353', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (h("button", { key: 'b961d63c05039eb4b0ae03f4fc235e401f5a0999', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (h("button", { key: '5e28936efd931998fc105e9c89c8c01906a9cfd3', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), h("slot", { key: '98c24a2584b304ff9643ed03f50b39ab13722747', name: "toolbar-end" }))), this.showFieldPanel && (h("div", { key: 'eb57a40e286d1e5a28d97cafd2ba91c8b7681b48', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (h("div", { key: '582a2235e1935dd87a937cbfe6184cd1addb56c4', class: {
+            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, h("div", { key: '200a2c1a121ef93378488d74c227579339f6cc89', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), h("div", { key: '1aa66a126f3b4bca60066071a3cd3e8b346f9b3b', class: "pivot-grid-root" }, this.showFieldPanel && (h("div", { key: '5b235927a3f38e3307fe0f3de4944187e0c927b7', class: "pivot-grid-toolbar", part: "toolbar" }, h("slot", { key: '1634439bba85fbff3c38dc9dd99496c1e0154df3', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (h("button", { key: 'a5393995c9651164f85289ade65c27238bf95acf', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (h("button", { key: '6c2ab09403c84c1073f75221a8f374df89c09fd2', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), h("slot", { key: '4b06f58afe90ca5cff3d296b31df85f157a29313', name: "toolbar-end" }))), this.showFieldPanel && (h("div", { key: '292857f8cdfb7b01aabf500b972a4dd3e0a97379', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (h("div", { key: '2d3f2b8e375e2bb814a4f1a5d494ded7ebdef7d5', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "row",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, h("span", { key: '03b10fd67a23237eef9f7e962819e8d25237150d', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: '92c89eefbd1ccbdd3162b4eff0bc03015d56613a', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, h("span", { key: '05ed6c936d9dc66e673a4249642a1e631c210929', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: 'a31d04115b5c55de9b172d85ad1b4652d0695a66', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (h("div", { key: '8a7804638effbe22d6d75e9709f23d4f536bd568', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (h("div", { key: 'af55068f00c27df2a51a795580d00e74e7c4b451', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "column",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, h("span", { key: 'dd42b40f8b553ee3dffb8516cfe628c701307edb', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: '5b93a9bfb3bebf7d822103fe688e34ef0c935229', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, h("span", { key: 'f1ec4e0585bc21025ca2842cfd7638a51af26799', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: '5ad15f3abc2b00ba3cbcd995209701ce5dcf4ea5', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (h("div", { key: '3c2057c100aeaad7c9290bd01ce2e5f3ea0e89d6', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (h("div", { key: 'da383c15d581d08b8808f30a04c849049482c67f', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "data",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, h("span", { key: '6ae641ddde3dd41eb0e4730e40fcf47bcd9db279', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '782e54f735fcbc3bc51cf5320f12e58d73a12c68', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, h("span", { key: '957e082390e7cc25fb278cb18dbb55d81e9602bb', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '0a9957fb1bf333494824a63a84d5a064251f3221', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (h("div", { key: '2e3b1ab475f40bc9c9befa8c3170a2fec4b4dde3', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (h("div", { key: 'ccfd40613869ca7909e9bdeba8a52a9431114b66', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "filter",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, h("span", { key: '15f001dcfb71562e1fe3f160f60e99075a9844d2', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '79b72cfc696a3af62d65cb0b3594419a5283f719', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, h("span", { key: 'e7cd46d488f7f8a5515bb32871eddad0a3badcb5', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '92d1eac26f70d7470852bcb1957e444b7c39ab7c', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
             .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))), this.allowFiltering &&
@@ -1684,7 +1685,7 @@ const BhPivotGrid = class {
                         const indices = Array.from(sel.selectedOptions).map((o) => Number(o.value));
                         this.setFilterSelectedValues(f.dataField, indices.map((i) => uniqueValues[i]));
                     }, part: "filter-select" }, uniqueValues.map((v, i) => (h("option", { selected: selectedSet.has(v), value: String(i) }, String(v ?? ""))))))));
-            }))))), h("div", { key: 'ab6357a21ac11d4522771904d70007bc4f76e5a2', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (h("div", { class: "pivot-grid-loading", part: "loading" }, h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (h("div", { class: "pivot-grid-skeleton" }, h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, h("slot", { name: "empty-state" }, h("div", null, h("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), h("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, h("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, h("thead", { class: "pivot-grid-thead", part: "thead" }, h("tr", { class: "pivot-grid-header-row", role: "row" }, h("th", { "aria-sort": this.allowSorting &&
+            }))))), h("div", { key: '95b64cf01157b79ddd6b5351236659fa979c9f54', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (h("div", { class: "pivot-grid-loading", part: "loading" }, h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (h("div", { class: "pivot-grid-skeleton" }, h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, h("slot", { name: "empty-state" }, h("div", null, h("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), h("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, h("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, h("thead", { class: "pivot-grid-thead", part: "thead" }, h("tr", { class: "pivot-grid-header-row", role: "row" }, h("th", { "aria-sort": this.allowSorting &&
                 this.fields.filter((x) => x.area === "row").length > 0
                 ? this.getSortOrder(this.fields.filter((x) => x.area === "row")[0]
                     ?.dataField ?? "") === "asc"
@@ -1821,19 +1822,19 @@ const BhPivotGrid = class {
             const val = this.matrix.grandTotal?.formattedValue;
             const empty = val == null || String(val).trim() === "";
             return empty ? t.emptyValue : (val ?? "");
-        })())))))))) : (h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), h("bh-modal", { key: '92a636ce0bb2b3cbbd0a833852aefe56b41a781c', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, h("div", { key: '45c3ddf29f4904075ca703958e36f8d77771040b', class: "pivot-grid-field-chooser-header", slot: "header" }, h("h2", { key: 'f2f1e12bef3c7b4d292060007663258d7bf3f98c', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), h("div", { key: '034a80ec2b99b3c3c89f1487b05f915dedc6a07f', class: "pivot-grid-field-chooser-body" }, h("p", { key: 'f5a92ceee4dd9ac6afe0bf395102ae9a69a14268', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), h("div", { key: '0881ce2d493747a54bcfd8836e3c307319f20d36', class: "pivot-grid-field-chooser-areas" }, h("div", { key: '74943cab8043855c70f33477b861c3c256e1e8a4', class: "pivot-grid-field-chooser-area" }, h("span", { key: '228993e08eb3f5aa97694c22159b5dd4cc8bce22', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: '7101c292d3c20c021161edbcb145ef882ed4ba23', class: "pivot-grid-field-chips" }, this.fields
+        })())))))))) : (h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), h("bh-modal", { key: 'f0491f3cfcee78a7873e781026b4b7429f6b7194', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, h("div", { key: '53b8378cb7ac2dc7a3e08bb8648f648441b888a5', class: "pivot-grid-field-chooser-header", slot: "header" }, h("h2", { key: '3342eebdb94a527beb213b2efae4e8d1a9006761', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), h("div", { key: '85dcbcc5f47b13e39d15956261fc93eb619d59ac', class: "pivot-grid-field-chooser-body" }, h("p", { key: '54accab5562a756ece48e67ad0290411f19b2a9f', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), h("div", { key: 'deee3da1059575b656c64759ba3d07cf5f40ea1f', class: "pivot-grid-field-chooser-areas" }, h("div", { key: 'ed9262c407b53341b63b8550003354a5def4f9d1', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'b20378adbc9a4fcef07d305b2bf2ef374716a4da', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: 'b3da7c4636ce911ddbbdb444f7ebaa0bd2a6aa1a', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: '768a4576ce13f84beee167e0e095bca80f2b21a4', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'b4f2fc287263a7f1031ca88b545942fe8648f9c7', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: 'a6456cbf0cec9c1fa6f0b8ab679b26f97951977a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'a6210c4eae492ca8143788e225f1753700602bb7', class: "pivot-grid-field-chooser-area" }, h("span", { key: '9251ad88d8afd0b1e43d0981398f45aa56e86657', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: 'a6bb41eac725feefb97823dfd7240aed8271f9ca', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'a9bf8ff6577a24f84a69c81774cd13de43129a21', class: "pivot-grid-field-chooser-area" }, h("span", { key: '87a0b94748b140a10447af5acf9583f46cbffd2c', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '16a667e7058cc36cc2b36909060c3ae13d5fa96a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'e4450160900e137cd487f04d67865ff9602950f7', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'd4b111a47f3cc58423f795ebd1fbfa8b0f305d7f', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '7431129b07367bcfc3e1e6e272a277ab280697c6', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), h("div", { key: '4e8c4d6ac28df1320cba8b8c7df82b79fbc72e45', class: "pivot-grid-field-chooser-area" }, h("span", { key: '1b57b0ecce8dccdf86b2d27cda43b409df00bdc9', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '735c6a71e6ee1104fd089ca9547f96679e6f5180', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), h("div", { key: 'a7e1cdfd4fee2ff7934c3c7bd3fd07da83348446', class: "pivot-grid-field-chooser-area" }, h("span", { key: '164f581553722cad871dd65f6e479e11aea9e7e4', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '5929e949659c43c1fe4f88772866de6aef9a7efc', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), h("div", { key: '09b3b9e4970d623cfe723bc6d14a891200be015b', class: "pivot-grid-field-chooser-footer", slot: "actions" }, h("button", { key: '24ad1e092df089172919fdccaa13a8dd7a124dbe', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (h("div", { key: '3aca2440211ba5a0427ca8bd274585c4b40e2dee', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), h("div", { key: 'e9b994e2d11a2637ebbb498cabaed327b6a58ab3', class: "pivot-grid-field-chooser-footer", slot: "actions" }, h("button", { key: 'fdda6a9cf693a6ce62de7c31faff616102ed48ae', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (h("div", { key: '564280762b3c50318b85877120de56bbe150c9bc', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
                 left: `${this.headerFilterAnchorX}px`,
                 top: `${this.headerFilterAnchorY}px`,
                 width: `${this.headerFilterWidth}px`,
@@ -1849,7 +1850,7 @@ const BhPivotGrid = class {
                 filteredValues.length > 0 && (h("label", { class: "pivot-grid-header-filter-select-all" }, h("input", { checked: allSelected, onChange: () => this.setHeaderFilterSelectAll(!allSelected, filteredValues), type: "checkbox" }), "Select All")), this.headerFilterSearchEnabled && (h("input", { class: "pivot-grid-header-filter-search", onInput: (e) => {
                     this.headerFilterSearchQuery = e.target.value;
                 }, part: "header-filter-search", placeholder: resolveI18n("bh-pivot-grid", "searchPlaceholder", undefined, "Search..."), type: "search", value: this.headerFilterSearchQuery })), h("div", { class: "pivot-grid-header-filter-list", part: "header-filter-list" }, filteredValues.map((v) => (h("label", { class: "pivot-grid-header-filter-item", key: String(v ?? "") }, h("input", { checked: pendingSet.has(v), onChange: () => this.toggleHeaderFilterValue(v), type: "checkbox" }), String(v ?? t.emptyValue ?? "(Blanks)"))))), h("div", { class: "pivot-grid-header-filter-actions" }, h("button", { class: "pivot-grid-toolbar-btn", onClick: () => this.closeHeaderFilter(), type: "button" }, t.cancel), h("button", { class: "pivot-grid-toolbar-btn pivot-grid-toolbar-btn-primary", onClick: () => this.applyHeaderFilter(), type: "button" }, t.ok))));
-        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (h("div", { key: 'edf1b675707df9146b83b0d96ecece8055567358', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
+        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (h("div", { key: '7d6e54dfd3da1a430762d8e525285c8e609d346a', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
                 left: `${this.contextMenuX}px`,
                 top: `${this.contextMenuY}px`,
             } }, this.contextMenuItems.map((item) => item.beginGroup ? (h("div", { class: "pivot-grid-context-menu-separator", key: item.id, part: "context-menu-separator", role: "separator" })) : (h("button", { class: "pivot-grid-context-menu-item", disabled: item.disabled, key: item.id, onClick: () => {

package/dist/esm/bh-popover.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { a as createInitialErrorState, c as createComponentLogger, r as reportComponentError, b as recordError, d as createErrorState } from './error-boundary-YLeLKAYJ.js';
+import { c as createInitialErrorState, r as reportComponentError, a as recordError, b as createErrorState } from './error-boundary-afpK3NgJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { b as validateCSSValue } from './validators-R-A72b5e.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';

package/dist/esm/bh-product-switcher.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
 import { A as ANIMATION_DURATIONS } from './constants-BoVgy_Ao.js';

package/dist/esm/bh-progress-bar.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhProgressBarCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     --bh-progress-bar-track-color: var(       --color-neutral-100,       hsl(224deg 25% 89%)     );     --bh-progress-bar-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-progress-bar-label-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-progress-bar-value-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-progress-bar-sublabel-color: var(       --color-text-tertiary,       hsl(226deg 24% 58%)     );     --bh-progress-bar-percentage-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-progress-bar-value-size: var(--text-2xl-size, 1.5rem);     --bh-progress-bar-label-size: var(--text-sm-size, 0.875rem);     --bh-progress-bar-sublabel-size: var(--text-xs-size, 0.75rem);     --bh-progress-bar-percentage-size: var(--text-xs-size, 0.75rem);     --bh-progress-bar-radius: var(--radius-full, 9999px);     --bh-progress-bar-gap: var(--spacing-xs, 4px);   } } @layer bh-base {   .progress-bar-container {     display: flex;     flex-direction: column;     gap: var(--bh-progress-bar-gap);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .progress-label {     font-size: var(--bh-progress-bar-label-size);     color: var(--bh-progress-bar-label-color);     line-height: var(--line-height-normal, 1.5);   }   .progress-value {     font-size: var(--bh-progress-bar-value-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-progress-bar-value-color);     line-height: var(--line-height-tight, 1.25);   }   .progress-track-row {     display: flex;     align-items: center;     gap: var(--spacing-sm, 6px);   }   .progress-track {     flex: 1;     border-radius: var(--bh-progress-bar-radius);     overflow: hidden;     position: relative;   }   .progress-fill {     height: 100%;     border-radius: var(--bh-progress-bar-radius);     transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);   }   .progress-percentage {     font-size: var(--bh-progress-bar-percentage-size);     color: var(--bh-progress-bar-percentage-color);     white-space: nowrap;     min-width: 2.5em;     text-align: right;   }   .progress-sublabel {     font-size: var(--bh-progress-bar-sublabel-size);     color: var(--bh-progress-bar-sublabel-color);     text-align: right;   } } @layer bh-variants {   .progress-bar-animated .progress-fill {     animation: progressFill 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .progress-bar-container:hover .progress-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes progressFill {     from {       width: 0%;     }   }   @media (prefers-reduced-motion: reduce) {     .progress-bar-animated .progress-fill {       animation: none;     }     .progress-fill {       transition: none;     }   } }`;
 
@@ -92,16 +93,16 @@ const BhProgressBar = class {
         const percentage = this.getPercentage();
         const { label, formattedValue, value, sublabel } = this.data;
         const displayValue = formattedValue || String(value);
-        return (h(Host, { key: '9a7299faa2a64f46b786a25fb409674648483bac' }, h("div", { key: '4c05fe6effcc097f014d007db744ddd4542312a7', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (h(Host, { key: '48d7e391cdc1b39313ad50b8fed3b6700dd97f5e' }, h("div", { key: '3a0a5e832c961546425faf75c5072b52346825b9', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
                 "progress-bar-container": true,
                 "progress-bar-animated": this.animated,
-            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (h("div", { key: 'b011d9fb700057c3210de759cd88e92f1d16c97f', class: "progress-label", part: "label" }, label)), this.showValue && (h("div", { key: '12e3d82a7b0db913b09092856334bd2b3849fc5f', class: "progress-value", part: "value" }, displayValue)), h("div", { key: 'e5f0663411ceef624cacc3b15245f01d00996d22', class: "progress-track-row" }, h("div", { key: 'fb4afbd4ebf62d9d51428a5166f516c7f997a5eb', class: "progress-track", part: "track", style: {
+            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (h("div", { key: '7d7af6542e816dfab62460ec549e1baa16c1674e', class: "progress-label", part: "label" }, label)), this.showValue && (h("div", { key: '4d6d062b185a81d3014047234c446adafb499add', class: "progress-value", part: "value" }, displayValue)), h("div", { key: '492f2236640812d7acb5a908c33ee16ec496dd05', class: "progress-track-row" }, h("div", { key: '2496c9a4bd3a6dc6f49bdd5c94864e71c2e2ae6c', class: "progress-track", part: "track", style: {
                 height: `${this.height}px`,
                 backgroundColor: this.trackColor,
-            } }, h("div", { key: '743ee8f143f09fcc52819a41eb1c0a9ea5340db7', class: "progress-fill", part: "fill", style: {
+            } }, h("div", { key: '200a05ac521da65eb4d633102b6ea52317c746c8', class: "progress-fill", part: "fill", style: {
                 width: `${percentage}%`,
                 backgroundColor: this.color,
-            } })), this.showPercentage && (h("span", { key: '76671bf3760eea5675780eeac930459b31834e1e', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (h("div", { key: '9093c370961d79dea8bc49584ed84e402b45d7b9', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
+            } })), this.showPercentage && (h("span", { key: '3a59357896ea81e2f077d2f96b37477e24380297', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (h("div", { key: '3db6988ad6a79534987b2ff4f82408ecc20674fb', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
     }
 };
 BhProgressBar.style = bhProgressBarCss();

package/dist/esm/bh-progress-ring.entry.js

@@ -23,7 +23,7 @@ const BhProgressRing = class {
         const radius = Math.max(0, half - this.strokeWidth - 1);
         const circumference = 2 * Math.PI * radius;
         const offset = circumference * (1 - val / 100);
-        return (h(Host, { key: 'e3542574b9dc9f472c08b49db1780f4e9c6501f2', class: { "progress-ring-complete": val >= 100 } }, h("svg", { key: 'a0691f6f5ab27cae37c38cd4531cdc5ae0a4be69', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, h("circle", { key: '5c5caf1ca0c243a1be38e87f248f01e4f39c53cf', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), h("circle", { key: '7a955598fb38649b0c017411fdc8bb1237a0754b', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), h("text", { key: '6f3633edbb243eb8441f6e7a1e9bf14f38c28533', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
+        return (h(Host, { key: 'ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb', class: { "progress-ring-complete": val >= 100 } }, h("svg", { key: '0dbc1d81c4c0021999003eb181901e22b1b3df35', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, h("circle", { key: 'b3f0cbd98a0afa880aedd279bb9a66ba8b419d51', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), h("circle", { key: 'bec1347c035e0ebdc6a3e37b30149009604232e6', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), h("text", { key: 'a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
     }
 };
 BhProgressRing.style = bhProgressRingCss();

package/dist/esm/bh-property-switcher.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { c as createDismissalManager } from './dismissal-manager-DPXWKjyK.js';
 import { i as isEscapeKey } from './keyboard-helpers-Dg0_t7Yy.js';
@@ -35,7 +36,7 @@ const BhPropertySwitcher = class {
     /**
      * Selected property name to display (initial value)
      */
-    selectedProperty = "Select a property";
+    selectedProperty = "";
     /**
      * Array of property options
      */
@@ -107,7 +108,8 @@ const BhPropertySwitcher = class {
         return [];
     }
     componentWillLoad() {
-        this.internalSelectedProperty = this.selectedProperty;
+        this.internalSelectedProperty =
+            this.selectedProperty || this.getParsedProperties()[0]?.name || "";
         this.focusState.onChange(() => {
             this.focusVersion++;
         });
@@ -116,6 +118,15 @@ const BhPropertySwitcher = class {
         });
     }
     dismissalManager;
+    handlePropertiesChange() {
+        if (!this.internalSelectedProperty) {
+            this.internalSelectedProperty = this.getParsedProperties()[0]?.name ?? "";
+        }
+    }
+    handleSelectedPropertyChange(value) {
+        this.internalSelectedProperty =
+            value || this.getParsedProperties()[0]?.name || "";
+    }
     handleExpandedChange(newValue) {
         if (newValue) {
             this.dismissalManager?.enable();
@@ -330,11 +341,17 @@ const BhPropertySwitcher = class {
         };
         const selectedProp = this.getSelectedProperty();
         const displayName = this.internalSelectedProperty || this.selectedProperty;
-        return (h(Host, { key: '429ba01d80adaee53bb584055ece19d1bb9896cc' }, h("div", { key: '1ad15b7a1e4139fe60b4bf9fffce5ae777e818fc', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, h("button", { key: '013ac97ca0ee382de90a141ca5db380d44b6de83', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (h("span", { key: 'a244fd3353c102d25ac68035fd84328816594886', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: 'eb3aca3724177b0efd674b72cb5bb911fbe4a209', class: "property-name" }, displayName), h("span", { key: 'b3c3d8da7a30c8bde04ada9c096bc6edf8281535', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (h("div", { key: 'd128c5b478dd680e96f702afedd1def258dc0b70', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), h("div", { key: '23da5ec77685171758a61f227e6f355ab44c72b5', class: "dropdown-content", part: "content" }, this.grouped
+        return (h(Host, { key: '0314c59164bd68049834d6926937a5410511b2f4' }, h("div", { key: '9bd6697b5086fb3b91ba3d07e0df7a107f763c61', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, h("button", { key: '064c51318774731963786d9600f9d9c0aa325e61', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (h("span", { key: 'dde9f0c0da94b80c7833ced86a232641b9c34ea2', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: '786cf85012ba2ca9fab0016668e3946bc137c39a', class: "property-name" }, displayName), h("span", { key: 'd0e53949cbad02f7fba5cf5e05bbb32513311710', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (h("div", { key: '32ae0957298d8c182fbee896f11d075bd9172636', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), h("div", { key: 'ce586cbd183d9fa6c362e4c844fc8d78866f8dc8', class: "dropdown-content", part: "content" }, this.grouped
             ? this.renderGroupedView()
             : this.renderFlatView()))))));
     }
     static get watchers() { return {
+        "properties": [{
+                "handlePropertiesChange": 0
+            }],
+        "selectedProperty": [{
+                "handleSelectedPropertyChange": 0
+            }],
         "isExpanded": [{
                 "handleExpandedChange": 0
             }]

package/dist/esm/bh-radar-chart.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { a as getChartColor } from './chart-tokens-DBw2LsqR.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 
 /**
@@ -326,10 +327,10 @@ const BhRadarChart = class {
         })));
     }
     render() {
-        return (h(Host, { key: 'dfbf8e4d04f19fc35634fcf2d1b40af500fbd68a' }, h("div", { key: 'd38a4cba5756448585cf9c9efa61784099b7797a', class: {
+        return (h(Host, { key: 'd107776c86a650f7a6684f5a284fcf4ead2d18d7' }, h("div", { key: 'd93136a5ec66d04f8fd0944562b284ab06ccf348', class: {
                 "radar-chart": true,
                 "radar-chart-animated": this.animated,
-            }, part: "container" }, h("svg", { key: '8e39acb0c48dd35971ba5445843417719a2290d9', "aria-label": resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), h("bh-chart-tooltip", { key: 'fb75b85aacf0894a8d5d5c561a5fb80b6fc97c53', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            }, part: "container" }, h("svg", { key: '5a374b7232e4368a85b34da38f134d547ffb3454', "aria-label": resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), h("bh-chart-tooltip", { key: 'aa6ff63acbf09782254c0f512a7a4340c7f795a3', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
     static get watchers() { return {
         "data": [{

package/dist/esm/bh-radio-button.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { a as syncCheckableFormValue } from './form-DWWRC9ht.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 import { g as generateUniqueId } from './id-generator-CLrVoF3x.js';

package/dist/esm/bh-radio-group.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
 
 const BhRadioGroup = class {
@@ -109,7 +110,7 @@ const BhRadioGroup = class {
         nextRadio.shadowRoot?.querySelector("[role='radio']")?.focus();
     };
     render() {
-        return (h(Host, { key: 'c1d7e737ecf216ccd075954752faab59eef3ce88', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, h("slot", { key: '4a79fefac6fbd636670d0ce76cdfa1529985834a' })));
+        return (h(Host, { key: '2610acb82571f455c8cfcde9d91cbbd6beaa2d7c', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, h("slot", { key: '4f78ae52b78e20bacb0775342cc61463b8cf1288' })));
     }
 };
 

package/dist/esm/bh-range-slider.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhRangeSliderCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;               --bh-range-track-height: var(--sp-1-5);     --bh-range-track-bg: var(--color-bg-tertiary);     --bh-range-track-active-bg: var(--color-bg-interactive);     --bh-range-track-radius: var(--radius-full);          --bh-range-handle-size: var(--icon-size-md);     --bh-range-handle-bg: var(--color-bg-primary);     --bh-range-handle-border-color: var(--color-bg-interactive);     --bh-range-handle-border-width: 2px;     --bh-range-handle-shadow: var(--shadow-md);          --bh-range-focus-ring-color: var(--color-border-interactive);     --bh-range-focus-ring-offset: 2px;     --bh-range-focus-ring-width: 4px;          --bh-range-disabled-opacity: 0.38;          --bh-range-label-color: var(--color-text-primary);     --bh-range-label-size: var(--text-sm-size);     --bh-range-label-weight: var(--weight-medium);     --bh-range-label-line-height: var(--text-md-line);          --bh-range-tooltip-bg: var(--color-bg-primary);     --bh-range-tooltip-border: var(--color-border-secondary);     --bh-range-tooltip-color: var(--color-text-secondary);     --bh-range-tooltip-shadow: var(--shadow-lg);     --bh-range-tooltip-radius: var(--radius-md);     --bh-range-tooltip-size: var(--text-xs-size);     --bh-range-tooltip-weight: var(--weight-semibold);     --bh-range-tooltip-line-height: var(--text-xs-line);     --bh-range-tooltip-padding-x: var(--spacing-sm);     --bh-range-tooltip-padding-y: var(--spacing-xs);   } }  @layer bh-base {   .range-slider {     --_range-top: calc(var(--bh-range-handle-size) / 2);     position: relative;     width: 100%;     padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0;   }   .range-track {     position: relative;     width: 100%;     height: var(--bh-range-track-height);     background-color: var(--bh-range-track-bg);     border-radius: var(--bh-range-track-radius);     cursor: pointer;   }   .range-track-active {     position: absolute;     top: 0;     height: 100%;     background-color: var(--bh-range-track-active-bg);     border-radius: var(--bh-range-track-radius);     pointer-events: none;   }   .range-handle {     position: absolute;     top: calc(var(--_range-top) + var(--bh-range-track-height) / 2);     width: var(--bh-range-handle-size);     height: var(--bh-range-handle-size);     background-color: var(--bh-range-handle-bg);     border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color);     border-radius: var(--radius-full);     box-shadow: var(--bh-range-handle-shadow);     transform: translate(-50%, -50%);     cursor: grab;     outline: none;     touch-action: none;     z-index: 1;     transition: box-shadow var(--animation-duration-fast) ease;   }   .range-handle:focus {     outline: none;   }   .range-tooltip {     position: absolute;     bottom: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     background-color: var(--bh-range-tooltip-bg);     border: 1px solid var(--bh-range-tooltip-border);     border-radius: var(--bh-range-tooltip-radius);     box-shadow: var(--bh-range-tooltip-shadow);     color: var(--bh-range-tooltip-color);     font-family: var(--font-inter);     font-size: var(--bh-range-tooltip-size);     font-weight: var(--bh-range-tooltip-weight);     line-height: var(--bh-range-tooltip-line-height);     padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x);     white-space: nowrap;     pointer-events: none;     user-select: none;   }   .range-label-bottom {     position: absolute;     top: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     color: var(--bh-range-label-color);     font-family: var(--font-inter);     font-size: var(--bh-range-label-size);     font-weight: var(--bh-range-label-weight);     line-height: var(--bh-range-label-line-height);     white-space: nowrap;     pointer-events: none;     user-select: none;   } }  @layer bh-variants {   .range-slider-label-bottom {     padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height));   }   .range-slider-label-tooltip {     --_range-top: calc(       var(--bh-range-handle-size) / 2 + var(--spacing-xs) +         var(--bh-range-tooltip-line-height) +         var(--bh-range-tooltip-padding-y) * 2 + 2px     );   } }  @layer bh-states {   .range-handle-active {     cursor: grabbing;     z-index: 2;   }   .range-handle-focused:not(.range-handle-disabled) {     box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color);   }   .range-slider-disabled {     opacity: var(--bh-range-disabled-opacity);   }   .range-slider-disabled .range-track {     cursor: not-allowed;   }   .range-slider-disabled .range-handle {     cursor: not-allowed;     box-shadow: none;   } }  @layer bh-utilities {   @media (prefers-reduced-motion: reduce) {     .range-handle {       transition: none;     }   }   @media (prefers-contrast: high) {     .range-track {       border: 1px solid currentColor;     }     .range-handle {       border-width: 3px;     }   } }`;
 
@@ -352,7 +353,7 @@ const BhRangeSlider = class {
             "range-slider-disabled": this.disabled,
             [`range-slider-label-${this.labelDisplay}`]: true,
         };
-        return (h(Host, { key: '60d6bc67694191e50c454b84d8ba37f3eae008e2' }, h("div", { key: '3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912', class: containerClasses, part: "container" }, h("div", { key: '02e559c185d3e110851cbbf8842ca239fe675961', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, h("div", { key: '45c6d2bb5073c08f65eb77b30800a615aa60231e', class: "range-track-active", part: "track-active", style: {
+        return (h(Host, { key: '317deaf6ff94d2543e8bfaf52236a2d98ee27277' }, h("div", { key: '7229dc67f8df8ad0fdcc9207cc5eb43925c3b325', class: containerClasses, part: "container" }, h("div", { key: 'a768ad1069cae8f0f8aa90e6e29967ac3f7a261b', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, h("div", { key: '4dd82c4cf0954c684bd579a6e23a0aa10d89da81', class: "range-track-active", part: "track-active", style: {
                 left: `${activeLeft}%`,
                 width: `${activeWidth}%`,
             } })), this.dual

package/dist/esm/bh-section-footer.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhSectionFooterCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     padding: var(--spacing-md);          --bh-section-footer-divider-color: var(--color-border-secondary);     --bh-section-footer-gap: var(--spacing-md);     --bh-section-footer-content-gap: var(--spacing-2xl);     --bh-section-footer-actions-gap: var(--spacing-lg);   } } @layer bh-base {   .section-footer {     display: flex;     flex-direction: column;     align-items: center;     width: 100%;     gap: var(--bh-section-footer-gap);   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-footer-divider-color);     flex-shrink: 0;   }   .content {     display: flex;     align-items: center;     justify-content: flex-end;     width: 100%;     gap: var(--bh-section-footer-content-gap);   } } @layer bh-variants {      .section-footer--section .content {     padding: 0;   }      .section-footer--card {     padding-bottom: var(--spacing-xl);   }   .section-footer--card .content {     padding: 0 var(--spacing-3xl);   }      @media (max-width: 768px) {     .section-footer--section {       --bh-section-footer-gap: var(--spacing-xl);     }     .section-footer--card {       --bh-section-footer-gap: var(--spacing-lg);       padding-bottom: var(--spacing-lg);     }     .section-footer--card .content {       padding: 0 var(--spacing-xl);       gap: var(--spacing-xl);     }   } }`;
 
@@ -37,7 +38,7 @@ const BhSectionFooter = class {
         // No contentinfo role: it's a document-level landmark and section/card
         // footers can appear many times per page (axe flags duplicates).
         // Consumers can add a landmark at the page level if needed.
-        return (h(Host, { key: 'e668a314813d8473ef4bcfc6be456a347a4aaded' }, h("div", { key: '40bf617d2dfde711e7bcadaa7df3504d29d9eb43', class: footerClasses, part: "section-footer" }, this.showDivider && h("div", { key: '1273923ce5a47bce29cca47dae3084f3ea2c4b3e', class: "divider", part: "divider" }), h("div", { key: '9ce4e58d3f74d880b103e4c29a51f5b81bc07c57', class: "content", part: "content" }, h("slot", { key: '41e0707bc65ba81cc8ef615ed74c905b5fb1ff40' })))));
+        return (h(Host, { key: 'f7a76395651e3b0ccba33a2b98a94ee860e692b1' }, h("div", { key: 'cd001abd5ba91fbce383d0597323d1341c992e2f', class: footerClasses, part: "section-footer" }, this.showDivider && h("div", { key: '9fddc9b69d90c8a8738c8f6e38468d821be81d57', class: "divider", part: "divider" }), h("div", { key: 'ed11e120d931df4ab34cfba46f56ef9b07b1b899', class: "content", part: "content" }, h("slot", { key: '4bc61965522f792f203a8cbd1676e735dd14776c' })))));
     }
 };
 BhSectionFooter.style = bhSectionFooterCss();

package/dist/esm/bh-section-header.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhSectionHeaderCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-section-header-heading-color: var(--color-text-primary);     --bh-section-header-supporting-color: var(--color-text-tertiary);     --bh-section-header-divider-color: var(--color-border-secondary);     --bh-section-header-gap: var(--spacing-md);     --bh-section-header-content-gap: var(--spacing-xl);     --bh-section-header-text-gap: var(--spacing-xs);   } } @layer bh-base {   .section-header {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-gap);     width: 100%;   }   .content {     display: flex;     align-items: flex-start;     gap: var(--bh-section-header-content-gap);     width: 100%;   }   .text-and-supporting-text {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-text-gap);     flex: 1;     min-width: 0;     align-self: center;   }   .heading {     font-family: var(--font-inter);     font-size: var(--text-lg-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--bh-section-header-heading-color);     margin: 0;     width: 100%;   }   .supporting-text {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-regular);     line-height: var(--line-height-normal);     color: var(--bh-section-header-supporting-color);     margin: 0;     width: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .tabs {     display: flex;     align-items: center;     gap: var(--spacing-xs);     width: 100%;   }   .search-slot {     display: contents;   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-header-divider-color);     flex-shrink: 0;   } } @layer bh-variants {      @media (max-width: 768px) {     .content {       flex-direction: column;     }     .heading {       font-size: var(--text-md-size);       line-height: var(--line-height-normal);     }   } }`;
 
@@ -34,7 +35,7 @@ const BhSectionHeader = class {
     }
     render() {
         const hasSupportingText = !!this.supportingText;
-        return (h(Host, { key: 'a6188b9680d5cbeeb25201b3ff21f2abaac773b9', "aria-label": this.heading || "Section header", role: "region" }, h("div", { key: '0b087bd7940b52a4e864bfbe0702dbf53198daab', class: "section-header", part: "section-header" }, h("div", { key: 'fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11', class: "content" }, h("div", { key: 'bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56', class: "text-and-supporting-text" }, this.heading && (h("h2", { key: 'ca3cb51a4088060ba3e6b59a556670667963d862', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (h("p", { key: '4f31899bc323ee16a4f772c96a02f2e6601ff5e4', class: "supporting-text", part: "supporting-text" }, this.supportingText))), h("div", { key: '1f8760134dac42e1e819289f8035cd69510523f0', class: "actions", part: "actions" }, h("slot", { key: '6dc1a30e4059541c2275dce376a0e77d2e12bbb2', name: "actions" }))), h("div", { key: 'c970aa3b59f1bd14339d8286b082c11d7d5a6a6e', class: "tabs", part: "tabs" }, h("slot", { key: '9d6a55cd1b467cd33ca834e74c5655f191a16cd0', name: "tabs" })), h("div", { key: 'a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c', class: "search-slot" }, h("slot", { key: 'e2ba0774009dba2fa044ff5f78c8d9c846d3f17b', name: "search" })), this.showDivider && h("div", { key: 'dee7622add19dcec9a67d5e992f6cbdb104045c0', class: "divider", part: "divider" }))));
+        return (h(Host, { key: '59cbcb16c878f16bd96eff24c0fbd33a397f06f2', "aria-label": this.heading || "Section header", role: "region" }, h("div", { key: 'e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e', class: "section-header", part: "section-header" }, h("div", { key: 'd02a7456fd9134ad30efa50615e7ad49eae20151', class: "content" }, h("div", { key: '1e304eca2b0f890025c5f8ee28497c149a20005e', class: "text-and-supporting-text" }, this.heading && (h("h2", { key: '9a4739c11044a1bc35703717a9e0c956069aef28', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (h("p", { key: '8278b021f09b357ee782441b87cdc89fec51af4c', class: "supporting-text", part: "supporting-text" }, this.supportingText))), h("div", { key: '85d75cac313332f39e7840db73a50bfb14ecd4c2', class: "actions", part: "actions" }, h("slot", { key: 'ec37ef8909bfd12fd1e4dfe77155f333aa1ace87', name: "actions" }))), h("div", { key: '3f406f77f51e2443562febba427d411f83fa794e', class: "tabs", part: "tabs" }, h("slot", { key: '7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d', name: "tabs" })), h("div", { key: 'a224a53e3bc58c69de3dd981f79aca9ac9b0acb3', class: "search-slot" }, h("slot", { key: '4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94', name: "search" })), this.showDivider && h("div", { key: '6bf6242be0cc5f93b3018dbb972fd8239823af22', class: "divider", part: "divider" }))));
     }
 };
 BhSectionHeader.style = bhSectionHeaderCss();

package/dist/esm/bh-selection-group-item.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 import './keyboard-constants-zdFuIabL.js';
 

package/dist/esm/bh-selection-group.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhSelectionGroupCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block}}@layer bh-tokens{:host{--bh-selection-group-gap:var(--spacing-sm)}}@layer bh-base{.selection-group{display:flex;flex-direction:column;gap:var(--bh-selection-group-gap);width:100%}}`;
 
@@ -158,7 +159,7 @@ const BhSelectionGroup = class {
     }
     render() {
         const role = this.selectionMode === "single" ? "radiogroup" : "group";
-        return (h(Host, { key: '651a357be7a60f88d21aefd0dc166a96291ac443' }, h("div", { key: 'ea7c7b837371d0e6239858f99078483031ade5ca', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, h("slot", { key: '7562b34ef2da0a5ce4db989e1256dd178322c6ed' }))));
+        return (h(Host, { key: '42a3fee86af4a59de1260fc9b421b01b75c0ebe9' }, h("div", { key: '2d23ad07b16eec484f69f9fc618e114727a9e527', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, h("slot", { key: 'a1ee406cb10e814fbb63df50f5c2cab6da2ff97a' }))));
     }
 };
 BhSelectionGroup.style = bhSelectionGroupCss();

package/dist/esm/bh-side-panel-footer.entry.js

@@ -30,7 +30,7 @@ const BhSidePanelFooter = class {
         return (h("div", { class: "panel-footer-content panel-footer-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (h(Host, { key: 'b0c301c0266272f7d29cdfc21b688f516a8c72e6' }, h("footer", { key: 'a542de9c73b83a0b8d73ec3f1804a4a380b0e788', class: "panel-footer" }, this.divider && h("div", { key: 'ae3df81a4ca576adb54b39a3848e21d291e0dd4d', class: "divider" }), this.renderButtons())));
+        return (h(Host, { key: 'ff8639f5131658cf8ffae8dd65d49d54f7c5c0ae' }, h("footer", { key: '4d3cb230b86bf89aa7112abcb3c9d8f2cb9bf4f8', class: "panel-footer" }, this.divider && h("div", { key: 'a0ae6e6b9c723819556ea2da0617467be09f9a85', class: "divider" }), this.renderButtons())));
     }
 };
 BhSidePanelFooter.style = bhSidePanelFooterCss();

package/dist/esm/bh-side-panel-header.entry.js

@@ -19,7 +19,7 @@ const BhSidePanelHeader = class {
         this.bhClose.emit();
     };
     render() {
-        return (h(Host, { key: 'e7965b177aaef468e59bc48d1279cceecf319160' }, h("header", { key: 'be1c0c144eec2c7aef6b2815abae4b5ee7743ee0', class: "panel-header" }, h("div", { key: 'b2ec676de7c44f97d4a93efa840bdf35b895d896', class: "panel-header-content" }, this.showIcon && this.icon && (h("bh-featured-icon", { key: 'f876eb04b2406841538a570225b1e70a10e1a4f6', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: '62560b71eb9b245c576adb3eb4f1f7991291f53d', class: "panel-text-content" }, h("h3", { key: '98fd555a7b91826f5d3cce8efeb27c22db4dad65', class: "panel-title" }, this.panelTitle), this.description && (h("p", { key: 'aecfb71b7777f8a0c49a54d7fe45be5964eff108', class: "panel-description" }, this.description)))), this.showCloseButton && (h("div", { key: '000945b20104edf433f78f2e070746cf77ba6c28', class: "close-button" }, h("bh-close-button", { key: '45c096365ab19df4f16d86f3b6b799ba22119930', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && h("div", { key: 'cb02b1512b93777a6a6d4adce36c9f3a7290d03c', class: "divider" })));
+        return (h(Host, { key: '3224ec9f84a5850acc476b92d88b7f08f85dc492' }, h("header", { key: '55327f5e1eb2fc6e38758b60695e5ce2263d6dae', class: "panel-header" }, h("div", { key: '60cb220c5a3212f7ead2f9000155d419f9672fa5', class: "panel-header-content" }, this.showIcon && this.icon && (h("bh-featured-icon", { key: '541884194ca5d974f043c112be2dc572b39ea91b', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: 'd62a700b96f50c97dfe0ebe0f1563fb71ec125c8', class: "panel-text-content" }, h("h3", { key: 'aa6773b297c819008a2f7077dbf51f0e4da8d1e9', class: "panel-title" }, this.panelTitle), this.description && (h("p", { key: 'b39e76e15559448c148b13f488914a512228295f', class: "panel-description" }, this.description)))), this.showCloseButton && (h("div", { key: 'fd241777351f6dab5cf1bcc4e67ab4c2d64adec3', class: "close-button" }, h("bh-close-button", { key: '086edfc28db803236b6dfc3dee200998f7ec5674', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && h("div", { key: 'a5135859dd026ad96526f97697a39c3a668bd54c', class: "divider" })));
     }
 };
 BhSidePanelHeader.style = bhSidePanelHeaderCss();

package/dist/esm/bh-sidebar.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createKeyboardNavigationState, h as handleKeyboardNavigation } from './keyboard-navigation-BQ6-iZ9t.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { c as createDismissalManager } from './dismissal-manager-DPXWKjyK.js';
 import './keyboard-constants-zdFuIabL.js';
@@ -141,6 +142,19 @@ const BhSidebar = class {
      * Avatar menu items override
      */
     avatarMenuItems;
+    /**
+     * Avatar image alt text
+     */
+    avatarAlt = "Avatar";
+    /**
+     * Keyboard shortcut hint shown next to search (e.g. "cmd+k").
+     * Display only — the consumer binds the actual hotkey.
+     */
+    searchHotkey;
+    /**
+     * Header shown at the top of the avatar dropdown menu
+     */
+    avatarMenuHeader;
     /**
      * Event emitted when a menu item is clicked
      */
@@ -340,7 +354,7 @@ const BhSidebar = class {
         return (h("div", { class: "sidebar-header", part: "header" }, h("bh-logo-box", { assetBasePath: this.assetBasePath, logoSrc: this.logoSrc, logoType: this.logoType, products: this.products })));
     }
     renderSearch() {
-        return (h("div", { class: "search-container", part: "search" }, h("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" })));
+        return (h("div", { class: "search-container", part: "search" }, h("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" }), this.searchHotkey && this.open && (h("bh-kbd", { class: "search-hotkey", keys: this.searchHotkey, size: "sm" }))));
     }
     renderToggleHandle() {
         if (!this.showToggleHandle)
@@ -360,7 +374,7 @@ const BhSidebar = class {
     }
     renderFooter() {
         const layout = this.navItemLayout;
-        return (h("div", { class: "sidebar-footer", part: "footer" }, h("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (h("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), h("bh-dropdown", { avatarEmail: this.avatarEmail, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" })));
+        return (h("div", { class: "sidebar-footer", part: "footer" }, h("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (h("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), h("slot", { name: "user-menu" }, h("bh-dropdown", { avatarAlt: this.avatarAlt, avatarEmail: this.avatarEmail, avatarInitials: this.avatarInitials, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, header: this.avatarMenuHeader, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" }))));
     }
     render() {
         const layout = this.navItemLayout;
@@ -370,7 +384,7 @@ const BhSidebar = class {
             "sidebar-open": this.open,
             [`sidebar-style-${this.sidebarStyle}`]: true,
         };
-        return (h(Host, { key: '1716951a51d3d02a8a7b79d3f31d5dfb0eb48466', onKeyDown: this.handleKeyDown }, h("div", { key: '088a6a1ab1351e0f8e9c1c7a824dc1c1555fe845', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, h("nav", { key: '18e04677043e593dfdc9b96456a496207e28456a', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, h("div", { key: '76d9672eaa6d7aff5ac9ece5e4ae5ee890deeb81', class: "gradient-bar", part: "gradient-bar" }, h("div", { key: '0319afcad723f44f038bd890684c60af41137829', class: "detail-bar" })), h("div", { key: '77b428e8a56f51ba127d08aaa43cf69ce8191345', class: "sidebar-content", part: "content" }, this.renderHeader(), h("div", { key: '3c3b05773175d3bc5d1acdbf659aef4318f2c2d9', class: "navigation-section", part: "nav-section" }, this.renderSearch(), h("div", { key: '07126dcf784c43916f8df25277f4f51fd6aa81b9', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
+        return (h(Host, { key: '2dec369efb3e4dc9ec7d84959b337ff30d44412d', onKeyDown: this.handleKeyDown }, h("div", { key: '452065ea048a8857b1d6cef73732faee54d56a22', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, h("nav", { key: 'cb273ec0b22a186fa3b4177e9d3081588cf613bc', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, h("div", { key: '12267bf76b6662f8ebfe949c576ea20ec612b352', class: "gradient-bar", part: "gradient-bar" }, h("div", { key: '86b9610ff1167e06ddf4c0b4015f32893d92fcc9', class: "detail-bar" })), h("div", { key: '7e033b47ed6f9d4ae678fd60a7259137cf2fb377', class: "sidebar-content", part: "content" }, this.renderHeader(), h("div", { key: '84957e80d53b5f6f9b31ff27e2f8aad8016ce545', class: "navigation-section", part: "nav-section" }, this.renderSearch(), h("div", { key: 'b4ed4701e6e600350b7ce0442fc4b9307c778e46', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
             const hasChildren = !!item.children?.length;
             const isExpandable = hasChildren && this.sidebarStyle !== "slim";
             return [