@bluevolt-tech/lumen 2.0.1 → 2.2.0

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-chip/bv-chip.css
 var bv_chip_default = ":host {\n  display: inline-flex;\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 0 10px 0 12px;\n  border-radius: var(--bv-radius-md, 6px);\n  background: var(--bv-color-primary-50, #eff8ff);\n  border: 1px solid #b9e6fe;\n  color: var(--bv-color-primary-dark, #026aa2);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 1;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.label {\n  flex: none;\n}\n\n.dismiss {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: inherit;\n  flex-shrink: 0;\n  opacity: 0.6;\n  border-radius: 2px;\n  transition: opacity var(--bv-transition-fast, 150ms);\n}\n\n.dismiss:hover {\n  opacity: 1;\n}\n\n.dismiss:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 1px;\n}\n";
 
+// components/_shared/adopt-styles.ts
+var _sheetCache = /* @__PURE__ */ new Map();
+function adoptStyles(shadow, css) {
+  if ("adoptedStyleSheets" in ShadowRoot.prototype && typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
+    let sheet = _sheetCache.get(css);
+    if (!sheet) {
+      sheet = new CSSStyleSheet();
+      sheet.replaceSync(css);
+      _sheetCache.set(css, sheet);
+    }
+    shadow.adoptedStyleSheets = [sheet];
+    return;
+  }
+  const style = document.createElement("style");
+  style.textContent = css;
+  shadow.appendChild(style);
+}
+
 // components/bv-chip/bv-chip.ts
 var BvChip = class extends HTMLElement {
   static observedAttributes = ["label"];
@@ -14,12 +32,7 @@ var BvChip = class extends HTMLElement {
   _labelEl = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_chip_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_chip_default);
   }
   connectedCallback() {
     this._render();
@@ -34,11 +47,6 @@ var BvChip = class extends HTMLElement {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_chip_default;
-      shadow.appendChild(s);
-    }
     const chip = document.createElement("span");
     chip.className = "chip";
     const labelEl = document.createElement("span");

package/dist/components/bv-course-detail/bv-course-detail.js

@@ -1,28 +1,35 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-course-detail/bv-course-detail.css
 var bv_course_detail_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.course-detail {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* \u2500\u2500 Thumbnail column \u2500\u2500 */\n\n.thumb-col {\n  flex-shrink: 0;\n  width: 160px;\n}\n\n.thumb-wrap {\n  width: 160px;\n  height: 113px;\n  background: var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.thumb-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.thumb-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n}\n\n.thumb-placeholder svg {\n  width: 100%;\n  height: 100%;\n}\n\n/* \u2500\u2500 Right column \u2500\u2500 */\n\n.right-col {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* \u2500\u2500 Top row: pills + title + separator \u2500\u2500 */\n\n.top-row {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.card-header {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pills-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.course-title {\n  font-size: var(--bv-font-size-xl);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  line-height: 32px;\n}\n\n.separator {\n  height: 0;\n  border-top: 0.5px solid var(--bv-color-neutral-300);\n}\n\n/* \u2500\u2500 Description \u2500\u2500 */\n\n.desc-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.desc-text {\n  margin: 0;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-700);\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-line-clamp: 6;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Read More expands the clamp */\n.desc-wrap--expanded .desc-text {\n  -webkit-line-clamp: unset;\n}\n\n.read-more-btn {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-primary);\n  line-height: 24px;\n  white-space: nowrap;\n  text-align: left;\n}\n\n.read-more-btn:hover {\n  text-decoration: underline;\n}\n";
 
+// components/_shared/adopt-styles.ts
+var _sheetCache = /* @__PURE__ */ new Map();
+function adoptStyles(shadow, css) {
+  if ("adoptedStyleSheets" in ShadowRoot.prototype && typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
+    let sheet = _sheetCache.get(css);
+    if (!sheet) {
+      sheet = new CSSStyleSheet();
+      sheet.replaceSync(css);
+      _sheetCache.set(css, sheet);
+    }
+    shadow.adoptedStyleSheets = [sheet];
+    return;
+  }
+  const style = document.createElement("style");
+  style.textContent = css;
+  shadow.appendChild(style);
+}
+
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-category-pill/bv-category-pill.css
 var bv_category_pill_default = ":host {\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 6px;\n  border: 0.5px solid var(--bv-color-neutral-900);\n  border-radius: var(--bv-radius-sm);\n  font-size: 10px;\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-700);\n  line-height: 1;\n  white-space: nowrap;\n}\n";
 
 // components/bv-category-pill/bv-category-pill.ts
-var _sheet = null;
-function getSheet() {
-  if (!_sheet) {
-    _sheet = new CSSStyleSheet();
-    _sheet.replaceSync(bv_category_pill_default);
-  }
-  return _sheet;
-}
 var BvCategoryPill = class extends HTMLElement {
   static observedAttributes = ["label"];
   _rendered = false;
   _labelEl = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_category_pill_default);
   }
   get label() {
     return this.getAttribute("label") ?? "";
@@ -41,11 +48,6 @@ var BvCategoryPill = class extends HTMLElement {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_category_pill_default;
-      shadow.appendChild(s);
-    }
     const pill = document.createElement("span");
     pill.className = "pill";
     pill.setAttribute("part", "pill");
@@ -61,14 +63,6 @@ if (!customElements.get("bv-category-pill")) {
 }
 
 // components/bv-course-detail/bv-course-detail.ts
-var _sheet2 = null;
-function getSheet2() {
-  if (!_sheet2) {
-    _sheet2 = new CSSStyleSheet();
-    _sheet2.replaceSync(bv_course_detail_default);
-  }
-  return _sheet2;
-}
 var BvCourseDetail = class extends HTMLElement {
   static observedAttributes = ["thumbnail", "title", "description", "categories"];
   _rendered = false;
@@ -82,10 +76,7 @@ var BvCourseDetail = class extends HTMLElement {
   _readMoreBtn = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet2()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_course_detail_default);
   }
   get thumbnail() {
     return this.getAttribute("thumbnail") ?? "";
@@ -150,11 +141,6 @@ var BvCourseDetail = class extends HTMLElement {
       }
     }
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_course_detail_default;
-      shadow.appendChild(s);
-    }
     const root = document.createElement("div");
     root.className = "course-detail";
     const thumbCol = document.createElement("div");

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-course-detail-modal/bv-course-detail-modal.css
 var bv_course_detail_modal_default = ":host {\n  display: contents;\n  font-family: var(--bv-font-family-base);\n}\n\n/* Ensure hidden attribute works on slotted custom elements */\n[hidden] {\n  display: none !important;\n}\n\n.modal-body {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n}\n";
 
+// components/_shared/adopt-styles.ts
+var _sheetCache = /* @__PURE__ */ new Map();
+function adoptStyles(shadow, css) {
+  if ("adoptedStyleSheets" in ShadowRoot.prototype && typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
+    let sheet = _sheetCache.get(css);
+    if (!sheet) {
+      sheet = new CSSStyleSheet();
+      sheet.replaceSync(css);
+      _sheetCache.set(css, sheet);
+    }
+    shadow.adoptedStyleSheets = [sheet];
+    return;
+  }
+  const style = document.createElement("style");
+  style.textContent = css;
+  shadow.appendChild(style);
+}
+
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-modal/bv-modal.css
 var bv_modal_default = '/* \u2500\u2500 Public theming API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Apps can override per-instance:\n\n   HTML:    <bv-modal style="--bv-modal-width: 600px;">\n   Angular: <bv-modal [style.--bv-modal-bg]="bgColor">\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:host {\n  --bv-modal-width: 800px;\n  --bv-modal-bg: var(--bv-color-neutral-0);\n  --bv-modal-radius: var(--bv-radius-xl);\n  --bv-modal-title-color: #101828;\n  --bv-modal-backdrop: rgba(16, 24, 40, 0.6);\n  --bv-modal-body-max-height: none;\n}\n\ndialog {\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-modal-radius);\n  background: transparent;\n  width: var(--bv-modal-width);\n  max-width: min(var(--bv-modal-width), calc(100vw - 32px));\n  outline: none;\n}\n\ndialog::backdrop {\n  background: var(--bv-modal-backdrop);\n}\n\n.panel {\n  display: flex;\n  width: 100%;\n  padding: 20px 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 20px;\n  border-radius: var(--bv-modal-radius);\n  background: var(--bv-modal-bg);\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n  color: var(--bv-modal-title-color);\n  font-family: var(--bv-font-family-base);\n  font-size: 24px;\n  font-style: normal;\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 32px;\n}\n\n.close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  background: none;\n  border: none;\n  border-radius: var(--bv-radius-md);\n  cursor: pointer;\n  color: var(--bv-color-neutral-500);\n  font-size: 18px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast);\n}\n\n.close-btn:hover {\n  color: var(--bv-color-neutral-800);\n  background: var(--bv-color-neutral-100);\n}\n\n/* \u2500\u2500 Separator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.separator {\n  width: 100%;\n  border: none;\n  border-top: 1px solid var(--bv-color-neutral-200);\n  margin: 0;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.body {\n  width: 100%;\n  max-height: var(--bv-modal-body-max-height);\n  overflow-y: auto;\n  color: var(--bv-color-neutral-600);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.footer {\n  width: 100%;\n}\n';
 
@@ -12,12 +30,7 @@ var BvModal = class extends HTMLElement {
   _rendered = false;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if (typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_modal_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_modal_default);
   }
   connectedCallback() {
     this._render();
@@ -51,11 +64,6 @@ var BvModal = class extends HTMLElement {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const style = document.createElement("style");
-      style.textContent = bv_modal_default;
-      shadow.appendChild(style);
-    }
     const dialog = document.createElement("dialog");
     this._dialog = dialog;
     dialog.addEventListener("click", (e) => {
@@ -110,24 +118,13 @@ var bv_course_detail_default = ":host {\n  display: block;\n  font-family: var(-
 var bv_category_pill_default = ":host {\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 6px;\n  border: 0.5px solid var(--bv-color-neutral-900);\n  border-radius: var(--bv-radius-sm);\n  font-size: 10px;\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-700);\n  line-height: 1;\n  white-space: nowrap;\n}\n";
 
 // components/bv-category-pill/bv-category-pill.ts
-var _sheet = null;
-function getSheet() {
-  if (!_sheet) {
-    _sheet = new CSSStyleSheet();
-    _sheet.replaceSync(bv_category_pill_default);
-  }
-  return _sheet;
-}
 var BvCategoryPill = class extends HTMLElement {
   static observedAttributes = ["label"];
   _rendered = false;
   _labelEl = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_category_pill_default);
   }
   get label() {
     return this.getAttribute("label") ?? "";
@@ -146,11 +143,6 @@ var BvCategoryPill = class extends HTMLElement {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_category_pill_default;
-      shadow.appendChild(s);
-    }
     const pill = document.createElement("span");
     pill.className = "pill";
     pill.setAttribute("part", "pill");
@@ -166,14 +158,6 @@ if (!customElements.get("bv-category-pill")) {
 }
 
 // components/bv-course-detail/bv-course-detail.ts
-var _sheet2 = null;
-function getSheet2() {
-  if (!_sheet2) {
-    _sheet2 = new CSSStyleSheet();
-    _sheet2.replaceSync(bv_course_detail_default);
-  }
-  return _sheet2;
-}
 var BvCourseDetail = class extends HTMLElement {
   static observedAttributes = ["thumbnail", "title", "description", "categories"];
   _rendered = false;
@@ -187,10 +171,7 @@ var BvCourseDetail = class extends HTMLElement {
   _readMoreBtn = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet2()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_course_detail_default);
   }
   get thumbnail() {
     return this.getAttribute("thumbnail") ?? "";
@@ -255,11 +236,6 @@ var BvCourseDetail = class extends HTMLElement {
       }
     }
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_course_detail_default;
-      shadow.appendChild(s);
-    }
     const root = document.createElement("div");
     root.className = "course-detail";
     const thumbCol = document.createElement("div");
@@ -398,12 +374,7 @@ var BvCourseOutline = class extends HTMLElement {
   }
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_course_outline_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_course_outline_default);
   }
   connectedCallback() {
     this._render();
@@ -426,11 +397,6 @@ var BvCourseOutline = class extends HTMLElement {
     if (this._rendered) return;
     this._rendered = true;
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_course_outline_default;
-      shadow.appendChild(s);
-    }
     const attr = this.getAttribute("sections");
     if (attr !== null) {
       try {
@@ -933,14 +899,6 @@ var rawIcons = {
 };
 
 // components/bv-button/bv-button.ts
-var _sheet3 = null;
-function getSheet3() {
-  if (!_sheet3) {
-    _sheet3 = new CSSStyleSheet();
-    _sheet3.replaceSync(bv_button_default);
-  }
-  return _sheet3;
-}
 var BvButton = class extends HTMLElement {
   static observedAttributes = [
     "variant",
@@ -956,10 +914,7 @@ var BvButton = class extends HTMLElement {
   ];
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet3()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_button_default);
   }
   // ── Accessors ────────────────────────────────────────────────
   get variant() {
@@ -1016,11 +971,6 @@ var BvButton = class extends HTMLElement {
     const shadow = this.shadowRoot;
     let btn = shadow.querySelector("button");
     if (!btn) {
-      if (!shadow.adoptedStyleSheets.length) {
-        const styleEl = document.createElement("style");
-        styleEl.textContent = bv_button_default;
-        shadow.appendChild(styleEl);
-      }
       btn = document.createElement("button");
       btn.setAttribute("part", "button");
       btn.appendChild(document.createElement("slot"));
@@ -1075,14 +1025,6 @@ if (!customElements.get("bv-button")) {
 }
 
 // components/bv-course-detail-modal/bv-course-detail-modal.ts
-var _sheet4 = null;
-function getSheet4() {
-  if (!_sheet4) {
-    _sheet4 = new CSSStyleSheet();
-    _sheet4.replaceSync(bv_course_detail_modal_default);
-  }
-  return _sheet4;
-}
 var BvCourseDetailModal = class extends HTMLElement {
   static observedAttributes = [
     "open",
@@ -1103,10 +1045,7 @@ var BvCourseDetailModal = class extends HTMLElement {
   _outlineEl = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet4()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_course_detail_modal_default);
   }
   get open() {
     return this.hasAttribute("open");
@@ -1229,11 +1168,6 @@ var BvCourseDetailModal = class extends HTMLElement {
       }
     }
     const shadow = this.shadowRoot;
-    if (!shadow.adoptedStyleSheets.length) {
-      const s = document.createElement("style");
-      s.textContent = bv_course_detail_modal_default;
-      shadow.appendChild(s);
-    }
     const modal = document.createElement("bv-modal");
     modal.setAttribute("title", this.title);
     if (this.open) modal.setAttribute("open", "");

package/dist/components/bv-course-grid-card/bv-course-grid-card.d.ts

@@ -1,5 +1,6 @@
 import '../bv-button/bv-button.ts';
-export declare class BvCourseGridCard extends HTMLElement {
+import { type SelectableHost } from '../_shared/selectable-card.ts';
+export declare class BvCourseGridCard extends HTMLElement implements SelectableHost {
     static readonly observedAttributes: string[];
     get selected(): boolean;
     set selected(v: boolean);
@@ -19,9 +20,4 @@ export declare class BvCourseGridCard extends HTMLElement {
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
     private _render;
-    private _toggleSelected;
-    private _buildAriaLabel;
-    private _setPrefixedStrong;
-    private _syncSelectionA11y;
-    private _syncLoading;
 }