@bluevolt-tech/lumen 2.3.1 → 2.6.1

package/dist/components/bv-modal/bv-modal.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-modal/bv-modal.css
-var bv_modal_default = '/* \u2500\u2500 Public theming API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Apps can override per-instance:\n\n   HTML:    <bv-modal style="--bv-modal-width: 600px;">\n   Angular: <bv-modal [style.--bv-modal-bg]="bgColor">\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:host {\n  --bv-modal-width: 800px;\n  --bv-modal-bg: var(--bv-color-neutral-0);\n  --bv-modal-radius: var(--bv-radius-xl);\n  --bv-modal-title-color: #101828;\n  --bv-modal-backdrop: rgba(16, 24, 40, 0.6);\n  --bv-modal-body-max-height: none;\n}\n\ndialog {\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-modal-radius);\n  background: transparent;\n  width: var(--bv-modal-width);\n  max-width: min(var(--bv-modal-width), calc(100vw - 32px));\n  outline: none;\n}\n\ndialog::backdrop {\n  background: var(--bv-modal-backdrop);\n}\n\n.panel {\n  display: flex;\n  width: 100%;\n  padding: 20px 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 20px;\n  border-radius: var(--bv-modal-radius);\n  background: var(--bv-modal-bg);\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n  color: var(--bv-modal-title-color);\n  font-family: var(--bv-font-family-base);\n  font-size: 24px;\n  font-style: normal;\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 32px;\n}\n\n.close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  background: none;\n  border: none;\n  border-radius: var(--bv-radius-md);\n  cursor: pointer;\n  color: var(--bv-color-neutral-500);\n  font-size: 18px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast);\n}\n\n.close-btn:hover {\n  color: var(--bv-color-neutral-800);\n  background: var(--bv-color-neutral-100);\n}\n\n/* \u2500\u2500 Separator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.separator {\n  width: 100%;\n  border: none;\n  border-top: 1px solid var(--bv-color-neutral-200);\n  margin: 0;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.body {\n  width: 100%;\n  max-height: var(--bv-modal-body-max-height);\n  overflow-y: auto;\n  color: var(--bv-color-neutral-600);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.footer {\n  width: 100%;\n}\n';
+var bv_modal_default = '/* \u2500\u2500 Public theming API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Apps can override per-instance:\n\n   HTML:    <bv-modal style="--bv-modal-width: 600px;">\n   Angular: <bv-modal [style.--bv-modal-bg]="bgColor">\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:host {\n  --bv-modal-width: 800px;\n  --bv-modal-bg: var(--bv-color-neutral-0);\n  --bv-modal-radius: var(--bv-radius-xl);\n  --bv-modal-title-color: #101828;\n  --bv-modal-backdrop: rgba(16, 24, 40, 0.6);\n  --bv-modal-body-max-height: none;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\ndialog {\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-modal-radius);\n  background: transparent;\n  width: var(--bv-modal-width);\n  max-width: min(var(--bv-modal-width), calc(100vw - 32px));\n  outline: none;\n}\n\ndialog::backdrop {\n  background: var(--bv-modal-backdrop);\n}\n\n.panel {\n  display: flex;\n  width: 100%;\n  padding: 20px 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 20px;\n  border-radius: var(--bv-modal-radius);\n  background: var(--bv-modal-bg);\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n  color: var(--bv-modal-title-color);\n  font-family: var(--bv-font-family-base);\n  font-size: 24px;\n  font-style: normal;\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 32px;\n}\n\n.close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  background: none;\n  border: none;\n  border-radius: var(--bv-radius-md);\n  cursor: pointer;\n  color: var(--bv-color-neutral-500);\n  font-size: 18px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast);\n}\n\n.close-btn:hover {\n  color: var(--bv-color-neutral-800);\n  background: var(--bv-color-neutral-100);\n}\n\n/* \u2500\u2500 Separator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.separator {\n  width: 100%;\n  border: none;\n  border-top: 1px solid var(--bv-color-neutral-200);\n  margin: 0;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.body {\n  width: 100%;\n  max-height: var(--bv-modal-body-max-height);\n  overflow-y: auto;\n  color: var(--bv-color-neutral-600);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.footer {\n  width: 100%;\n}\n';
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-page-title/bv-page-title.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-page-title/bv-page-title.css
-var bv_page_title_default = ":host {\n  display: block;\n}\n\nh1 {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 1.2;\n  color: var(--bv-color-neutral-900);\n}\n";
+var bv_page_title_default = ":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\nh1 {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 1.2;\n  color: var(--bv-color-neutral-900);\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-pagination/bv-pagination.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-pagination/bv-pagination.css
-var bv_pagination_default = ":host {\n  display: block;\n}\n\n/*\n * Any element inside the shadow tree that carries author-declared display\n * still respects the `hidden` attribute. Without this, `[hidden] { display: none }`\n * (UA rule) loses to author `display: <value>` and the element stays visible.\n */\n[hidden] {\n  display: none !important;\n}\n\n.wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--bv-spacing-xl);\n  width: 100%;\n  font-family: var(--bv-font-family-base);\n}\n\n/* \u2500\u2500 Meta section (results count + page-size) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n}\n\n.results-count {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  white-space: nowrap;\n  margin-right: var(--bv-spacing-sm);\n}\n\n.page-size-wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.page-size-select {\n  height: 36px;\n  box-sizing: border-box;\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-lg);\n  background-color: var(--bv-color-neutral-0);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 8px center;\n  appearance: none;\n  -webkit-appearance: none;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  padding: 0 28px 0 var(--bv-spacing-sm);\n  cursor: pointer;\n  box-shadow: var(--bv-shadow-sm);\n  outline: none;\n}\n\n.page-size-select:focus {\n  border-color: var(--bv-color-primary);\n  box-shadow:\n    0 0 0 3px var(--bv-color-primary-light),\n    0 1px 2px 0 rgba(16, 24, 40, 0.05);\n}\n\n.per-page-label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-500);\n  white-space: nowrap;\n}\n\n/* \u2500\u2500 Nav section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.nav {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n}\n\n/*\n * When .meta collapses (opt-out consumers: no show-results, no show-page-size),\n * .wrap's `space-between` has only one visible child and packs .nav to the\n * left. Give .nav the full width and use auto-margins to reproduce the\n * pre-v2.0.0 3-column layout: Prev on far left, pages in the middle,\n * (range + Next) grouped on the far right.\n */\n.meta[hidden] ~ .nav {\n  flex: 1;\n}\n/*\n * Non-compact: two auto-margins split the extra space into equal gaps so the\n * layout reads `[Prev]___[pages]___[range][Next]`. Prev sits on the far left,\n * pages centered in the middle, range + Next grouped on the far right.\n */\n.meta[hidden] ~ .nav .pages {\n  margin-left: auto;\n}\n.meta[hidden] ~ .nav .range-label {\n  margin-left: auto;\n}\n/* Compact: page label centers between Prev and Next. */\n.meta[hidden] ~ .nav .page-label {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/* \u2500\u2500 Shared button base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: var(--bv-radius-lg);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    color var(--bv-transition-fast);\n}\n\n/* Prev / Next buttons */\n.nav-btn {\n  gap: var(--bv-spacing-xs);\n  height: 36px;\n  padding: 0 var(--bv-spacing-sm);\n  border-color: var(--bv-color-neutral-300);\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-700);\n  font-weight: var(--bv-font-weight-semibold);\n  box-shadow: var(--bv-shadow-sm);\n  white-space: nowrap;\n}\n\n.nav-btn:hover:not(:disabled) {\n  background: var(--bv-color-neutral-100);\n}\n\n.nav-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.nav-icon {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n/* Compact page label \u2014 plain text between Prev / Next */\n.page-label {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  white-space: nowrap;\n  padding: 0 var(--bv-spacing-md);\n}\n\n/* \u2500\u2500 Page number buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pages {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.page-btn {\n  width: 40px;\n  height: 40px;\n  color: var(--bv-color-neutral-600);\n  font-weight: var(--bv-font-weight-medium);\n}\n\n.page-btn:hover:not(.active) {\n  background: var(--bv-color-neutral-100);\n}\n\n.page-btn.active {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-900);\n  cursor: default;\n}\n\n.ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-400);\n}\n\n/* \u2500\u2500 Range label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.range-label {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-600);\n  white-space: nowrap;\n  margin-left: var(--bv-spacing-xs);\n}\n";
+var bv_pagination_default = ":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/*\n * Any element inside the shadow tree that carries author-declared display\n * still respects the `hidden` attribute. Without this, `[hidden] { display: none }`\n * (UA rule) loses to author `display: <value>` and the element stays visible.\n */\n[hidden] {\n  display: none !important;\n}\n\n.wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--bv-spacing-xl);\n  width: 100%;\n  font-family: var(--bv-font-family-base);\n}\n\n/* \u2500\u2500 Meta section (results count + page-size) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n}\n\n.results-count {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  white-space: nowrap;\n  margin-right: var(--bv-spacing-sm);\n}\n\n.page-size-wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.page-size-select {\n  height: 36px;\n  box-sizing: border-box;\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-lg);\n  background-color: var(--bv-color-neutral-0);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 8px center;\n  appearance: none;\n  -webkit-appearance: none;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  padding: 0 28px 0 var(--bv-spacing-sm);\n  cursor: pointer;\n  box-shadow: var(--bv-shadow-sm);\n  outline: none;\n}\n\n.page-size-select:focus {\n  border-color: var(--bv-color-primary);\n  box-shadow:\n    0 0 0 3px var(--bv-color-primary-light),\n    0 1px 2px 0 rgba(16, 24, 40, 0.05);\n}\n\n.per-page-label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-500);\n  white-space: nowrap;\n}\n\n/* \u2500\u2500 Nav section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.nav {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n}\n\n/*\n * When .meta collapses (opt-out consumers: no show-results, no show-page-size),\n * .wrap's `space-between` has only one visible child and packs .nav to the\n * left. Give .nav the full width and use auto-margins to reproduce the\n * pre-v2.0.0 3-column layout: Prev on far left, pages in the middle,\n * (range + Next) grouped on the far right.\n */\n.meta[hidden] ~ .nav {\n  flex: 1;\n}\n/*\n * Non-compact: two auto-margins split the extra space into equal gaps so the\n * layout reads `[Prev]___[pages]___[range][Next]`. Prev sits on the far left,\n * pages centered in the middle, range + Next grouped on the far right.\n */\n.meta[hidden] ~ .nav .pages {\n  margin-left: auto;\n}\n.meta[hidden] ~ .nav .range-label {\n  margin-left: auto;\n}\n/* Compact: page label centers between Prev and Next. */\n.meta[hidden] ~ .nav .page-label {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/* \u2500\u2500 Shared button base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: var(--bv-radius-lg);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    color var(--bv-transition-fast);\n}\n\n/* Prev / Next buttons */\n.nav-btn {\n  gap: var(--bv-spacing-xs);\n  height: 36px;\n  padding: 0 var(--bv-spacing-sm);\n  border-color: var(--bv-color-neutral-300);\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-700);\n  font-weight: var(--bv-font-weight-semibold);\n  box-shadow: var(--bv-shadow-sm);\n  white-space: nowrap;\n}\n\n.nav-btn:hover:not(:disabled) {\n  background: var(--bv-color-neutral-100);\n}\n\n.nav-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.nav-icon {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n/* Compact page label \u2014 plain text between Prev / Next */\n.page-label {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-700);\n  white-space: nowrap;\n  padding: 0 var(--bv-spacing-md);\n}\n\n/* \u2500\u2500 Page number buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pages {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.page-btn {\n  width: 40px;\n  height: 40px;\n  color: var(--bv-color-neutral-600);\n  font-weight: var(--bv-font-weight-medium);\n}\n\n.page-btn:hover:not(.active) {\n  background: var(--bv-color-neutral-100);\n}\n\n.page-btn.active {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-900);\n  cursor: default;\n}\n\n.ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-400);\n}\n\n/* \u2500\u2500 Range label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.range-label {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-600);\n  white-space: nowrap;\n  margin-left: var(--bv-spacing-xs);\n}\n\n/* These elements have an author `display`, which beats the user-agent\n   `[hidden] { display: none }` regardless of specificity. The component\n   toggles their `hidden`, so without this the property changes nothing on\n   screen (BTN-11521). */\n.pages[hidden],\n.meta[hidden] {\n  display: none;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-portal-header/bv-portal-header.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-portal-header/bv-portal-header.css
-var bv_portal_header_default = ":host {\n  display: block;\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n}\n\n.title-bar {\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  line-height: 32px;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n}\n\nbv-promo-banner {\n  align-self: flex-start;\n}\n";
+var bv_portal_header_default = ":host {\n  display: block;\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n}\n\n.title-bar {\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  line-height: 32px;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n}\n\nbv-promo-banner {\n  align-self: flex-start;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();
@@ -19,11 +19,17 @@ function adoptStyles(shadow, css) {
   shadow.appendChild(style);
 }
 
