@bluevolt-tech/lumen 2.3.1 → 2.6.1

package/dist/components/bv-search-picker/bv-search-picker.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-search-picker/bv-search-picker.css
-var bv_search_picker_default = ":host {\n  display: block;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n/* \u2500\u2500 Field 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 */\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 1.5;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: var(--bv-spacing-xs-plus);\n}\n\n.field-label:empty {\n  display: none;\n}\n\n/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.trigger {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  width: max-content;\n  min-width: 120px;\n  max-width: 220px;\n  box-sizing: border-box;\n  min-height: var(--bv-control-height-lg);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-md);\n  background: var(--bv-color-neutral-0);\n  padding: 5px var(--bv-spacing-sm);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    border-color var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n.trigger:focus-visible {\n  outline: none;\n  border-color: var(--bv-color-primary);\n  box-shadow: 0 0 0 3px var(--bv-color-primary-light);\n}\n\n:host([open]) .trigger {\n  border-color: var(--bv-color-primary);\n  box-shadow: 0 0 0 3px var(--bv-color-primary-light);\n}\n\n:host([disabled]) .trigger {\n  background: var(--bv-color-neutral-100);\n  cursor: not-allowed;\n}\n\n.trigger-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  height: 26px;\n  /* Symmetric padding so the pill still looks balanced with the clear button\n     hidden (count === 0) \u2014 an asymmetric right pad only reads correctly when\n     the clear button is actually there to visually fill the extra space. */\n  padding: 0 var(--bv-spacing-sm-plus);\n  border-radius: var(--bv-radius-full);\n  background: var(--bv-color-primary-light);\n  color: var(--bv-color-primary-dark);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  white-space: nowrap;\n}\n\n.trigger-pill.mode-exclude {\n  background: var(--bv-color-danger-light);\n  color: var(--bv-color-danger-dark);\n}\n\n.trigger-pill-clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.7;\n}\n\n/* The `display` rule above wins over the UA's [hidden]{display:none} (author\n   origin beats user-agent origin regardless of specificity) \u2014 restate it. */\n.trigger-pill-clear[hidden] {\n  display: none;\n}\n\n.trigger-pill-clear:hover {\n  /* Overlay derived from the neutral-900 token (matches the pattern\n     bv-alert-banner uses for its close-btn hover \u2014 token + color-mix, no\n     hardcoded rgba). Works over both include (primary-light) and exclude\n     (danger-light) pill backgrounds. */\n  background: color-mix(in srgb, var(--bv-color-neutral-900) 12%, transparent);\n  opacity: 1;\n}\n\n/*\n * The pill-clear is a `span[role=\"button\"]` (not a native <button>) so that\n * it can nest inside the trigger button without producing invalid HTML.\n * Native <button> would give us a visible focus ring for free; role=\"button\"\n * doesn't, so paint one explicitly for keyboard users.\n */\n.trigger-pill-clear:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n.trigger-caret {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([open]) .trigger-caret {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 BTN-10322 \xB7 cascade cleared affordance \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.cleared-affordance {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  margin-top: var(--bv-spacing-xs-plus);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  background: var(--bv-color-warning-light);\n  color: var(--bv-color-warning-dark);\n  border-radius: var(--bv-radius-md);\n  font-size: var(--bv-font-size-xs);\n  line-height: 1.4;\n}\n\n.cleared-affordance[hidden] {\n  display: none;\n}\n\n.cleared-affordance-icon {\n  display: inline-flex;\n  align-items: center;\n  color: var(--bv-color-warning);\n  flex-shrink: 0;\n}\n\n.cleared-affordance-msg {\n  flex: 1;\n}\n\n.cleared-affordance-dismiss {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-radius-full);\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n.cleared-affordance-dismiss:hover {\n  background: color-mix(in srgb, var(--bv-color-neutral-900) 12%, transparent);\n  opacity: 1;\n}\n\n/* \u2500\u2500 Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 680px;\n  max-width: calc(100vw - var(--bv-spacing-md) * 2);\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  box-shadow: var(--bv-shadow-md);\n  z-index: 200;\n  overflow: hidden;\n}\n\n:host([open]) .panel {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Smart positioning \u2014 flips to whichever side has room (see _positionPanel\n   in bv-search-picker.ts) instead of always overflowing past a screen edge. */\n:host([data-placement='top']) .panel {\n  top: auto;\n  bottom: calc(100% + 4px);\n}\n\n:host([data-align='right']) .panel {\n  left: auto;\n  right: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n  background: var(--bv-color-neutral-100);\n}\n\n.panel-toolbar bv-toggle {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.panel-body {\n  display: flex;\n  min-height: 230px;\n}\n\n/* \u2500\u2500 Results pane \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.results-pane {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--bv-color-neutral-200);\n}\n\n/* bv-searchbox's :host is width:100%, so the inset has to be padding on this\n   wrapper \u2014 a margin on the searchbox itself would push it past the pane's\n   edge, since 100% resolves against the container regardless of the child's\n   own margin. */\n.results-search {\n  padding: var(--bv-spacing-sm);\n}\n\n.results-list {\n  flex: 1;\n  max-height: 190px;\n  overflow-y: auto;\n}\n\n.result-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-100);\n  cursor: pointer;\n}\n\n.result-row:hover {\n  background: var(--bv-color-primary-50);\n}\n\n/* BTN-10322 \xB7 a11y \u2014 keyboard-focused row (Arrow Up/Down) gets a visible\n   ring so a keyboard-only user can see where they are. `aria-selected`\n   mirrors the focus position so screen readers announce it. */\n.result-row:focus-visible,\n.result-row[aria-selected='true'] {\n  background: var(--bv-color-primary-50);\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: -2px;\n}\n\n.results-rows:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: -2px;\n}\n\n.result-name {\n  /* min-width:0 overrides the flex-item default of min-width:auto, which\n     would otherwise refuse to shrink below the text's natural width and\n     defeat the wrap/clamp below entirely. */\n  min-width: 0;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  font-weight: var(--bv-font-weight-semibold);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.result-inactive {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n}\n\n.result-add {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  color: var(--bv-color-primary);\n  flex-shrink: 0;\n  padding: 0;\n  cursor: pointer;\n}\n\n.results-empty {\n  padding: var(--bv-spacing-md-minus) var(--bv-spacing-md-minus);\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-400);\n  line-height: 1.5;\n}\n\n.results-empty:empty,\n.results-empty[hidden] {\n  display: none;\n}\n\n/* \u2500\u2500 Loading skeleton (mirrors bv-filter-panel's pattern) \u2500\u2500\u2500 */\n\n.skeleton {\n  display: none;\n  flex-direction: column;\n}\n\n:host([loading]) .skeleton {\n  display: flex;\n}\n\n:host([loading]) .results-rows,\n:host([loading]) .results-empty {\n  display: none;\n}\n\n.skeleton-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm-plus);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-100);\n}\n\n.skeleton-line {\n  height: 11px;\n  border-radius: var(--bv-radius-sm);\n  background: var(--bv-color-neutral-200);\n  animation: bv-skeleton-shimmer 1.5s ease-in-out infinite;\n}\n\n@keyframes bv-skeleton-shimmer {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n/* \u2500\u2500 Basket pane \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.basket-pane {\n  width: 210px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--bv-color-neutral-100);\n}\n\n.basket-header {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n}\n\n.basket-header-label {\n  font-size: var(--bv-font-size-xs);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-500);\n}\n\n.basket-clear-all {\n  margin-left: auto;\n  border: none;\n  background: none;\n  padding: 0;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-primary);\n  cursor: pointer;\n}\n\n.basket-clear-all:hover {\n  color: var(--bv-color-primary-dark);\n  text-decoration: underline;\n}\n\n.basket-clear-all[hidden] {\n  display: none;\n}\n\n.basket-list {\n  flex: 1;\n  max-height: 190px;\n  overflow-y: auto;\n  padding: 0 var(--bv-spacing-sm) var(--bv-spacing-sm);\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-xs);\n}\n\n.basket-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: var(--bv-spacing-xs) var(--bv-spacing-sm);\n  border-radius: var(--bv-radius-sm);\n  background: var(--bv-color-primary-light);\n}\n\n.basket-row.mode-exclude {\n  background: var(--bv-color-danger-light);\n}\n\n.basket-row-name {\n  min-width: 0;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.basket-row-remove {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  padding: 0;\n  cursor: pointer;\n}\n\n.basket-empty {\n  padding: var(--bv-spacing-xs) var(--bv-spacing-2xs);\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-400);\n  line-height: 1.5;\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 */\n\n.panel-footer {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-200);\n  background: var(--bv-color-neutral-0);\n}\n\n.panel-footer bv-button {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.results-limit-note {\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-500);\n  line-height: 1.4;\n}\n";
+var bv_search_picker_default = ":host {\n  display: block;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* \u2500\u2500 Field 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 */\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 1.5;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: var(--bv-spacing-xs-plus);\n}\n\n.field-label:empty {\n  display: none;\n}\n\n/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.trigger {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  /* Shrink-to-fit its own label by default (a compact pill, not a full-width\n     dropdown) \u2014 consumers that need a uniform width across a row of mixed\n     field types (e.g. sitting alongside bv-input-dropdown) can override this\n     rather than the component silently always filling its host's box. */\n  width: var(--bv-search-picker-trigger-width, max-content);\n  /* Also overridable \u2014 a consumer that shrinks the host below 120px (e.g. to\n     fit a fixed viewport floor) needs this floor to shrink too, or the\n     trigger silently overflows its own host box and overlaps whatever sits\n     next to it. */\n  min-width: var(--bv-search-picker-trigger-min-width, 120px);\n  max-width: 220px;\n  box-sizing: border-box;\n  min-height: var(--bv-control-height-lg);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-md);\n  background: var(--bv-color-neutral-0);\n  padding: 5px var(--bv-spacing-sm);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    border-color var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n.trigger:focus-visible {\n  outline: none;\n  border-color: var(--bv-color-primary);\n  box-shadow: 0 0 0 3px var(--bv-color-primary-light);\n}\n\n:host([open]) .trigger {\n  border-color: var(--bv-color-primary);\n  box-shadow: 0 0 0 3px var(--bv-color-primary-light);\n}\n\n:host([disabled]) .trigger {\n  background: var(--bv-color-neutral-100);\n  cursor: not-allowed;\n}\n\n.trigger-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  height: 26px;\n  /* Symmetric padding so the pill still looks balanced with the clear button\n     hidden (count === 0) \u2014 an asymmetric right pad only reads correctly when\n     the clear button is actually there to visually fill the extra space. */\n  padding: 0 var(--bv-spacing-sm-plus);\n  border-radius: var(--bv-radius-full);\n  background: var(--bv-color-primary-light);\n  color: var(--bv-color-primary-dark);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  white-space: nowrap;\n  /* Without this, this flex item's default min-width:auto refuses to shrink\n     below its content's natural width \u2014 the same reason .trigger needs its\n     own min-width overridden (see bv-search-picker.ts) \u2014 and the pill spills\n     out past a narrowed .trigger instead of truncating with it. */\n  min-width: 0;\n}\n\n.trigger-pill-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.trigger-pill.mode-exclude {\n  background: var(--bv-color-danger-light);\n  color: var(--bv-color-danger-dark);\n}\n\n.trigger-pill-clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.7;\n}\n\n/* The `display` rule above wins over the UA's [hidden]{display:none} (author\n   origin beats user-agent origin regardless of specificity) \u2014 restate it. */\n.trigger-pill-clear[hidden] {\n  display: none;\n}\n\n.trigger-pill-clear:hover {\n  /* Overlay derived from the neutral-900 token (matches the pattern\n     bv-alert-banner uses for its close-btn hover \u2014 token + color-mix, no\n     hardcoded rgba). Works over both include (primary-light) and exclude\n     (danger-light) pill backgrounds. */\n  background: color-mix(in srgb, var(--bv-color-neutral-900) 12%, transparent);\n  opacity: 1;\n}\n\n/*\n * The pill-clear is a `span[role=\"button\"]` (not a native <button>) so that\n * it can nest inside the trigger button without producing invalid HTML.\n * Native <button> would give us a visible focus ring for free; role=\"button\"\n * doesn't, so paint one explicitly for keyboard users.\n */\n.trigger-pill-clear:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n.trigger-caret {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([open]) .trigger-caret {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 BTN-10322 \xB7 cascade cleared affordance \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.cleared-affordance {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  margin-top: var(--bv-spacing-xs-plus);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  background: var(--bv-color-warning-light);\n  color: var(--bv-color-warning-dark);\n  border-radius: var(--bv-radius-md);\n  font-size: var(--bv-font-size-xs);\n  line-height: 1.4;\n}\n\n.cleared-affordance[hidden] {\n  display: none;\n}\n\n.cleared-affordance-icon {\n  display: inline-flex;\n  align-items: center;\n  color: var(--bv-color-warning);\n  flex-shrink: 0;\n}\n\n.cleared-affordance-msg {\n  flex: 1;\n}\n\n.cleared-affordance-dismiss {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-radius-full);\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n.cleared-affordance-dismiss:hover {\n  background: color-mix(in srgb, var(--bv-color-neutral-900) 12%, transparent);\n  opacity: 1;\n}\n\n/* \u2500\u2500 Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 680px;\n  max-width: calc(100vw - var(--bv-spacing-md) * 2);\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  box-shadow: var(--bv-shadow-md);\n  z-index: 200;\n  overflow: hidden;\n}\n\n:host([open]) .panel {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Smart positioning \u2014 flips to whichever side has room (see _positionPanel\n   in bv-search-picker.ts) instead of always overflowing past a screen edge. */\n:host([data-placement='top']) .panel {\n  top: auto;\n  bottom: calc(100% + 4px);\n}\n\n:host([data-align='right']) .panel {\n  left: auto;\n  right: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n  background: var(--bv-color-neutral-100);\n}\n\n.panel-toolbar bv-toggle {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.panel-body {\n  display: flex;\n  min-height: 230px;\n}\n\n/* \u2500\u2500 Results pane \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.results-pane {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--bv-color-neutral-200);\n}\n\n/* bv-searchbox's :host is width:100%, so the inset has to be padding on this\n   wrapper \u2014 a margin on the searchbox itself would push it past the pane's\n   edge, since 100% resolves against the container regardless of the child's\n   own margin. */\n.results-search {\n  padding: var(--bv-spacing-sm);\n}\n\n.results-list {\n  flex: 1;\n  max-height: 190px;\n  overflow-y: auto;\n}\n\n.result-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-100);\n  cursor: pointer;\n}\n\n.result-row:hover {\n  background: var(--bv-color-primary-50);\n}\n\n/* BTN-10322 \xB7 a11y \u2014 keyboard-focused row (Arrow Up/Down) gets a visible\n   ring so a keyboard-only user can see where they are. `aria-selected`\n   mirrors the focus position so screen readers announce it. */\n.result-row:focus-visible,\n.result-row[aria-selected='true'] {\n  background: var(--bv-color-primary-50);\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: -2px;\n}\n\n.results-rows:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: -2px;\n}\n\n.result-name {\n  /* min-width:0 overrides the flex-item default of min-width:auto, which\n     would otherwise refuse to shrink below the text's natural width and\n     defeat the wrap/clamp below entirely. */\n  min-width: 0;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  font-weight: var(--bv-font-weight-semibold);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.result-inactive {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n}\n\n.result-add {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  color: var(--bv-color-primary);\n  flex-shrink: 0;\n  padding: 0;\n  cursor: pointer;\n}\n\n.results-empty {\n  padding: var(--bv-spacing-md-minus) var(--bv-spacing-md-minus);\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-400);\n  line-height: 1.5;\n}\n\n.results-empty:empty,\n.results-empty[hidden] {\n  display: none;\n}\n\n/* \u2500\u2500 Loading skeleton (mirrors bv-filter-panel's pattern) \u2500\u2500\u2500 */\n\n.skeleton {\n  display: none;\n  flex-direction: column;\n}\n\n:host([loading]) .skeleton {\n  display: flex;\n}\n\n:host([loading]) .results-rows,\n:host([loading]) .results-empty {\n  display: none;\n}\n\n.skeleton-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm-plus);\n  padding: var(--bv-spacing-sm) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-100);\n}\n\n.skeleton-line {\n  height: 11px;\n  border-radius: var(--bv-radius-sm);\n  background: var(--bv-color-neutral-200);\n  animation: bv-skeleton-shimmer 1.5s ease-in-out infinite;\n}\n\n@keyframes bv-skeleton-shimmer {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n/* \u2500\u2500 Basket pane \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.basket-pane {\n  width: 210px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--bv-color-neutral-100);\n}\n\n.basket-header {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n}\n\n.basket-header-label {\n  font-size: var(--bv-font-size-xs);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-500);\n}\n\n.basket-clear-all {\n  margin-left: auto;\n  border: none;\n  background: none;\n  padding: 0;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-primary);\n  cursor: pointer;\n}\n\n.basket-clear-all:hover {\n  color: var(--bv-color-primary-dark);\n  text-decoration: underline;\n}\n\n.basket-clear-all[hidden] {\n  display: none;\n}\n\n.basket-list {\n  flex: 1;\n  max-height: 190px;\n  overflow-y: auto;\n  padding: 0 var(--bv-spacing-sm) var(--bv-spacing-sm);\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-xs);\n}\n\n.basket-row {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: var(--bv-spacing-xs) var(--bv-spacing-sm);\n  border-radius: var(--bv-radius-sm);\n  background: var(--bv-color-primary-light);\n}\n\n.basket-row.mode-exclude {\n  background: var(--bv-color-danger-light);\n}\n\n.basket-row-name {\n  min-width: 0;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.basket-row-remove {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  padding: 0;\n  cursor: pointer;\n}\n\n/* BTN-11916 \xB7 a11y \u2014 the basket is a roving-tabindex group, so Arrow Up/Down\n   moves focus between these buttons without any click. A keyboard user has to\n   be able to see which one they are on; matches the ring on .result-row. */\n.basket-row-remove:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 2px;\n  border-radius: var(--bv-radius-sm);\n}\n\n.basket-empty {\n  padding: var(--bv-spacing-xs) var(--bv-spacing-2xs);\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-400);\n  line-height: 1.5;\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 */\n\n.panel-footer {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-sm-plus) var(--bv-spacing-md-minus);\n  border-top: 1px solid var(--bv-color-neutral-200);\n  background: var(--bv-color-neutral-0);\n}\n\n.panel-footer bv-button {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.results-limit-note {\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-neutral-500);\n  line-height: 1.4;\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.cleared-affordance[hidden] {\n  display: none;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();
@@ -78,7 +78,7 @@ function bindDropdownController(host, options = {}) {
 }
 
 // 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"/>`,
