@bluevolt-tech/lumen 2.3.1 → 2.6.1

package/dist/components/bv-input-dropdown/bv-input-dropdown.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-input-dropdown/bv-input-dropdown.css
-var bv_input_dropdown_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: 20px;\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  box-sizing: border-box;\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([disabled]) .trigger {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-400);\n  cursor: not-allowed;\n}\n\n:host([error]:not([error=''])) .trigger {\n  border-color: var(--bv-color-danger);\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 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  min-width: 100%;\n  width: max-content;\n  max-width: 600px;\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([toggle-label]) .panel {\n  min-width: 260px;\n}\n\n:host([open]) .panel {\n  display: block;\n}\n\n/* \u2500\u2500 Panel header (search + toolbar) \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-header {\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n  padding: var(--bv-spacing-sm);\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-xs);\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--bv-spacing-xs) 0;\n}\n\n/* \u2500\u2500 Panel content (scrollable slot area) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.panel-content {\n  overflow-y: auto;\n  max-height: var(--bv-input-dropdown-content-height, 280px);\n  padding: var(--bv-spacing-xs) 0;\n}\n\n/* Stack all slotted content vertically */\n::slotted(*) {\n  display: block;\n}\n\n/* Row padding \u2014 left aligns with the panel-header padding */\n::slotted(bv-checkbox) {\n  padding: 6px var(--bv-spacing-sm);\n  box-sizing: border-box;\n  white-space: nowrap;\n  max-width: 100%;\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.field-error:empty {\n  display: none;\n}\n";
+var bv_input_dropdown_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: 20px;\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  box-sizing: border-box;\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([disabled]) .trigger {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-400);\n  cursor: not-allowed;\n}\n\n:host([error]:not([error=''])) .trigger {\n  border-color: var(--bv-color-danger);\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 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  min-width: 100%;\n  width: max-content;\n  max-width: 600px;\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([toggle-label]) .panel {\n  min-width: 260px;\n}\n\n:host([open]) .panel {\n  display: block;\n}\n\n/* \u2500\u2500 Panel header (search + toolbar) \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-header {\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n  padding: var(--bv-spacing-sm);\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-xs);\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--bv-spacing-xs) 0;\n}\n\n/* Same author-vs-user-agent problem as bv-checkbox: `display: flex` above beats\n   the UA `[hidden] { display: none }`, so `_updateHeaderVisibility()` and\n   `_syncToolbar()` were setting `.hidden` with no visual effect (BTN-11521).\n\n   `.panel-options` declares no display of its own, so the user-agent rule\n   already hides it and this line is a no-op today. It is here anyway: the\n   component toggles that element's `hidden` from `_paintEmptyState()`, and\n   adding a `display` to it later would silently break the empty state the same\n   way it broke the header \u2014 twice in this file already. */\n.panel-header[hidden],\n.panel-toolbar[hidden],\n.panel-options[hidden] {\n  display: none;\n}\n/* \u2500\u2500 Panel content (scrollable slot area) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.panel-content {\n  overflow-y: auto;\n  max-height: var(--bv-input-dropdown-content-height, 280px);\n  padding: var(--bv-spacing-xs) 0;\n}\n\n/* Stack all slotted content vertically */\n::slotted(*) {\n  display: block;\n}\n\n/* Row padding \u2014 left aligns with the panel-header padding */\n::slotted(bv-checkbox) {\n  padding: 6px var(--bv-spacing-sm);\n  box-sizing: border-box;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n/* \u2500\u2500 Empty state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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/* Two-level, centered: bold title + muted subtitle. Lives inside\n   .panel-content so it inherits the panel's scroll box and typography. */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--bv-spacing-2xs);\n  text-align: center;\n  padding: var(--bv-spacing-lg) var(--bv-spacing-md);\n}\n\n.empty-state[hidden] {\n  display: none;\n}\n\n/* Design spec (BTN-10682): 16px / 600 / #1E293B, centered. `line-height` is\n   left unset so it resolves to `normal`, which is what the spec asks for. */\n.empty-title {\n  font-size: var(--bv-font-size-md);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n}\n\n/* Design spec (BTN-10682): 14px / 400 / #94A3B8, centered. */\n.empty-hint {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-400);\n}\n\n.empty-hint[hidden] {\n  display: none;\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.field-error:empty {\n  display: none;\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();
@@ -77,6 +77,75 @@ function bindDropdownController(host, options = {}) {
   return { open, close, toggle, cleanup };
 }
 
+// components/_shared/tree-selection.ts
+function childIndex(rows) {
+  const present = new Set(rows.map((r) => r.value));
+  const index = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    if (row.parent === null || !present.has(row.parent)) continue;
+    const siblings = index.get(row.parent);
+    if (siblings) siblings.push(row.value);
+    else index.set(row.parent, [row.value]);
+  }
+  return index;
+}
+function descendantsOf(rows, value) {
+  const index = childIndex(rows);
+  const out = [];
+  const seen = /* @__PURE__ */ new Set([value]);
+  const walk = (parent) => {
+    for (const child of index.get(parent) ?? []) {
+      if (seen.has(child)) continue;
+      seen.add(child);
+      out.push(child);
+      walk(child);
+    }
+  };
+  walk(value);
+  return out;
+}
+function computeStates(rows) {
+  const index = childIndex(rows);
+  const byValue = new Map(rows.map((r) => [r.value, r]));
+  const states = /* @__PURE__ */ new Map();
+  const inProgress = /* @__PURE__ */ new Set();
+  const resolve = (value) => {
+    var _a, _b;
+    const cached = states.get(value);
+    if (cached) return cached;
+    if (inProgress.has(value)) {
+      return ((_a = byValue.get(value)) == null ? void 0 : _a.checked) === true ? "checked" : "unchecked";
+    }
+    inProgress.add(value);
+    const self = ((_b = byValue.get(value)) == null ? void 0 : _b.checked) === true;
+    const children = index.get(value) ?? [];
+    if (children.length === 0) {
+      const leaf = self ? "checked" : "unchecked";
+      inProgress.delete(value);
+      states.set(value, leaf);
+      return leaf;
+    }
+    let anyChecked = self;
+    let allChecked = self;
+    for (const child of children) {
+      const childState = resolve(child);
+      if (childState !== "unchecked") anyChecked = true;
+      if (childState !== "checked") allChecked = false;
+    }
+    const state = allChecked ? "checked" : anyChecked ? "mixed" : "unchecked";
+    inProgress.delete(value);
+    states.set(value, state);
+    return state;
+  };
+  for (const row of rows) resolve(row.value);
+  return states;
+}
+function resolveClick(rows, value, branch) {
+  const wasFull = computeStates(rows).get(value) === "checked";
+  const affected = branch ? [value, ...descendantsOf(rows, value)] : [value];
+  return { affected, checked: !wasFull };
+}
+
 // 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";
 
@@ -134,7 +203,7 @@ if (!customElements.get("bv-searchbox")) {
 }
 
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-checkbox/bv-checkbox.css
-var bv_checkbox_default = ":host {\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n/* \u2500\u2500 Size 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\u2500 */\n\n:host,\n:host([size='sm']) {\n  --_box-size: 16px;\n  --_box-radius: 4px;\n  --_gap: 8px;\n  --_check-size: 10px;\n  --_label-size: var(--bv-font-size-sm);\n  --_label-lh: 20px;\n}\n\n:host([size='md']) {\n  --_box-size: 20px;\n  --_box-radius: 6px;\n  --_gap: 12px;\n  --_check-size: 12px;\n  --_label-size: var(--bv-font-size-md);\n  --_label-lh: 24px;\n}\n\n/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.wrap {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--_gap);\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* \u2500\u2500 Box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.box {\n  width: var(--_box-size);\n  height: var(--_box-size);\n  border-radius: var(--_box-radius);\n  border: 1px solid var(--bv-color-neutral-300);\n  background: var(--bv-color-neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 2px;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast);\n}\n\n:host([checked]) .box,\n:host([indeterminate]) .box {\n  background: var(--bv-color-primary-50);\n  border-color: var(--bv-color-primary);\n}\n\n/* \u2500\u2500 Check 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 */\n\n.check {\n  display: none;\n  width: var(--_check-size);\n  height: var(--_check-size);\n  color: var(--bv-color-primary);\n  line-height: 0;\n}\n\n.check svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n:host([checked]) .check,\n:host([indeterminate]) .check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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\u2500\u2500\u2500\u2500 */\n\n.label {\n  font-size: var(--_label-size);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-secondary-foreground);\n  line-height: var(--_label-lh);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n";
+var bv_checkbox_default = ":host {\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n/* `:host { display: inline-flex }` is an author rule, and author rules beat the\n   user-agent's `[hidden] { display: none }` regardless of specificity. Without\n   this, `el.hidden = true` on a bv-checkbox sets the property and changes\n   nothing on screen \u2014 which is how bv-input-dropdown shipped a \"Select All\"\n   that stayed visible with `select-all` unset (found in BTN-11521). */\n:host([hidden]) {\n  display: none;\n}\n\n/* \u2500\u2500 Size 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\u2500 */\n\n:host,\n:host([size='sm']) {\n  --_box-size: 16px;\n  --_box-radius: 4px;\n  --_gap: 8px;\n  --_check-size: 10px;\n  --_label-size: var(--bv-font-size-sm);\n  --_label-lh: 20px;\n}\n\n:host([size='md']) {\n  --_box-size: 20px;\n  --_box-radius: 6px;\n  --_gap: 12px;\n  --_check-size: 12px;\n  --_label-size: var(--bv-font-size-md);\n  --_label-lh: 24px;\n}\n\n/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-10252 \u2014 `flex`, not `inline-flex`.\n *\n * In the default case this changes nothing: `:host` is `inline-flex`, so\n * `.wrap` is a flex item and its display is blockified either way. It matters\n * when a consumer overrides the host's display, which bv-input-dropdown does \u2014\n * `::slotted(*) { display: block }` wins over our `:host`. An inline-level\n * `.wrap` inside a block host lives in a line box, and a line box is sized off\n * the baseline. Checking the box switches `.check` from `display: none` to\n * `display: flex`, which moves `.wrap`'s baseline, which resizes the line:\n * measured at 35.33px unchecked and 32px checked, with four of five rows in the\n * dropdown jumping every time one was ticked. As a block-level flex container\n * there is no line box and no baseline to move. */\n.wrap {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--_gap);\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/* \u2500\u2500 Box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.box {\n  width: var(--_box-size);\n  height: var(--_box-size);\n  border-radius: var(--_box-radius);\n  border: 1px solid var(--bv-color-neutral-300);\n  background: var(--bv-color-neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 2px;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast);\n}\n\n:host([checked]) .box,\n:host([indeterminate]) .box {\n  background: var(--bv-color-primary-50);\n  border-color: var(--bv-color-primary);\n}\n\n/* \u2500\u2500 Check 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 */\n\n.check {\n  display: none;\n  width: var(--_check-size);\n  height: var(--_check-size);\n  color: var(--bv-color-primary);\n  line-height: 0;\n}\n\n.check svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n:host([checked]) .check,\n:host([indeterminate]) .check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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\u2500\u2500\u2500\u2500 */\n\n.label {\n  font-size: var(--_label-size);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-secondary-foreground);\n  line-height: var(--_label-lh);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n\n/* BTN-10252 \u2014 the label span is always in the DOM, even when the consumer\n * passes the text through the default slot instead of the `label` attribute.\n * Empty, it is still a flex item, so `gap` applied twice and the text sat 16px\n * from the box instead of 8px. That is the \"extra padding\" in the ticket, and\n * it is the path CET Light takes: `<bv-checkbox>{{ label }}</bv-checkbox>`. */\n.label:empty {\n  display: none;\n}\n\n/* BTN-10252 \u2014 give slotted content the same typography as the attribute path,\n * so the two ways of labelling a checkbox line up identically.\n *\n * On the `slot` element rather than `::slotted(*)` on purpose: `::slotted()`\n * only matches elements, and the case that was broken passes a bare text node.\n * Inheritance runs down the flattened tree, so a text node assigned here picks\n * these up from the slot; `::slotted()` never would. */\nslot {\n  font-size: var(--_label-size);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-secondary-foreground);\n  line-height: var(--_label-lh);\n}\n";
 
 // components/bv-checkbox/bv-checkbox.ts
 var CHECK_ICON = `<svg viewBox="0 0 11.3333 8.41667" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -144,8 +213,15 @@ var INDETERMINATE_ICON = `<svg viewBox="0 0 12 12" fill="none" xmlns="http://www
   <path d="M2 6H10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>`;
 var BvCheckbox = class extends HTMLElement {
-  static observedAttributes = ["checked", "indeterminate", "disabled", "label", "size"];
+  static observedAttributes = [
+    "checked",
+    "indeterminate",
+    "disabled",
+    "label",
+    "size"
+  ];
   _rendered = false;
+  _wrapEl = null;
   _checkEl = null;
   _labelEl = null;
   constructor() {
@@ -157,7 +233,11 @@ var BvCheckbox = class extends HTMLElement {
   }
   attributeChangedCallback(name, _old, val) {
     if (!this._rendered) return;
-    if (name === "checked" || name === "indeterminate") this._syncIcon();
+    if (name === "checked" || name === "indeterminate") {
+      this._syncIcon();
+      this._syncAria();
+    }
+    if (name === "disabled") this._syncAria();
     if (name === "label" && this._labelEl) this._labelEl.textContent = val ?? "";
   }
   get checked() {
@@ -170,12 +250,31 @@ var BvCheckbox = class extends HTMLElement {
   get indeterminate() {
     return this.hasAttribute("indeterminate");
   }
+  /**
+   * Focus the checkbox. The focusable element is the internal `.wrap`, not the
+   * host, so `hostEl.focus()` would otherwise be a silent no-op. Consumers that
+   * rebuild a list of checkboxes (bv-filter-panel, and any screen re-rendering
+   * a tree into bv-input-dropdown) 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 — a native disabled
+   * checkbox cannot be focused programmatically either, and `tabindex="-1"`
+   * alone would not have stopped it (that only removes it from Tab order).
+   */
+  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", "checkbox");
+    wrap.setAttribute("part", "checkbox");
+    this._wrapEl = wrap;
     const box = document.createElement("span");
     box.className = "box";
     this._checkEl = document.createElement("span");
@@ -188,7 +287,7 @@ var BvCheckbox = class extends HTMLElement {
     const slot = document.createElement("slot");
     wrap.append(box, this._labelEl, slot);
     shadow.appendChild(wrap);
-    wrap.addEventListener("click", () => {
+    const toggle = () => {
       if (this.hasAttribute("disabled")) return;
       this.checked = !this.checked;
       this.removeAttribute("indeterminate");
@@ -199,24 +298,40 @@ var BvCheckbox = 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();
   }
   _syncIcon() {
     if (!this._checkEl) return;
     this._checkEl.innerHTML = this.indeterminate ? INDETERMINATE_ICON : CHECK_ICON;
   }
+  _syncAria() {
+    if (!this._wrapEl) return;
+    const disabled = this.hasAttribute("disabled");
+    this._wrapEl.tabIndex = disabled ? -1 : 0;
+    this._wrapEl.setAttribute("aria-checked", this.indeterminate ? "mixed" : String(this.checked));
+    if (disabled) this._wrapEl.setAttribute("aria-disabled", "true");
+    else this._wrapEl.removeAttribute("aria-disabled");
+  }
 };
 if (!customElements.get("bv-checkbox")) {
   customElements.define("bv-checkbox", BvCheckbox);
 }
 
 // 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();
@@ -227,6 +342,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() {
@@ -236,12 +352,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");
@@ -253,7 +389,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(
@@ -263,7 +399,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")) {
@@ -272,6 +423,10 @@ if (!customElements.get("bv-toggle")) {
 
 // components/bv-input-dropdown/bv-input-dropdown.ts
 var CHEVRON_ICON = `<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>`;
+var DEFAULT_NO_RESULTS = "No results found";
+var DEFAULT_NO_RESULTS_HINT = "Try refining your search";
+var DEFAULT_EMPTY = "Nothing here yet";
+var DEFAULT_EMPTY_HINT = "Once you create one, it\u2019ll appear here";
 var BvInputDropdown = class extends HTMLElement {
   static observedAttributes = [
     "label",
@@ -283,8 +438,13 @@ var BvInputDropdown = class extends HTMLElement {
     "search",
     "select-all",
     "select-all-state",
+    "tree",
     "toggle-label",
     "toggle-checked",
+    "label-no-results",
+    "label-no-results-hint",
+    "label-empty",
+    "label-empty-hint",
     "open"
   ];
   _rendered = false;
@@ -296,7 +456,16 @@ var BvInputDropdown = class extends HTMLElement {
   _selectAllEl = null;
   _toggleEl = null;
   _errorEl = null;
+  _slotEl = null;
+  _optionsEl = null;
+  _emptyEl = null;
+  _emptyTitleEl = null;
+  _emptyHintEl = null;
   _dropdown = null;
+  _rowObserver = null;
+  /** Last query seen from the internal search box. Drives the copy choice. */
+  _query = "";
+  _emptyState = "none";
   constructor() {
     super();
     adoptStyles(this.attachShadow({ mode: "open" }), bv_input_dropdown_default);
@@ -323,19 +492,88 @@ var BvInputDropdown = class extends HTMLElement {
   }
   connectedCallback() {
     this._render();
+    this._bindLiveWiring();
   }
   disconnectedCallback() {
+    var _a, _b;
+    (_a = this._rowObserver) == null ? void 0 : _a.disconnect();
+    this._rowObserver = null;
+    (_b = this._dropdown) == null ? void 0 : _b.cleanup();
+    this._dropdown = null;
+  }
+  /**
+   * Everything that has to be torn down on detach and stood back up on
+   * attach, as opposed to the DOM, which is built once.
+   *
+   * `_render` returns early on its `_rendered` guard, so anything bound inside
+   * it is bound exactly once in the element's lifetime — which is correct for
+   * the DOM and wrong for a listener that `disconnectedCallback` just removed.
+   * A detached and re-attached dropdown came back with no row observer and a
+   * dropdown controller whose `cleanup()` had already run: the dashes stopped
+   * repainting and Escape and outside-click stopped closing the panel.
+   *
+   * The controller half predates BTN-11485 — the null check did not catch it
+   * because the object was still there, emptied out. Raised by Copilot on
+   * PR #49 against the observer; the controller came out with it.
+   *
+   * Idempotent, because `connectedCallback` can fire more than once and this
+   * must not stack listeners.
+   */
+  _bindLiveWiring() {
     var _a;
-    (_a = this._dropdown) == null ? void 0 : _a.cleanup();
+    if (!this._rendered) return;
+    const trigger = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".trigger");
+    if (trigger && this._dropdown === null) {
+      this._dropdown = bindDropdownController(this, { trigger });
+    }
+    this._syncRowObserver();
+  }
+  /**
+   * The row observer runs only while tree mode does.
+   *
+   * It exists to repaint the dash when a consumer rewrites `checked` on rows
+   * already in the slot — which no other consumer of this component needs.
+   * Binding it unconditionally made every ordinary checkbox toggle, in every
+   * dropdown in the app, pay for a feature it does not use. Raised by Copilot
+   * on PR #49.
+   *
+   * `attributeFilter: ['checked']` is load-bearing, not tidiness: the handler
+   * writes `indeterminate`, and watching all attributes would feed those
+   * writes straight back in — BTN-11850 with different attributes. Filtering
+   * to the one attribute we never write makes the feedback edge unreachable
+   * rather than merely unlikely, and `npm run test:observers` holds it shut.
+   */
+  _syncRowObserver() {
+    var _a;
+    if (!this._rendered) return;
+    if (!this._isTree) {
+      (_a = this._rowObserver) == null ? void 0 : _a.disconnect();
+      this._rowObserver = null;
+      return;
+    }
+    if (this._rowObserver !== null) return;
+    this._rowObserver = new MutationObserver(() => this._syncTreeStates());
+    this._rowObserver.observe(this, {
+      attributes: true,
+      attributeFilter: ["checked"],
+      subtree: true
+    });
   }
   attributeChangedCallback(name, _old, _val) {
     if (!this._rendered) return;
     if (name === "label" || name === "required") this._syncLabel();
+    if (name === "tree") {
+      if (!this._isTree) for (const el of this._treeElements()) el.removeAttribute("indeterminate");
+      this._syncRowObserver();
+      this._syncTreeStates();
+    }
     if (name === "value" || name === "placeholder") this._syncTriggerLabel();
     if (name === "error") this._syncError();
     if (name === "search") this._syncSearch();
     if (name === "select-all" || name === "select-all-state" || name === "toggle-label" || name === "toggle-checked")
       this._syncToolbar();
+    if (name === "label-no-results" || name === "label-no-results-hint" || name === "label-empty" || name === "label-empty-hint")
+      this._paintEmptyState();
   }
   _render() {
     if (this._rendered) return;
@@ -371,13 +609,16 @@ var BvInputDropdown = class extends HTMLElement {
     searchEl.setAttribute("placeholder", "Search...");
     searchEl.addEventListener("bv-search", (e) => {
       e.stopPropagation();
+      const detail = e.detail;
+      this._query = (detail == null ? void 0 : detail.value) ?? "";
       this.dispatchEvent(
         new CustomEvent("bv-search", {
           bubbles: true,
           composed: true,
-          detail: e.detail
+          detail
         })
       );
+      this._syncEmptyState();
     });
     this._searchEl = searchEl;
     const toolbar = document.createElement("div");
@@ -413,8 +654,29 @@ var BvInputDropdown = class extends HTMLElement {
     header.append(searchEl, toolbar);
     const content = document.createElement("div");
     content.className = "panel-content";
+    const options = document.createElement("div");
+    options.className = "panel-options";
     const slot = document.createElement("slot");
-    content.appendChild(slot);
+    slot.addEventListener("slotchange", () => {
+      this._syncEmptyState();
+      this._syncTreeStates();
+    });
+    options.appendChild(slot);
+    this._slotEl = slot;
+    this._optionsEl = options;
+    const empty = document.createElement("div");
+    empty.className = "empty-state";
+    empty.setAttribute("role", "status");
+    empty.hidden = true;
+    const emptyTitle = document.createElement("span");
+    emptyTitle.className = "empty-title";
+    const emptyHint = document.createElement("span");
+    emptyHint.className = "empty-hint";
+    empty.append(emptyTitle, emptyHint);
+    this._emptyEl = empty;
+    this._emptyTitleEl = emptyTitle;
+    this._emptyHintEl = emptyHint;
+    content.append(options, empty);
     panel.append(header, content);
     const errorEl = document.createElement("span");
     errorEl.className = "field-error";
@@ -424,8 +686,113 @@ var BvInputDropdown = class extends HTMLElement {
     this._syncTriggerLabel();
     this._syncError();
     this._syncSearch();
+    this._emptyState = this._resolveEmptyState();
+    this._paintEmptyState();
     this._syncToolbar();
-    this._dropdown = bindDropdownController(this, { trigger });
+    this.addEventListener("bv-change", (e) => this._onRowChange(e));
+    this._syncTreeStates();
+  }
+  /** Whether hierarchical selection is on. */
+  get _isTree() {
+    return this.hasAttribute("tree");
+  }
+  /**
+   * Every slotted element carrying `data-value`, in document order.
+   *
+   * Descendants count, not just direct slot children. Consumers disagree about
+   * markup — the CET Report renders one flat `*ngFor` and expresses depth as
+   * padding, while this component's own Tree view story nests rows in wrapper
+   * divs — and both are legitimate. That disagreement is the whole reason the
+   * hierarchy travels in `data-parent` rather than in the DOM shape: read the
+   * relationships from the attributes and the markup stops mattering.
+   */
+  _treeElements() {
+    var _a;
+    const out = [];
+    for (const el of ((_a = this._slotEl) == null ? void 0 : _a.assignedElements()) ?? []) {
+      if (el.hasAttribute("data-value")) out.push(el);
+      for (const nested of el.querySelectorAll("[data-value]")) out.push(nested);
+    }
+    return out;
+  }
+  /**
+   * The slotted rows, as the pure helper wants them.
+   *
+   * Only elements carrying `data-value` take part; anything else a consumer
+   * slots in (a separator, a heading) is ignored rather than treated as a
+   * root. `data-parent` empty or absent means root.
+   *
+   * A branch reaches only what the consumer rendered, and that is the intended
+   * rule rather than a side effect of reading the DOM. A row the consumer
+   * withheld — a group hidden behind Show Inactive, say — is withheld on
+   * purpose, and a click has no business reaching past that decision into
+   * something the user has asked not to see. Confirmed as correct with the
+   * team on 2026-09-18 and pinned by a test, because it currently *follows*
+   * from reading rendered rows: give this component the whole tree some other
+   * way and the behaviour would reverse with nothing to catch it.
+   */
+  _treeRows() {
+    const rows = [];
+    for (const el of this._treeElements()) {
+      const value = el.getAttribute("data-value");
+      if (value === null || value === "") continue;
+      const parent = el.getAttribute("data-parent");
+      rows.push({
+        value,
+        parent: parent === null || parent === "" ? null : parent,
+        checked: el.hasAttribute("checked")
+      });
+    }
+    return rows;
+  }
+  /**
+   * Paint the dash on every partially selected node.
+   *
+   * `indeterminate` is the one piece of row state the component owns.
+   * `checked` belongs to the consumer — in Angular it is an `[attr.checked]`
+   * binding, so anything written here would be overwritten on the next change
+   * detection pass. Nothing binds `indeterminate`, so this is ours to keep
+   * correct, and it is what makes a check become a dash without the consumer
+   * computing anything.
+   */
+  _syncTreeStates() {
+    if (!this._rendered || !this._isTree) return;
+    const elements = this._treeElements();
+    const states = computeStates(this._treeRows());
+    for (const el of elements) {
+      const value = el.getAttribute("data-value");
+      if (value === null || value === "") continue;
+      if (states.get(value) === "mixed") el.setAttribute("indeterminate", "");
+      else el.removeAttribute("indeterminate");
+    }
+  }
+  /**
+   * A slotted row reported a change.
+   *
+   * The row has already flipped its own `checked` by the time this runs, and
+   * that value is deliberately ignored: a partially selected parent must FILL
+   * its branch, and its own checkbox may have been sitting either way. The
+   * answer comes from the tree instead — see `resolveClick`.
+   */
+  _onRowChange(e) {
+    if (!this._isTree) return;
+    const target = e.target;
+    if (!(target instanceof Element)) return;
+    const value = target.getAttribute("data-value");
+    if (value === null || value === "") return;
+    e.stopPropagation();
+    const rows = this._treeRows().map(
+      (row) => row.value === value ? { ...row, checked: !row.checked } : row
+    );
+    const branch = this._query.trim() === "";
+    const { affected, checked } = resolveClick(rows, value, branch);
+    this.dispatchEvent(
+      new CustomEvent("bv-tree-select", {
+        bubbles: true,
+        composed: true,
+        detail: { value, checked, affected }
+      })
+    );
   }
   _syncLabel() {
     if (!this._labelEl) return;
@@ -462,10 +829,47 @@ var BvInputDropdown = class extends HTMLElement {
     if (!this._searchEl) return;
     this._searchEl.hidden = !this.hasAttribute("search");
     this._updateHeaderVisibility();
+    if (!this.hasAttribute("search")) this._query = "";
+    this._syncEmptyState();
+  }
+  _resolveEmptyState() {
+    if (!this._slotEl) return "none";
+    if (this._slotEl.assignedElements().length > 0) return "none";
+    const hasQuery = this.hasAttribute("search") && this._query !== "";
+    return hasQuery ? "no-results" : "empty";
+  }
+  /**
+   * Hot path: CET Report rebuilds the whole option list on every checkbox
+   * toggle (the same behavior that forced `composedPath()` outside-click
+   * detection in BTN-10274), so this runs on every tick, not only when the
+   * list genuinely empties. It stays a length check plus a comparison and
+   * returns before touching the DOM when the state has not flipped — the
+   * toolbar and header are never re-rendered under the user's focus for a
+   * change that did not happen.
+   */
+  _syncEmptyState() {
+    const next = this._resolveEmptyState();
+    if (next === this._emptyState) return;
+    this._emptyState = next;
+    this._paintEmptyState();
+    this._syncToolbar();
+  }
+  _paintEmptyState() {
+    if (!this._emptyEl || !this._emptyTitleEl || !this._emptyHintEl || !this._optionsEl) return;
+    const isEmpty = this._emptyState !== "none";
+    this._optionsEl.hidden = isEmpty;
+    this._emptyEl.hidden = !isEmpty;
+    if (!isEmpty) return;
+    const noResults = this._emptyState === "no-results";
+    const title = noResults ? this.getAttribute("label-no-results") || DEFAULT_NO_RESULTS : this.getAttribute("label-empty") || DEFAULT_EMPTY;
+    const hint = noResults ? this.getAttribute("label-no-results-hint") || DEFAULT_NO_RESULTS_HINT : this.getAttribute("label-empty-hint") || DEFAULT_EMPTY_HINT;
+    this._emptyTitleEl.textContent = title;
+    this._emptyHintEl.textContent = hint;
+    this._emptyHintEl.hidden = !hint;
   }
   _syncToolbar() {
     if (!this._toolbarEl || !this._selectAllEl || !this._toggleEl) return;
-    const showSelectAll = this.hasAttribute("select-all");
+    const showSelectAll = this.hasAttribute("select-all") && this._emptyState === "none";
     const state = this.getAttribute("select-all-state") ?? "unchecked";
     const toggleLabel = this.getAttribute("toggle-label") ?? "";
     this._selectAllEl.hidden = !showSelectAll;