+// components/_shared/attribute-dispatch.ts
+function dispatchAttribute(handlers, name) {
+  var _a;
+  (_a = new Map(Object.entries(handlers)).get(name)) == null ? void 0 : _a();
+}
+
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-user-row/bv-user-row.css
-var bv_user_row_default = ":host {\n  display: inline-block;\n}\n\n.row {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-lg);\n}\n\n/* User info */\n.user-info {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-md);\n  min-width: 0;\n}\n\nbv-avatar {\n  --bv-avatar-size: 56px;\n  flex-shrink: 0;\n}\n\n.text-col {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.user-name {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-lg);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-secondary-foreground);\n  line-height: 28px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.user-org {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-md);\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-600);\n  line-height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Edit action host \u2014 flex to keep either <bv-button> or <a> aligned */\n.edit-action {\n  flex-shrink: 0;\n  display: inline-flex;\n}\n\n/* Edit button \u2014 white bg, neutral border */\n.edit-btn {\n  --bv-button-bg: var(--bv-color-neutral-0);\n  --bv-button-bg-hover: var(--bv-color-neutral-100);\n  --bv-button-color: var(--bv-color-secondary-foreground);\n  --bv-button-border-color: var(--bv-color-neutral-300);\n  --bv-button-border-color-hover: var(--bv-color-neutral-400);\n  flex-shrink: 0;\n}\n\n/* Edit link \u2014 same visual as .edit-btn, but a real anchor */\n.edit-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 8px 16px;\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-secondary-foreground);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-md);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast);\n}\n\n.edit-link:hover {\n  background: var(--bv-color-neutral-100);\n  border-color: var(--bv-color-neutral-400);\n}\n\n.edit-link:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 2px;\n}\n";
+var bv_user_row_default = ":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.row {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-lg);\n}\n\n/* User info */\n.user-info {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-md);\n  min-width: 0;\n}\n\nbv-avatar {\n  --bv-avatar-size: 56px;\n  flex-shrink: 0;\n}\n\n.text-col {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.user-name {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-lg);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-secondary-foreground);\n  line-height: 28px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.user-org {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-md);\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-600);\n  line-height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Edit action host \u2014 flex to keep either <bv-button> or <a> aligned */\n.edit-action {\n  flex-shrink: 0;\n  display: inline-flex;\n}\n\n/* Edit button \u2014 white bg, neutral border */\n.edit-btn {\n  --bv-button-bg: var(--bv-color-neutral-0);\n  --bv-button-bg-hover: var(--bv-color-neutral-100);\n  --bv-button-color: var(--bv-color-secondary-foreground);\n  --bv-button-border-color: var(--bv-color-neutral-300);\n  --bv-button-border-color-hover: var(--bv-color-neutral-400);\n  flex-shrink: 0;\n}\n\n/* Edit link \u2014 same visual as .edit-btn, but a real anchor */\n.edit-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 8px 16px;\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-secondary-foreground);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-md);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast);\n}\n\n.edit-link:hover {\n  background: var(--bv-color-neutral-100);\n  border-color: var(--bv-color-neutral-400);\n}\n\n.edit-link:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 2px;\n}\n";
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-avatar/bv-avatar.css
-var bv_avatar_default = ":host {\n  --bv-avatar-size: 40px;\n  --bv-avatar-bg: var(--bv-color-primary-light);\n  --bv-avatar-color: var(--bv-color-primary);\n  --bv-avatar-radius: var(--bv-radius-full);\n  display: inline-flex;\n}\n\n:host([size='xs']) {\n  --bv-avatar-size: 24px;\n}\n:host([size='sm']) {\n  --bv-avatar-size: 32px;\n}\n:host([size='md']) {\n  --bv-avatar-size: 40px;\n}\n:host([size='lg']) {\n  --bv-avatar-size: 48px;\n}\n:host([size='xl']) {\n  --bv-avatar-size: 64px;\n}\n\n.avatar {\n  width: var(--bv-avatar-size);\n  height: var(--bv-avatar-size);\n  border-radius: var(--bv-avatar-radius);\n  background: var(--bv-avatar-bg);\n  color: var(--bv-avatar-color);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  flex-shrink: 0;\n  font-family: var(--bv-font-family-base);\n  font-weight: var(--bv-font-weight-semibold);\n  font-size: calc(var(--bv-avatar-size) * 0.38);\n  user-select: none;\n}\n\n.avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n";
+var bv_avatar_default = ":host {\n  --bv-avatar-size: 40px;\n  --bv-avatar-bg: var(--bv-color-primary-light);\n  --bv-avatar-color: var(--bv-color-primary);\n  --bv-avatar-radius: var(--bv-radius-full);\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='xs']) {\n  --bv-avatar-size: 24px;\n}\n:host([size='sm']) {\n  --bv-avatar-size: 32px;\n}\n:host([size='md']) {\n  --bv-avatar-size: 40px;\n}\n:host([size='lg']) {\n  --bv-avatar-size: 48px;\n}\n:host([size='xl']) {\n  --bv-avatar-size: 64px;\n}\n\n.avatar {\n  width: var(--bv-avatar-size);\n  height: var(--bv-avatar-size);\n  border-radius: var(--bv-avatar-radius);\n  background: var(--bv-avatar-bg);\n  color: var(--bv-avatar-color);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  flex-shrink: 0;\n  font-family: var(--bv-font-family-base);\n  font-weight: var(--bv-font-weight-semibold);\n  font-size: calc(var(--bv-avatar-size) * 0.38);\n  user-select: none;\n}\n\n.avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n";
 
 // components/bv-avatar/bv-avatar.ts
 var BvAvatar = class extends HTMLElement {
@@ -95,7 +101,7 @@ if (!customElements.get("bv-avatar")) {
 var bv_button_default = "/* \u2500\u2500 Public theming API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Apps can override these three properties per-instance:\n\n   HTML:       <bv-button style=\"--bv-button-bg: #e53e3e;\">\n   Angular:    <bv-button [style.--bv-button-bg]=\"brandColor\">\n   JavaScript: btn.style.setProperty('--bv-button-bg', value)\n\n   Hover is auto-computed from the base colors via color-mix().\n   Override --bv-button-bg-hover / --bv-button-border-color-hover\n   if you need explicit control over the hovered state.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:host {\n  /* Default values \u2014 map to global tokens (primary variant) */\n  --bv-button-bg: var(--bv-color-primary);\n  --bv-button-bg-hover: color-mix(in srgb, var(--bv-button-bg) 82%, black);\n  --bv-button-color: var(--bv-color-neutral-0);\n  --bv-button-border-color: var(--bv-color-primary);\n  --bv-button-border-color-hover: color-mix(in srgb, var(--bv-button-border-color) 82%, black);\n  --bv-button-font-family: var(--bv-font-family-base);\n  --bv-button-font-size: var(--bv-font-size-sm);\n\n  display: inline-block;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  /* `!important` so `hidden` always wins over :host([full-width]) / other display rules. */\n  display: none !important;\n}\n\n:host([full-width]) {\n  display: block;\n  width: 100%;\n}\n\n/* \u2500\u2500 Variant tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Each variant re-points the component tokens to different global\n   tokens. Apps can still override with inline styles \u2014 inline style\n   always wins due to higher specificity.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n:host([variant='secondary']) {\n  --bv-button-bg: var(--bv-color-secondary);\n  --bv-button-border-color: var(--bv-color-secondary);\n  --bv-button-color: var(--bv-color-secondary-foreground);\n}\n\n:host([variant='tertiary']) {\n  --bv-button-bg: var(--bv-color-tertiary);\n  --bv-button-border-color: var(--bv-color-tertiary);\n}\n\n:host([variant='danger']) {\n  --bv-button-bg: var(--bv-color-danger);\n  --bv-button-border-color: var(--bv-color-danger);\n}\n\n:host([variant='ghost']) {\n  --bv-button-bg: transparent;\n  --bv-button-bg-hover: var(--bv-color-primary-light);\n  --bv-button-color: var(--bv-color-primary);\n  --bv-button-border-color: transparent;\n  --bv-button-border-color-hover: transparent;\n}\n\n:host([variant='outline']) {\n  --bv-button-bg: transparent;\n  --bv-button-bg-hover: var(--bv-color-primary-light);\n  --bv-button-color: var(--bv-color-primary);\n  --bv-button-border-color: var(--bv-color-primary);\n  --bv-button-border-color-hover: var(--bv-color-primary);\n}\n\n:host([variant='outline-secondary']) {\n  --bv-button-bg: transparent;\n  --bv-button-bg-hover: var(--bv-color-neutral-100);\n  --bv-button-color: var(--bv-color-neutral-700);\n  --bv-button-border-color: var(--bv-color-neutral-300);\n  --bv-button-border-color-hover: var(--bv-color-neutral-300);\n}\n\n/* \u2500\u2500 Base button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   All visual properties read from the component-level tokens above.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--bv-spacing-xs);\n  padding: 10px var(--bv-spacing-md);\n  min-height: 40px;\n  width: auto;\n  font-family: var(--bv-button-font-family);\n  font-size: var(--bv-button-font-size);\n  font-style: normal;\n  font-weight: var(--bv-font-weight-semibold);\n  line-height: 20px;\n  border: 1px solid var(--bv-button-border-color);\n  border-radius: var(--bv-radius-lg);\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    color var(--bv-transition-fast),\n    border-color var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast),\n    opacity var(--bv-transition-fast);\n  white-space: nowrap;\n  user-select: none;\n  text-decoration: none;\n  outline: none;\n  box-sizing: border-box;\n  background: var(--bv-button-bg);\n  color: var(--bv-button-color);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n:host([full-width]) .btn {\n  width: 100%;\n}\n\n.btn:hover:not(:disabled) {\n  background: var(--bv-button-bg-hover);\n  border-color: var(--bv-button-border-color-hover);\n}\n\n.btn:active:not(:disabled) {\n  transform: translateY(1px);\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--bv-button-border-color);\n  outline-offset: 2px;\n}\n\n.btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* \u2500\u2500 Sizes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n:host([size='sm']) .btn {\n  padding: 6px 12px;\n  min-height: 32px;\n  font-size: var(--bv-font-size-sm);\n}\n\n:host([size='lg']) .btn {\n  padding: 12px var(--bv-spacing-lg);\n  min-height: 48px;\n  font-size: var(--bv-font-size-md);\n}\n\n/* \u2500\u2500 Icon \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.btn-icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  line-height: 0;\n}\n\n/* \u2500\u2500 Count badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.btn-count {\n  opacity: 0.8;\n  font-weight: var(--bv-font-weight-regular);\n}\n\n/* \u2500\u2500 Loading spinner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: 50%;\n  flex-shrink: 0;\n  animation: bv-spin 700ms linear infinite;\n}\n\n@keyframes bv-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
 
 // components/bv-icon/icons.ts
-var icons = {
+var icons = Object.assign(/* @__PURE__ */ Object.create(null), {
   // Navigation
   "chevron-up": `<path d="M18 15l-6-6-6 6"/>`,
   "chevron-down": `<path d="M6 9l6 6 6-6"/>`,
@@ -146,16 +152,16 @@ var icons = {
   bell: `<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/>`,
   mail: `<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/>`,
   link: `<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>`
-};
+});
 function getIconSvg(name, size = 16) {
-  const raw = rawIcons[name];
+  const raw = RAW_ICON_MAP.get(name);
   if (raw)
     return raw.replace(/width="[^"]*"/, `width="${size}"`).replace(/height="[^"]*"/, `height="${size}"`);
-  const paths = icons[name];
+  const paths = ICON_MAP.get(name);
   if (!paths) return "";
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths}</svg>`;
 }
-var rawIcons = {
+var rawIcons = Object.assign(/* @__PURE__ */ Object.create(null), {
   // Module type (small, ~18px)
   "module-scorm": `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 15.03 16.28" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13.9014 4.60034L7.51368 8.14201M7.51368 8.14201L1.126 4.60034M7.51368 8.14201L7.5137 15.267M14.2771 11.1859V5.09812C14.2771 4.84113 14.2771 4.71264 14.2392 4.59804C14.2056 4.49666 14.1508 4.4036 14.0783 4.32508C13.9963 4.23633 13.8838 4.17393 13.6587 4.04913L8.09763 0.965793C7.88451 0.847624 7.77794 0.78854 7.66509 0.765376C7.56521 0.744875 7.46219 0.744875 7.36231 0.765376C7.24946 0.78854 7.1429 0.847624 6.92977 0.965793L1.36873 4.04913C1.14364 4.17393 1.0311 4.23633 0.949147 4.32508C0.876647 4.4036 0.82178 4.49666 0.788217 4.59804C0.750278 4.71264 0.750278 4.84113 0.750278 5.09812V11.1859C0.750278 11.4429 0.750278 11.5714 0.788217 11.686C0.82178 11.7874 0.876647 11.8805 0.949147 11.959C1.0311 12.0477 1.14364 12.1101 1.36873 12.2349L6.92977 15.3183C7.1429 15.4364 7.24946 15.4955 7.36231 15.5187C7.46219 15.5392 7.56521 15.5392 7.66509 15.5187C7.77794 15.4955 7.88451 15.4364 8.09763 15.3183L13.6587 12.2349C13.8838 12.1101 13.9963 12.0477 14.0783 11.959C14.1508 11.8805 14.2056 11.7874 14.2392 11.686C14.2771 11.5714 14.2771 11.4429 14.2771 11.1859Z"/></svg>`,
   "module-assessment": `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 13.72 16.13" fill="none" stroke="currentColor" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.507 6.1875V4.1625C12.507 2.90238 12.507 2.27232 12.2629 1.79102C12.0482 1.36766 11.7056 1.02345 11.2841 0.807736C10.8051 0.5625 10.1779 0.5625 8.92364 0.5625H4.14585C2.89156 0.5625 2.26441 0.5625 1.78534 0.807736C1.36393 1.02345 1.02132 1.36766 0.806601 1.79102C0.5625 2.27232 0.5625 2.90238 0.5625 4.1625V11.9625C0.5625 13.2226 0.5625 13.8527 0.806601 14.334C1.02132 14.7573 1.36393 15.1015 1.78534 15.3173C2.26441 15.5625 2.89156 15.5625 4.14585 15.5625H8.0278M8.0278 7.3125H3.54862M5.04168 10.3125H3.54862M9.52086 4.3125H3.54862M9.89413 10.3142C10.0257 9.93852 10.2853 9.62175 10.627 9.41998C10.9688 9.21821 11.3705 9.14445 11.7612 9.21178C12.1519 9.2791 12.5062 9.48315 12.7615 9.7878C13.0168 10.0925 13.1565 10.478 13.1559 10.8763C13.1559 12.0004 11.4775 12.5625 11.4775 12.5625M11.4991 14.8125H11.5066"/></svg>`,
@@ -165,7 +171,9 @@ var rawIcons = {
   "module-adobe-connect": `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16.06 14.63" fill="none" stroke="currentColor" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.7605 0.56252L8.0278 3.56252L4.29515 0.56252M4.14585 14.0625H11.9098C13.164 14.0625 13.7912 14.0625 14.2703 13.8173C14.6917 13.6016 15.0343 13.2574 15.249 12.834C15.4931 12.3527 15.4931 11.7226 15.4931 10.4625V7.16252C15.4931 5.9024 15.4931 5.27234 15.249 4.79104C15.0343 4.36768 14.6917 4.02347 14.2703 3.80776C13.7912 3.56252 13.164 3.56252 11.9098 3.56252H4.14585C2.89156 3.56252 2.26441 3.56252 1.78534 3.80776C1.36393 4.02347 1.02132 4.36768 0.806601 4.79104C0.5625 5.27234 0.5625 5.9024 0.5625 7.16252V10.4625C0.5625 11.7226 0.5625 12.3527 0.806601 12.834C1.02132 13.2574 1.36393 13.6016 1.78534 13.8173C2.26441 14.0625 2.89156 14.0625 4.14585 14.0625Z"/></svg>`,
   "module-video": `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16.06 11.63" fill="none" stroke="currentColor" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.4931 3.51103C15.4931 3.05667 15.4931 2.82949 15.4037 2.72429C15.3261 2.63301 15.2097 2.58457 15.0906 2.59399C14.9533 2.60484 14.7934 2.76548 14.4736 3.08676L11.7605 5.8125L14.4736 8.53824C14.7934 8.85952 14.9533 9.02016 15.0906 9.03101C15.2097 9.04043 15.3261 8.99199 15.4037 8.90071C15.4931 8.79552 15.4931 8.56833 15.4931 8.11397V3.51103ZM0.5625 4.1625C0.5625 2.90238 0.5625 2.27232 0.806601 1.79102C1.02132 1.36766 1.36393 1.02345 1.78534 0.807736C2.26441 0.5625 2.89156 0.5625 4.14585 0.5625H8.17711C9.4314 0.5625 10.0585 0.5625 10.5376 0.807736C10.959 1.02345 11.3016 1.36766 11.5164 1.79102C11.7605 2.27232 11.7605 2.90238 11.7605 4.1625V7.4625C11.7605 8.72262 11.7605 9.35268 11.5164 9.83398C11.3016 10.2573 10.959 10.6015 10.5376 10.8173C10.0585 11.0625 9.4314 11.0625 8.17711 11.0625H4.14584C2.89156 11.0625 2.26441 11.0625 1.78534 10.8173C1.36393 10.6015 1.02132 10.2573 0.806601 9.83398C0.5625 9.35268 0.5625 8.72262 0.5625 7.4625V4.1625Z"/></svg>`,
   "module-upload": `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 14.75 16.13" fill="none" stroke="currentColor" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13.39 4.3125V4.1625C13.39 2.90238 13.39 2.27232 13.1278 1.79102C12.8972 1.36766 12.5293 1.02345 12.0767 0.807736C11.5622 0.5625 10.8887 0.5625 9.54172 0.5625H4.41074C3.06373 0.5625 2.39022 0.5625 1.87573 0.807736C1.42318 1.02345 1.05524 1.36766 0.824646 1.79102C0.5625 2.27232 0.5625 2.90238 0.5625 4.1625V11.9625C0.5625 13.2226 0.5625 13.8527 0.824646 14.334C1.05524 14.7573 1.42318 15.1015 1.87573 15.3173C2.39022 15.5625 3.06373 15.5625 4.41074 15.5625H7.37709M7.37709 7.3125H3.76936M6.57537 10.3125H3.76936M10.1831 4.3125H3.76936M11.7865 12.5625V8.4375C11.7865 7.81618 12.3249 7.3125 12.9891 7.3125C13.6533 7.3125 14.1917 7.81618 14.1917 8.4375V12.5625C14.1917 13.8051 13.1149 14.8125 11.7865 14.8125C10.4582 14.8125 9.38138 13.8051 9.38138 12.5625V9.5625"/></svg>`
-};
+});
+var RAW_ICON_MAP = new Map(Object.entries(rawIcons));
+var ICON_MAP = new Map(Object.entries(icons));
 
 // components/bv-button/bv-button.ts
 var BvButton = class extends HTMLElement {
@@ -294,7 +302,7 @@ if (!customElements.get("bv-button")) {
 }
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-icon/bv-icon.css
-var bv_icon_default = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: inherit;\n}\n\n.icon-wrap {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 0;\n}\n\n.icon-wrap svg {\n  display: block;\n}\n";
+var bv_icon_default = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: inherit;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.icon-wrap {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 0;\n}\n\n.icon-wrap svg {\n  display: block;\n}\n";
 
 // components/bv-icon/bv-icon.ts
 var BvIcon = class extends HTMLElement {
@@ -366,7 +374,6 @@ var BvUserRow = class extends HTMLElement {
     this._render();
   }
   attributeChangedCallback(name, _old, val) {
-    var _a;
     if (!this._rendered) return;
     const map = {
       "user-name": () => {
@@ -376,12 +383,12 @@ var BvUserRow = class extends HTMLElement {
         if (this._els.org) this._els.org.textContent = val ?? "";
       },
       "avatar-src": () => {
-        var _a2;
-        (_a2 = this._els.avatar) == null ? void 0 : _a2.setAttribute("src", val ?? "");
+        var _a;
+        (_a = this._els.avatar) == null ? void 0 : _a.setAttribute("src", val ?? "");
       },
       "avatar-initials": () => {
-        var _a2;
-        (_a2 = this._els.avatar) == null ? void 0 : _a2.setAttribute("initials", val ?? "");
+        var _a;
+        (_a = this._els.avatar) == null ? void 0 : _a.setAttribute("initials", val ?? "");
       },
       greeting: () => {
         if (this._els.name)
@@ -394,7 +401,7 @@ var BvUserRow = class extends HTMLElement {
         this._syncEditAction();
       }
     };
-    (_a = map[name]) == null ? void 0 : _a.call(map);
+    dispatchAttribute(map, name);
   }
   _greeting() {
     const g = this.getAttribute("greeting");
@@ -470,7 +477,7 @@ if (!customElements.get("bv-user-row")) {
 }
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-promo-banner/bv-promo-banner.css
-var bv_promo_banner_default = ":host {\n  display: inline-block;\n}\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 5px var(--bv-spacing-sm) 5px 5px;\n  background: var(--bv-color-primary-light);\n  border-radius: var(--bv-radius-xl);\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity var(--bv-transition-fast);\n}\n\n.banner:hover {\n  opacity: 0.88;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: 2px var(--bv-spacing-sm);\n  background: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-full);\n  flex-shrink: 0;\n}\n\n.badge-label {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary-dark);\n  white-space: nowrap;\n}\n\n.badge-logo {\n  height: 12px;\n  width: auto;\n  display: block;\n}\n\n.message {\n  flex: none;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--bv-color-primary);\n  display: flex;\n  align-items: center;\n}\n";
+var bv_promo_banner_default = ":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 5px var(--bv-spacing-sm) 5px 5px;\n  background: var(--bv-color-primary-light);\n  border-radius: var(--bv-radius-xl);\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity var(--bv-transition-fast);\n}\n\n.banner:hover {\n  opacity: 0.88;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: 2px var(--bv-spacing-sm);\n  background: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-full);\n  flex-shrink: 0;\n}\n\n.badge-label {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary-dark);\n  white-space: nowrap;\n}\n\n.badge-logo {\n  height: 12px;\n  width: auto;\n  display: block;\n}\n\n.message {\n  flex: none;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--bv-color-primary);\n  display: flex;\n  align-items: center;\n}\n";
 
 // components/bv-promo-banner/bv-promo-banner.ts
 var CHEVRON = `<svg class="chevron" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -634,47 +641,46 @@ var BvPortalHeader = class extends HTMLElement {
     this._render();
   }
   attributeChangedCallback(name, _old, val) {
-    var _a;
     if (!this._rendered) return;
     const map = {
       title: () => {
         if (this._els.title) this._els.title.textContent = val ?? "";
       },
       "user-name": () => {
-        var _a2;
-        (_a2 = this._els.userRow) == null ? void 0 : _a2.setAttribute("user-name", val ?? "");
+        var _a;
+        (_a = this._els.userRow) == null ? void 0 : _a.setAttribute("user-name", val ?? "");
       },
       "user-org": () => {
-        var _a2;
-        (_a2 = this._els.userRow) == null ? void 0 : _a2.setAttribute("user-org", val ?? "");
+        var _a;
+        (_a = this._els.userRow) == null ? void 0 : _a.setAttribute("user-org", val ?? "");
       },
       "avatar-src": () => {
-        var _a2;
-        (_a2 = this._els.userRow) == null ? void 0 : _a2.setAttribute("avatar-src", val ?? "");
+        var _a;
+        (_a = this._els.userRow) == null ? void 0 : _a.setAttribute("avatar-src", val ?? "");
       },
       "avatar-initials": () => {
-        var _a2;
-        (_a2 = this._els.userRow) == null ? void 0 : _a2.setAttribute("avatar-initials", val ?? "");
+        var _a;
+        (_a = this._els.userRow) == null ? void 0 : _a.setAttribute("avatar-initials", val ?? "");
       },
       "search-placeholder": () => {
-        var _a2;
-        (_a2 = this._els.search) == null ? void 0 : _a2.setAttribute("placeholder", val ?? "");
+        var _a;
+        (_a = this._els.search) == null ? void 0 : _a.setAttribute("placeholder", val ?? "");
       },
       "promo-message": () => {
-        var _a2;
-        (_a2 = this._els.promo) == null ? void 0 : _a2.setAttribute("message", val ?? "");
+        var _a;
+        (_a = this._els.promo) == null ? void 0 : _a.setAttribute("message", val ?? "");
       },
       "promo-badge-label": () => {
-        var _a2;
-        (_a2 = this._els.promo) == null ? void 0 : _a2.setAttribute("badge-label", val ?? "");
+        var _a;
+        (_a = this._els.promo) == null ? void 0 : _a.setAttribute("badge-label", val ?? "");
       },
       "promo-badge-logo": () => {
-        var _a2;
-        (_a2 = this._els.promo) == null ? void 0 : _a2.setAttribute("badge-logo", val ?? "");
+        var _a;
+        (_a = this._els.promo) == null ? void 0 : _a.setAttribute("badge-logo", val ?? "");
       },
       "promo-href": () => {
-        var _a2;
-        (_a2 = this._els.promo) == null ? void 0 : _a2.setAttribute("href", val ?? "");
+        var _a;
+        (_a = this._els.promo) == null ? void 0 : _a.setAttribute("href", val ?? "");
       },
       "promo-target": () => {
         this._propagate(this._els.promo, "target", val);
@@ -686,7 +692,7 @@ var BvPortalHeader = class extends HTMLElement {
         this._propagate(this._els.userRow, "edit-profile-target", val);
       }
     };
-    (_a = map[name]) == null ? void 0 : _a.call(map);
+    dispatchAttribute(map, name);
   }
   _propagate(target, attr, val) {
     if (!target) return;

package/dist/components/bv-portal-layout/bv-portal-layout.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-portal-layout/bv-portal-layout.css
-var bv_portal_layout_default = ":host {\n  display: block;\n  min-height: 100vh;\n  box-sizing: border-box;\n\n  background: var(--bv-layout-bg, #f9fafb);\n  padding: var(--bv-layout-gutter, 20px);\n\n  /* Publish layout context tokens so all descendants inherit them */\n  --bv-layout-gutter: 20px;\n  --bv-layout-bg: #f9fafb;\n  --bv-layout-radius: 0px;\n  --bv-content-radius: 0px;\n}\n\n.layout {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n";
+var bv_portal_layout_default = ":host {\n  display: block;\n  min-height: 100vh;\n  box-sizing: border-box;\n\n  background: var(--bv-layout-bg, #f9fafb);\n  padding: var(--bv-layout-gutter, 20px);\n\n  /* Publish layout context tokens so all descendants inherit them */\n  --bv-layout-gutter: 20px;\n  --bv-layout-bg: #f9fafb;\n  --bv-layout-radius: 0px;\n  --bv-content-radius: 0px;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.layout {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-progress-bar/bv-progress-bar.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-progress-bar/bv-progress-bar.css
-var bv_progress_bar_default = ":host {\n  --bv-progress-track: var(--bv-color-neutral-200);\n  --bv-progress-fill: var(--bv-color-primary);\n  --bv-progress-height: 8px;\n  display: block;\n  width: 100%;\n}\n\n:host([variant='success']) {\n  --bv-progress-fill: var(--bv-color-success);\n}\n:host([variant='warning']) {\n  --bv-progress-fill: var(--bv-color-warning);\n}\n:host([variant='danger']) {\n  --bv-progress-fill: var(--bv-color-danger);\n}\n\n:host([size='sm']) {\n  --bv-progress-height: 4px;\n}\n:host([size='lg']) {\n  --bv-progress-height: 12px;\n}\n\n.track {\n  width: 100%;\n  height: var(--bv-progress-height);\n  background: var(--bv-progress-track);\n  border-radius: var(--bv-radius-full);\n  overflow: hidden;\n}\n\n.fill {\n  height: 100%;\n  background: var(--bv-progress-fill);\n  border-radius: var(--bv-radius-full);\n  transition: width var(--bv-transition-normal);\n  min-width: 0;\n  max-width: 100%;\n}\n";
+var bv_progress_bar_default = ":host {\n  --bv-progress-track: var(--bv-color-neutral-200);\n  --bv-progress-fill: var(--bv-color-primary);\n  --bv-progress-height: 8px;\n  display: block;\n  width: 100%;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([variant='success']) {\n  --bv-progress-fill: var(--bv-color-success);\n}\n:host([variant='warning']) {\n  --bv-progress-fill: var(--bv-color-warning);\n}\n:host([variant='danger']) {\n  --bv-progress-fill: var(--bv-color-danger);\n}\n\n:host([size='sm']) {\n  --bv-progress-height: 4px;\n}\n:host([size='lg']) {\n  --bv-progress-height: 12px;\n}\n\n.track {\n  width: 100%;\n  height: var(--bv-progress-height);\n  background: var(--bv-progress-track);\n  border-radius: var(--bv-radius-full);\n  overflow: hidden;\n}\n\n.fill {\n  height: 100%;\n  background: var(--bv-progress-fill);\n  border-radius: var(--bv-radius-full);\n  transition: width var(--bv-transition-normal);\n  min-width: 0;\n  max-width: 100%;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-promo-banner/bv-promo-banner.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-promo-banner/bv-promo-banner.css
-var bv_promo_banner_default = ":host {\n  display: inline-block;\n}\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 5px var(--bv-spacing-sm) 5px 5px;\n  background: var(--bv-color-primary-light);\n  border-radius: var(--bv-radius-xl);\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity var(--bv-transition-fast);\n}\n\n.banner:hover {\n  opacity: 0.88;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: 2px var(--bv-spacing-sm);\n  background: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-full);\n  flex-shrink: 0;\n}\n\n.badge-label {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary-dark);\n  white-space: nowrap;\n}\n\n.badge-logo {\n  height: 12px;\n  width: auto;\n  display: block;\n}\n\n.message {\n  flex: none;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--bv-color-primary);\n  display: flex;\n  align-items: center;\n}\n";
+var bv_promo_banner_default = ":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 5px var(--bv-spacing-sm) 5px 5px;\n  background: var(--bv-color-primary-light);\n  border-radius: var(--bv-radius-xl);\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity var(--bv-transition-fast);\n}\n\n.banner:hover {\n  opacity: 0.88;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: 2px var(--bv-spacing-sm);\n  background: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-full);\n  flex-shrink: 0;\n}\n\n.badge-label {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary-dark);\n  white-space: nowrap;\n}\n\n.badge-logo {\n  height: 12px;\n  width: auto;\n  display: block;\n}\n\n.message {\n  flex: none;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--bv-color-primary);\n  display: flex;\n  align-items: center;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-radio/bv-radio.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-radio/bv-radio.css
-var bv_radio_default = ":host {\n  --bv-radio-size: 16px;\n  --bv-radio-border: var(--bv-color-neutral-300);\n  --bv-radio-checked-color: var(--bv-color-primary);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.circle {\n  width: var(--bv-radio-size);\n  height: var(--bv-radio-size);\n  border-radius: 50%;\n  border: 1.5px solid var(--bv-radio-border);\n  background: var(--bv-color-neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: border-color var(--bv-transition-fast);\n}\n\n:host([checked]) .circle {\n  border-color: var(--bv-radio-checked-color);\n}\n\n.dot {\n  width: calc(var(--bv-radio-size) * 0.5);\n  height: calc(var(--bv-radio-size) * 0.5);\n  border-radius: 50%;\n  background: var(--bv-radio-checked-color);\n  display: none;\n}\n\n:host([checked]) .dot {\n  display: block;\n}\n\n.label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  line-height: 20px;\n}\n";
+var bv_radio_default = ":host {\n  --bv-radio-size: 16px;\n  --bv-radio-border: var(--bv-color-neutral-300);\n  --bv-radio-checked-color: var(--bv-color-primary);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.circle {\n  width: var(--bv-radio-size);\n  height: var(--bv-radio-size);\n  border-radius: 50%;\n  border: 1.5px solid var(--bv-radio-border);\n  background: var(--bv-color-neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: border-color var(--bv-transition-fast);\n}\n\n:host([checked]) .circle {\n  border-color: var(--bv-radio-checked-color);\n}\n\n.dot {\n  width: calc(var(--bv-radio-size) * 0.5);\n  height: calc(var(--bv-radio-size) * 0.5);\n  border-radius: 50%;\n  background: var(--bv-radio-checked-color);\n  display: none;\n}\n\n:host([checked]) .dot {\n  display: block;\n}\n\n.label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  line-height: 20px;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-search-picker/bv-search-picker.d.ts

@@ -45,6 +45,19 @@ export interface SearchPickerClearedDetail {
     /** Consumer-supplied string identifying why the basket was cleared (e.g. `'category-changed'`, `'group-changed'`). */
     reason: string;
 }
+/**
+ * Public CSS custom properties (BTN-10686). Both are consumer-facing theming
+ * API — renaming or removing either is a major bump per the Consumer Contract.
+ *
+ * - `--bv-search-picker-trigger-width` (default `max-content`) — the trigger
+ *   shrink-wraps its own label by default, so it reads as a compact pill
+ *   rather than a full-width dropdown. Set to `100%` when the picker sits in
+ *   a row of uniformly-sized fields (e.g. alongside `bv-input-dropdown`).
+ * - `--bv-search-picker-trigger-min-width` (default `120px`) — the trigger's
+ *   own floor. A consumer that shrinks the host below `120px` MUST lower this
+ *   to match, or the trigger overflows its host box and overlaps its
+ *   neighbour. See the CET Report screen for a worked example.
+ */
 export declare class BvSearchPicker extends HTMLElement {
     static readonly observedAttributes: readonly ["label", "entity-label", "search-placeholder", "inactive-toggle-label", "mode", "min-query-length", "debounce-ms", "disabled", "loading", "show-inactive", "open", "results", "results-total", "results-request-id", "basket", "label-all", "label-count", "label-except", "label-only-these", "label-all-except", "label-empty-basket", "label-clear-all", "label-min-chars", "label-no-results", "label-results-cap", "label-cleared"];
     private _rendered;
@@ -80,6 +93,14 @@ export declare class BvSearchPicker extends HTMLElement {
      * cleared when the user next opens the panel or explicitly dismisses.
      */
     private _clearedReason;
+    /**
+     * BTN-11916 — roving-tabindex position in the basket. The basket is a
+     * composite widget: one tab stop for the whole group, Arrow keys to move
+     * between the remove buttons inside it. Without this, a basket of 40 picked
+     * users costs 40 tab presses to step over — and the basket is the *unbounded*
+     * list here, since the results list is capped by the consumer.
+     */
+    private _basketActiveIdx;
     private _labelEl;
     private _triggerEl;
     private _panelEl;
@@ -182,6 +203,44 @@ export declare class BvSearchPicker extends HTMLElement {
     private _dispatchApply;
     private _dispatchSearch;
     private _scheduleSearchDispatch;
+    /**
+     * Makes one result row the active option. The single place that decides
+     * which row Enter acts on, so the three entry points (ArrowDown out of the
+     * search box, arrow keys inside the list, and Tab onto the list) cannot
+     * drift apart.
+     *
+     * Sets three things together on purpose:
+     * - `aria-selected` on the row — drives the visible highlight and tells AT
+     *   the option is the current one.
+     * - `aria-activedescendant` on the listbox — the only way a screen reader
+     *   can know which option is active while focus sits on the container.
+     * - DOM focus, when `moveFocus` is true. It is false for the Tab path: the
+     *   container is tabbable and precedes its rows, so focusing a row there
+     *   would bounce Shift+Tab back into the container's focus handler.
+     */
+    private _setActiveRow;
+    /**
+     * BTN-11916 — the basket's counterpart to `_setActiveRow`, and deliberately
+     * a different mechanism. The results list is a `role="listbox"`: one focus
+     * holder, `aria-activedescendant` pointing at the active option. The basket
+     * is not a listbox — nothing is being *chosen* there, each row carries its
+     * own action — so it uses a roving tabindex over the native buttons instead,
+     * which keeps their button semantics intact.
+     *
+     * Clamps, so callers may pass an index that has just gone out of range after
+     * a removal. When the basket empties there is no button left to hold focus:
+     * `moveFocus` then falls back to the search box rather than letting the
+     * document drop focus to <body>.
+     */
+    private _setActiveBasketRow;
+    /**
+     * BTN-11916 — Arrow Up/Down (plus Home/End) rove between the basket's remove
+     * buttons. Enter and Space are NOT handled here on purpose: these are native
+     * `<button>`s, so the browser already turns both into a click, and the click
+     * handler owns both the removal and the follow-up focus move. Intercepting
+     * them would mean re-implementing activation we get for free.
+     */
+    private _onBasketKeyDown;
     /**
      * BTN-10322 — Arrow Up/Down navigation between result rows; Enter or Space
      * adds the currently-focused row to the staged basket. Home/End jump to