@@ -129,16 +129,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>`,
@@ -148,7 +148,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));
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-searchbox/bv-searchbox.css
 var bv_searchbox_default = ":host {\n  display: block;\n  width: 100%;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.search-icon {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--bv-color-neutral-400);\n  display: flex;\n  pointer-events: none;\n}\n\n.search-input {\n  width: 100%;\n  box-sizing: border-box;\n  height: 40px;\n  padding: 0 12px 0 38px;\n  font-size: var(--bv-font-size-sm);\n  font-family: inherit;\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-lg);\n  outline: none;\n  color: var(--bv-color-neutral-800);\n  background: var(--bv-color-neutral-0);\n  transition: border-color var(--bv-transition-fast);\n}\n\n:host([size='sm']) .search-input {\n  height: 36px;\n}\n:host([size='lg']) .search-input {\n  height: 46px;\n}\n\n.search-input::placeholder {\n  color: var(--bv-color-neutral-400);\n}\n\n.search-input:focus {\n  border-color: #6fb0d8;\n  box-shadow:\n    0px 0px 0px 4px #dbe8ff,\n    0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n}\n";
@@ -207,7 +209,7 @@ if (!customElements.get("bv-searchbox")) {
 }
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-segmented-control/bv-segmented-control.css
-var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n:host([size='sm']) .container {\n  height: var(--bv-control-height-md);\n  border-radius: var(--bv-radius-md);\n  padding: 3px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 var(--bv-spacing-md);\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n:host([size='sm']) .pill {\n  padding: 0 var(--bv-spacing-md-minus);\n  font-size: var(--bv-font-size-sm);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n/* Filled variant \u2014 selected pill uses the primary color instead of white */\n:host([variant='primary']) .pill.selected {\n  background: var(--bv-color-primary);\n  color: var(--bv-color-neutral-0);\n}\n";
+var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n:host([size='sm']) .container {\n  height: var(--bv-control-height-md);\n  border-radius: var(--bv-radius-md);\n  padding: 3px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  /* Horizontal-only override, independent of `size` \u2014 a consumer fighting\n     for width in a row of same-height controls needs the pill narrower\n     without the control itself getting shorter than its neighbors, which\n     `size=\"sm\"` would also do (it shrinks the container height too). */\n  padding: 0 var(--bv-segmented-control-pill-padding-x, var(--bv-spacing-md));\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n:host([size='sm']) .pill {\n  /* Same override hook as the default size, with sm's own tighter fallback \u2014\n     otherwise the custom property would silently do nothing on size=\"sm\",\n     which is exactly the combination a consumer squeezed for width reaches\n     for first. */\n  padding: 0 var(--bv-segmented-control-pill-padding-x, var(--bv-spacing-md-minus));\n  font-size: var(--bv-font-size-sm);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n/* Filled variant \u2014 selected pill uses the primary color instead of white */\n:host([variant='primary']) .pill.selected {\n  background: var(--bv-color-primary);\n  color: var(--bv-color-neutral-0);\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.field-label[hidden] {\n  display: none;\n}\n";
 
 // components/bv-segmented-control/bv-segmented-control.ts
 var BvSegmentedControl = class extends HTMLElement {
@@ -336,12 +338,13 @@ if (!customElements.get("bv-segmented-control")) {
 }
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-toggle/bv-toggle.css
-var bv_toggle_default = ":host {\n  --bv-toggle-width: 44px;\n  --bv-toggle-height: 24px;\n  --bv-toggle-track-off: var(--bv-color-neutral-300);\n  --bv-toggle-track-on: var(--bv-color-primary);\n  --bv-toggle-thumb: var(--bv-color-neutral-0);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='sm']) {\n  --bv-toggle-width: 32px;\n  --bv-toggle-height: 18px;\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.track {\n  position: relative;\n  width: var(--bv-toggle-width);\n  height: var(--bv-toggle-height);\n  border-radius: var(--bv-radius-full);\n  background: var(--bv-toggle-track-off);\n  transition: background var(--bv-transition-fast);\n  flex-shrink: 0;\n}\n\n:host([checked]) .track {\n  background: var(--bv-toggle-track-on);\n}\n\n.thumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: calc(var(--bv-toggle-height) - 6px);\n  height: calc(var(--bv-toggle-height) - 6px);\n  border-radius: 50%;\n  background: var(--bv-toggle-thumb);\n  box-shadow: var(--bv-shadow-sm);\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([checked]) .thumb {\n  transform: translateX(calc(var(--bv-toggle-width) - var(--bv-toggle-height)));\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\n:host([size='sm']) .label {\n  font-size: var(--bv-font-size-xs);\n  line-height: 18px;\n}\n";
+var bv_toggle_default = ":host {\n  --bv-toggle-width: 44px;\n  --bv-toggle-height: 24px;\n  --bv-toggle-track-off: var(--bv-color-neutral-300);\n  --bv-toggle-track-on: var(--bv-color-primary);\n  --bv-toggle-thumb: var(--bv-color-neutral-0);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='sm']) {\n  --bv-toggle-width: 32px;\n  --bv-toggle-height: 18px;\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--bv-radius-sm);\n}\n\n.wrap:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 2px;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.track {\n  position: relative;\n  width: var(--bv-toggle-width);\n  height: var(--bv-toggle-height);\n  border-radius: var(--bv-radius-full);\n  background: var(--bv-toggle-track-off);\n  transition: background var(--bv-transition-fast);\n  flex-shrink: 0;\n}\n\n:host([checked]) .track {\n  background: var(--bv-toggle-track-on);\n}\n\n.thumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: calc(var(--bv-toggle-height) - 6px);\n  height: calc(var(--bv-toggle-height) - 6px);\n  border-radius: 50%;\n  background: var(--bv-toggle-thumb);\n  box-shadow: var(--bv-shadow-sm);\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([checked]) .thumb {\n  transform: translateX(calc(var(--bv-toggle-width) - var(--bv-toggle-height)));\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\n:host([size='sm']) .label {\n  font-size: var(--bv-font-size-xs);\n  line-height: 18px;\n}\n";
 
 // components/bv-toggle/bv-toggle.ts
 var BvToggle = class extends HTMLElement {
   static observedAttributes = ["checked", "disabled", "label", "size"];
   _rendered = false;
+  _wrapEl = null;
   _labelEl = null;
   constructor() {
     super();
@@ -352,6 +355,7 @@ var BvToggle = class extends HTMLElement {
   }
   attributeChangedCallback(name, _old, val) {
     if (!this._rendered) return;
+    if (name === "checked" || name === "disabled") this._syncAria();
     if (name === "label" && this._labelEl) this._labelEl.textContent = val ?? "";
   }
   get checked() {
@@ -361,12 +365,32 @@ var BvToggle = class extends HTMLElement {
     if (v) this.setAttribute("checked", "");
     else this.removeAttribute("checked");
   }
+  /**
+   * Focus the toggle. The focusable element is the internal `.wrap`, not the
+   * host, so `hostEl.focus()` would otherwise be a silent no-op. Consumers that
+   * rebuild the panel a toggle lives in (bv-input-dropdown's `toggle-label`,
+   * bv-search-picker's `inactive-toggle-label`) need this to restore focus
+   * after the rebuild without reaching into this component's shadow root.
+   *
+   * No-op before the first render, and when disabled — `tabindex="-1"` only
+   * removes the element from Tab order, it does not block programmatic focus,
+   * so a restore pass could otherwise land focus on a control that was
+   * disabled mid-rebuild.
+   */
+  focus(options) {
+    var _a;
+    if (this.hasAttribute("disabled")) return;
+    (_a = this._wrapEl) == null ? void 0 : _a.focus(options);
+  }
   _render() {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    const wrap = document.createElement("label");
+    const wrap = document.createElement("div");
     wrap.className = "wrap";
+    wrap.setAttribute("role", "switch");
+    wrap.setAttribute("part", "toggle");
+    this._wrapEl = wrap;
     const track = document.createElement("span");
     track.className = "track";
     const thumb = document.createElement("span");
@@ -378,7 +402,7 @@ var BvToggle = class extends HTMLElement {
     const slot = document.createElement("slot");
     wrap.append(track, this._labelEl, slot);
     shadow.appendChild(wrap);
-    wrap.addEventListener("click", () => {
+    const toggle = () => {
       if (this.hasAttribute("disabled")) return;
       this.checked = !this.checked;
       this.dispatchEvent(
@@ -388,7 +412,22 @@ var BvToggle = class extends HTMLElement {
           detail: { checked: this.checked }
         })
       );
+    };
+    wrap.addEventListener("click", toggle);
+    wrap.addEventListener("keydown", (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      if (e.key === " ") e.preventDefault();
+      toggle();
     });
+    this._syncAria();
+  }
+  _syncAria() {
+    if (!this._wrapEl) return;
+    const disabled = this.hasAttribute("disabled");
+    this._wrapEl.tabIndex = disabled ? -1 : 0;
+    this._wrapEl.setAttribute("aria-checked", String(this.checked));
+    if (disabled) this._wrapEl.setAttribute("aria-disabled", "true");
+    else this._wrapEl.removeAttribute("aria-disabled");
   }
 };
 if (!customElements.get("bv-toggle")) {
@@ -527,6 +566,7 @@ if (!customElements.get("bv-button")) {
 // components/bv-search-picker/bv-search-picker.ts
 var SKELETON_ROW_COUNT = 5;
 var DEFAULT_DEBOUNCE_MS = 300;
+var RESULT_ROW_ID_PREFIX = "bv-sp-opt-";
 function parseItems(raw) {
   if (!raw) return [];
   try {
@@ -601,6 +641,14 @@ var BvSearchPicker = class extends HTMLElement {
    * cleared when the user next opens the panel or explicitly dismisses.
    */
   _clearedReason = null;
+  /**
+   * 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.
+   */
+  _basketActiveIdx = 0;
   _labelEl = null;
   _triggerEl = null;
   _panelEl = null;
@@ -801,6 +849,7 @@ var BvSearchPicker = class extends HTMLElement {
     pill.className = "trigger-pill";
     this._pillEl = pill;
     const pillText = document.createElement("span");
+    pillText.className = "trigger-pill-text";
     this._pillTextEl = pillText;
     const pillClear = document.createElement("span");
     pillClear.className = "trigger-pill-clear";
@@ -869,8 +918,7 @@ var BvSearchPicker = class extends HTMLElement {
       const firstRow = this._resultsRowsEl.querySelector(".result-row");
       if (!firstRow) return;
       e.preventDefault();
-      this._resultsRowsEl.querySelectorAll(".result-row").forEach((row, i) => row.setAttribute("aria-selected", i === 0 ? "true" : "false"));
-      firstRow.focus();
+      this._setActiveRow(0, true);
     });
     this._searchEl = searchEl;
     const searchWrap = document.createElement("div");
@@ -892,6 +940,12 @@ var BvSearchPicker = class extends HTMLElement {
     resultsRows.setAttribute("aria-label", `${this.entityLabel} matching your search`);
     resultsRows.tabIndex = 0;
     resultsRows.addEventListener("keydown", (e) => this._onResultsKeyDown(e));
+    resultsRows.addEventListener("focus", () => {
+      const rows = resultsRows.querySelectorAll(".result-row");
+      if (rows.length === 0) return;
+      const hasActive = Array.from(rows).some((r) => r.getAttribute("aria-selected") === "true");
+      if (!hasActive) this._setActiveRow(0, false);
+    });
     this._resultsRowsEl = resultsRows;
     const resultsEmpty = document.createElement("div");
     resultsEmpty.className = "results-empty";
@@ -913,6 +967,7 @@ var BvSearchPicker = class extends HTMLElement {
     basketHeader.append(basketHeaderLabel, basketClearAll);
     const basketList = document.createElement("div");
     basketList.className = "basket-list";
+    basketList.addEventListener("keydown", (e) => this._onBasketKeyDown(e));
     this._basketListEl = basketList;
     const basketEmpty = document.createElement("div");
     basketEmpty.className = "basket-empty";
@@ -1057,6 +1112,7 @@ var BvSearchPicker = class extends HTMLElement {
     else this._inactiveToggleEl.removeAttribute("checked");
   }
   _syncResults() {
+    var _a;
     if (!this._resultsRowsEl || !this._resultsEmptyEl) return;
     this._searchPending = false;
     if (this._resultsListEl) {
@@ -1065,11 +1121,13 @@ var BvSearchPicker = class extends HTMLElement {
     const results = this.results;
     const stagedIds = new Set(this._stagedBasket.map((c) => c.id));
     this._resultsRowsEl.innerHTML = "";
+    this._resultsRowsEl.removeAttribute("aria-activedescendant");
     for (const item of results) {
       if (stagedIds.has(item.id)) continue;
       const row = document.createElement("div");
       row.className = "result-row";
       row.dataset["id"] = item.id;
+      row.id = `${RESULT_ROW_ID_PREFIX}${item.id}`;
       row.title = item.name;
       row.setAttribute("role", "option");
       row.setAttribute("aria-selected", "false");
@@ -1092,6 +1150,7 @@ var BvSearchPicker = class extends HTMLElement {
       row.addEventListener("click", () => this._addBasket(item));
       this._resultsRowsEl.appendChild(row);
     }
+    if (((_a = this.shadowRoot) == null ? void 0 : _a.activeElement) === this._resultsRowsEl) this._setActiveRow(0, false);
     this._syncResultsEmptyText();
     this._syncResultsLimitNote();
   }
@@ -1156,7 +1215,11 @@ var BvSearchPicker = class extends HTMLElement {
       removeBtn.className = "basket-row-remove";
       removeBtn.setAttribute("aria-label", `Remove ${item.name}`);
       removeBtn.innerHTML = getIconSvg("x", 10);
-      removeBtn.addEventListener("click", () => this._removeBasket(item.id));
+      removeBtn.addEventListener("click", (e) => {
+        const idx = this._stagedBasket.findIndex((c) => c.id === item.id);
+        this._removeBasket(item.id);
+        if (e.detail === 0) this._setActiveBasketRow(idx, true);
+      });
       row.append(nameEl, removeBtn);
       this._basketListEl.appendChild(row);
     }
@@ -1166,6 +1229,7 @@ var BvSearchPicker = class extends HTMLElement {
       { count: basket.length }
     );
     this._basketEmptyEl.hidden = basket.length > 0;
+    this._setActiveBasketRow(this._basketActiveIdx, false);
     this._syncBasketRowColors();
     this._syncBasketHeaderLabel();
     this._syncBasketEmptyText();
@@ -1201,7 +1265,7 @@ var BvSearchPicker = class extends HTMLElement {
       );
     } else if (isExclude) {
       this._pillTextEl.textContent = this._interp(
-        this.getAttribute("label-except") ?? "All except {count}",
+        this.getAttribute("label-except") ?? "{count} excluded",
         { count, entity }
       );
     } else {
@@ -1356,6 +1420,93 @@ var BvSearchPicker = class extends HTMLElement {
       this._syncResultsEmptyText();
     }, this.debounceMs);
   }
+  /**
+   * 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.
+   */
+  _setActiveRow(idx, moveFocus) {
+    if (!this._resultsRowsEl) return;
+    const rows = Array.from(this._resultsRowsEl.querySelectorAll(".result-row"));
+    if (rows.length === 0) return;
+    const bounded = Math.max(0, Math.min(idx, rows.length - 1));
+    rows.forEach((row, i) => row.setAttribute("aria-selected", i === bounded ? "true" : "false"));
+    const active = rows[bounded];
+    if (!active) return;
+    this._resultsRowsEl.setAttribute("aria-activedescendant", active.id);
+    if (moveFocus) active.focus();
+  }
+  /**
+   * 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>.
+   */
+  _setActiveBasketRow(idx, moveFocus) {
+    var _a, _b;
+    if (!this._basketListEl) return;
+    const btns = Array.from(
+      this._basketListEl.querySelectorAll(".basket-row-remove")
+    );
+    if (btns.length === 0) {
+      this._basketActiveIdx = 0;
+      if (moveFocus) (_a = this._searchEl) == null ? void 0 : _a.focus();
+      return;
+    }
+    const bounded = Math.max(0, Math.min(idx, btns.length - 1));
+    this._basketActiveIdx = bounded;
+    btns.forEach((btn, i) => {
+      btn.tabIndex = i === bounded ? 0 : -1;
+    });
+    if (moveFocus) (_b = btns[bounded]) == null ? void 0 : _b.focus();
+  }
+  /**
+   * 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.
+   */
+  _onBasketKeyDown(e) {
+    if (!this._basketListEl) return;
+    const count = this._basketListEl.querySelectorAll(".basket-row-remove").length;
+    if (count === 0) return;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        this._setActiveBasketRow(this._basketActiveIdx + 1, true);
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        this._setActiveBasketRow(this._basketActiveIdx - 1, true);
+        break;
+      case "Home":
+        e.preventDefault();
+        this._setActiveBasketRow(0, true);
+        break;
+      case "End":
+        e.preventDefault();
+        this._setActiveBasketRow(count - 1, true);
+        break;
+    }
+  }
   /**
    * 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
@@ -1367,17 +1518,12 @@ var BvSearchPicker = class extends HTMLElement {
    * which then removes the row from the results list.
    */
   _onResultsKeyDown(e) {
-    var _a;
+    var _a, _b, _c;
     if (!this._resultsRowsEl) return;
     const rows = Array.from(this._resultsRowsEl.querySelectorAll(".result-row"));
     if (rows.length === 0) return;
     const currentIdx = rows.findIndex((row) => row.getAttribute("aria-selected") === "true");
-    const focusRow = (idx) => {
-      var _a2;
-      const bounded = Math.max(0, Math.min(idx, rows.length - 1));
-      rows.forEach((row, i) => row.setAttribute("aria-selected", i === bounded ? "true" : "false"));
-      (_a2 = rows[bounded]) == null ? void 0 : _a2.focus();
-    };
+    const focusRow = (idx) => this._setActiveRow(idx, true);
     switch (e.key) {
       case "ArrowDown":
         e.preventDefault();
@@ -1402,7 +1548,13 @@ var BvSearchPicker = class extends HTMLElement {
         const focusedId = (_a = rows[currentIdx]) == null ? void 0 : _a.dataset["id"];
         if (!focusedId) return;
         const item = this.results.find((r) => r.id === focusedId);
-        if (item) this._addBasket(item);
+        if (!item) return;
+        this._addBasket(item);
+        if ((_b = this._resultsRowsEl) == null ? void 0 : _b.querySelector(".result-row")) {
+          this._setActiveRow(currentIdx, true);
+        } else {
+          (_c = this._searchEl) == null ? void 0 : _c.focus();
+        }
         break;
       }
     }

package/dist/components/bv-segmented-control/bv-segmented-control.d.ts

@@ -8,6 +8,19 @@ export interface SegmentedControlChangeDetail {
     value: string;
     label: string;
 }
+/**
+ * Public CSS custom property (BTN-10686):
+ *
+ * - `--bv-segmented-control-pill-padding-x` — horizontal padding of each option
+ *   pill, independent of `size`. Use it when a control needs to be narrower
+ *   while staying the same height as its neighbours in a toolbar row;
+ *   `size="sm"` would shrink the height too. Honoured by both sizes, each
+ *   falling back to its own default: `var(--bv-spacing-md)` at the default
+ *   size, `var(--bv-spacing-md-minus)` at `size="sm"`.
+ *
+ * Consumer-facing theming API — renaming or removing it is a major bump per
+ * the Consumer Contract.
+ */
 export declare class BvSegmentedControl extends HTMLElement {
     static readonly observedAttributes: readonly ["options", "value", "label", "required", "size", "variant"];
     private _rendered;

package/dist/components/bv-segmented-control/bv-segmented-control.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-segmented-control/bv-segmented-control.css
-var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n:host([size='sm']) .container {\n  height: var(--bv-control-height-md);\n  border-radius: var(--bv-radius-md);\n  padding: 3px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 var(--bv-spacing-md);\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n:host([size='sm']) .pill {\n  padding: 0 var(--bv-spacing-md-minus);\n  font-size: var(--bv-font-size-sm);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n/* Filled variant \u2014 selected pill uses the primary color instead of white */\n:host([variant='primary']) .pill.selected {\n  background: var(--bv-color-primary);\n  color: var(--bv-color-neutral-0);\n}\n";
+var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n:host([size='sm']) .container {\n  height: var(--bv-control-height-md);\n  border-radius: var(--bv-radius-md);\n  padding: 3px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  /* Horizontal-only override, independent of `size` \u2014 a consumer fighting\n     for width in a row of same-height controls needs the pill narrower\n     without the control itself getting shorter than its neighbors, which\n     `size=\"sm\"` would also do (it shrinks the container height too). */\n  padding: 0 var(--bv-segmented-control-pill-padding-x, var(--bv-spacing-md));\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n:host([size='sm']) .pill {\n  /* Same override hook as the default size, with sm's own tighter fallback \u2014\n     otherwise the custom property would silently do nothing on size=\"sm\",\n     which is exactly the combination a consumer squeezed for width reaches\n     for first. */\n  padding: 0 var(--bv-segmented-control-pill-padding-x, var(--bv-spacing-md-minus));\n  font-size: var(--bv-font-size-sm);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n/* Filled variant \u2014 selected pill uses the primary color instead of white */\n:host([variant='primary']) .pill.selected {\n  background: var(--bv-color-primary);\n  color: var(--bv-color-neutral-0);\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.field-label[hidden] {\n  display: none;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

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

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-select/bv-select.css
-var bv_select_default = ":host {\n  display: block;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n/* \u2500\u2500 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\u2500\u2500\u2500 */\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 44px;\n  padding: 0 var(--bv-spacing-md);\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-lg);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  text-align: left;\n  transition:\n    border-color var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n.trigger:focus-visible {\n  outline: none;\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:host([open]) .trigger {\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:host([error]:not([error=''])) .trigger {\n  border-color: var(--bv-color-danger);\n}\n\n.trigger:disabled {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-400);\n  cursor: not-allowed;\n}\n\n.trigger-label {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-label.is-placeholder {\n  color: var(--bv-color-neutral-400);\n}\n\n.trigger-chevron {\n  display: flex;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  margin-left: var(--bv-spacing-sm);\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([open]) .trigger-chevron {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 Dropdown panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  right: 0;\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  box-shadow: var(--bv-shadow-md);\n  z-index: 200;\n  overflow: hidden;\n  padding: var(--bv-spacing-xs) 0;\n}\n\n:host([open]) .panel {\n  display: block;\n}\n\n/* \u2500\u2500 Options \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--bv-spacing-sm);\n  padding: 10px var(--bv-spacing-md);\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-700);\n  cursor: pointer;\n  transition: background var(--bv-transition-fast);\n}\n\n.option:hover {\n  background: var(--bv-color-secondary);\n}\n\n.option[aria-selected='true'] {\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  background: var(--bv-color-secondary-light);\n}\n\n.option-text {\n  flex: 1;\n}\n\n.option-check {\n  display: none;\n  color: var(--bv-color-primary);\n  flex-shrink: 0;\n}\n\n.option[aria-selected='true'] .option-check {\n  display: flex;\n}\n\n/* \u2500\u2500 Error message \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.field-error {\n  display: block;\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-danger);\n  margin-top: var(--bv-spacing-xs);\n}\n";
+var bv_select_default = ":host {\n  display: block;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* \u2500\u2500 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\u2500\u2500\u2500 */\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n/* Author `display: block` above beats the user-agent `[hidden] { display:\n   none }`, so `_syncLabel()` setting `.hidden` did nothing on screen. With no\n   label text the element collapses to 0px on its own, which is why this went\n   unnoticed - but `required` appends an asterisk after the text is cleared, so\n   a required field with no label rendered a stray \"*\" above the control\n   (BTN-11521). */\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 44px;\n  padding: 0 var(--bv-spacing-md);\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-lg);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  text-align: left;\n  transition:\n    border-color var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n.trigger:focus-visible {\n  outline: none;\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:host([open]) .trigger {\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:host([error]:not([error=''])) .trigger {\n  border-color: var(--bv-color-danger);\n}\n\n.trigger:disabled {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-400);\n  cursor: not-allowed;\n}\n\n.trigger-label {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-label.is-placeholder {\n  color: var(--bv-color-neutral-400);\n}\n\n.trigger-chevron {\n  display: flex;\n  color: var(--bv-color-neutral-500);\n  flex-shrink: 0;\n  margin-left: var(--bv-spacing-sm);\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([open]) .trigger-chevron {\n  transform: rotate(180deg);\n}\n\n/* \u2500\u2500 Dropdown panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  right: 0;\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  box-shadow: var(--bv-shadow-md);\n  z-index: 200;\n  overflow: hidden;\n  padding: var(--bv-spacing-xs) 0;\n}\n\n:host([open]) .panel {\n  display: block;\n}\n\n/* \u2500\u2500 Options \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--bv-spacing-sm);\n  padding: 10px var(--bv-spacing-md);\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-700);\n  cursor: pointer;\n  transition: background var(--bv-transition-fast);\n}\n\n.option:hover {\n  background: var(--bv-color-secondary);\n}\n\n.option[aria-selected='true'] {\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  background: var(--bv-color-secondary-light);\n}\n\n.option-text {\n  flex: 1;\n}\n\n.option-check {\n  display: none;\n  color: var(--bv-color-primary);\n  flex-shrink: 0;\n}\n\n.option[aria-selected='true'] .option-check {\n  display: flex;\n}\n\n/* \u2500\u2500 Error message \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.field-error {\n  display: block;\n  font-size: var(--bv-font-size-xs);\n  color: var(--bv-color-danger);\n  margin-top: 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.field-error[hidden] {\n  display: none;\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();

package/dist/components/bv-split-button/bv-split-button.js

@@ -78,7 +78,7 @@ function bindDropdownController(host, options = {}) {
 }
 
 // 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"/>`,
@@ -129,16 +129,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>`,
@@ -148,7 +148,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-split-button/bv-split-button.ts
 var CHEVRON_DOWN = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>`;

package/dist/components/bv-star-rating/bv-star-rating.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-star-rating/bv-star-rating.css
-var bv_star_rating_default = ":host {\n  --bv-star-color: #f59e0b;\n  --bv-star-empty-color: var(--bv-color-neutral-200);\n  --bv-star-size: 20px;\n  display: inline-flex;\n}\n\n:host([size='sm']) {\n  --bv-star-size: 14px;\n}\n:host([size='lg']) {\n  --bv-star-size: 28px;\n}\n\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  align-items: center;\n}\n\n.star {\n  width: var(--bv-star-size);\n  height: var(--bv-star-size);\n  color: var(--bv-star-empty-color);\n  flex-shrink: 0;\n  transition: color var(--bv-transition-fast);\n}\n\n.star.filled {\n  color: var(--bv-star-color);\n}\n";
+var bv_star_rating_default = ":host {\n  --bv-star-color: #f59e0b;\n  --bv-star-empty-color: var(--bv-color-neutral-200);\n  --bv-star-size: 20px;\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='sm']) {\n  --bv-star-size: 14px;\n}\n:host([size='lg']) {\n  --bv-star-size: 28px;\n}\n\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  align-items: center;\n}\n\n.star {\n  width: var(--bv-star-size);\n  height: var(--bv-star-size);\n  color: var(--bv-star-empty-color);\n  flex-shrink: 0;\n  transition: color var(--bv-transition-fast);\n}\n\n.star.filled {\n  color: var(--bv-star-color);\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();