@bluevolt-tech/lumen 2.0.1 → 2.2.0

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-portal-header/bv-portal-header.css
 var bv_portal_header_default = ":host {\n  display: block;\n  background: var(--bv-color-neutral-0);\n  border: 1px solid var(--bv-color-neutral-200);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n}\n\n.title-bar {\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-900);\n  line-height: 32px;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--bv-spacing-sm);\n  padding: var(--bv-spacing-md) var(--bv-spacing-lg);\n}\n\nbv-promo-banner {\n  align-self: flex-start;\n}\n";
 
+// 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-user-row/bv-user-row.css
 var bv_user_row_default = ":host {\n  display: inline-block;\n}\n\n.row {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-lg);\n}\n\n/* User info */\n.user-info {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-md);\n  min-width: 0;\n}\n\nbv-avatar {\n  --bv-avatar-size: 56px;\n  flex-shrink: 0;\n}\n\n.text-col {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.user-name {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-lg);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-secondary-foreground);\n  line-height: 28px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.user-org {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-md);\n  font-weight: var(--bv-font-weight-regular);\n  color: var(--bv-color-neutral-600);\n  line-height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Edit action host \u2014 flex to keep either <bv-button> or <a> aligned */\n.edit-action {\n  flex-shrink: 0;\n  display: inline-flex;\n}\n\n/* Edit button \u2014 white bg, neutral border */\n.edit-btn {\n  --bv-button-bg: var(--bv-color-neutral-0);\n  --bv-button-bg-hover: var(--bv-color-neutral-100);\n  --bv-button-color: var(--bv-color-secondary-foreground);\n  --bv-button-border-color: var(--bv-color-neutral-300);\n  --bv-button-border-color-hover: var(--bv-color-neutral-400);\n  flex-shrink: 0;\n}\n\n/* Edit link \u2014 same visual as .edit-btn, but a real anchor */\n.edit-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 8px 16px;\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-secondary-foreground);\n  border: 1px solid var(--bv-color-neutral-300);\n  border-radius: var(--bv-radius-md);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast);\n}\n\n.edit-link:hover {\n  background: var(--bv-color-neutral-100);\n  border-color: var(--bv-color-neutral-400);\n}\n\n.edit-link:focus-visible {\n  outline: 2px solid var(--bv-color-primary);\n  outline-offset: 2px;\n}\n";
 
@@ -15,12 +33,7 @@ var BvAvatar = class extends HTMLElement {
   _label = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_avatar_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_avatar_default);
   }
   connectedCallback() {
     this._render();
@@ -35,11 +48,6 @@ var BvAvatar = 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_avatar_default;
-      shadow.appendChild(s);
-    }
     const div = document.createElement("div");
     div.className = "avatar";
     const src = this.getAttribute("src");
@@ -160,14 +168,6 @@ var rawIcons = {
 };
 
 // components/bv-button/bv-button.ts
-var _sheet = null;
-function getSheet() {
-  if (!_sheet) {
-    _sheet = new CSSStyleSheet();
-    _sheet.replaceSync(bv_button_default);
-  }
-  return _sheet;
-}
 var BvButton = class extends HTMLElement {
   static observedAttributes = [
     "variant",
@@ -183,10 +183,7 @@ var BvButton = class extends HTMLElement {
   ];
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_button_default);
   }
   // ── Accessors ────────────────────────────────────────────────
   get variant() {
@@ -243,11 +240,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"));
@@ -311,12 +303,7 @@ var BvIcon = class extends HTMLElement {
   _wrap = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_icon_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_icon_default);
   }
   connectedCallback() {
     this._render();
@@ -328,11 +315,6 @@ var BvIcon = 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_icon_default;
-      shadow.appendChild(s);
-    }
     this._wrap = document.createElement("span");
     this._wrap.className = "icon-wrap";
     shadow.appendChild(this._wrap);
@@ -378,12 +360,7 @@ var BvUserRow = class extends HTMLElement {
   _els = {};
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_user_row_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_user_row_default);
   }
   connectedCallback() {
     this._render();
@@ -427,11 +404,6 @@ var BvUserRow = 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_user_row_default;
-      shadow.appendChild(s);
-    }
     const row = document.createElement("div");
     row.className = "row";
     const userInfo = document.createElement("div");
@@ -520,12 +492,7 @@ var BvPromoBanner = class extends HTMLElement {
   _anchor = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_promo_banner_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_promo_banner_default);
   }
   connectedCallback() {
     this._render();
@@ -551,11 +518,6 @@ var BvPromoBanner = 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_promo_banner_default;
-      shadow.appendChild(s);
-    }
     const anchor = document.createElement("a");
     anchor.className = "banner";
     anchor.href = this.getAttribute("href") ?? "";
@@ -603,12 +565,7 @@ var BvSearchbox = class extends HTMLElement {
   _input = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_searchbox_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_searchbox_default);
   }
   connectedCallback() {
     this._render();
@@ -626,11 +583,6 @@ var BvSearchbox = 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_searchbox_default;
-      shadow.appendChild(s);
-    }
     const icon = document.createElement("span");
     icon.className = "search-icon";
     icon.innerHTML = SEARCH_ICON;
@@ -676,12 +628,7 @@ var BvPortalHeader = class extends HTMLElement {
   _els = {};
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_portal_header_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_portal_header_default);
   }
   connectedCallback() {
     this._render();
@@ -750,11 +697,6 @@ var BvPortalHeader = 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_portal_header_default;
-      shadow.appendChild(s);
-    }
     const header = document.createElement("div");
     header.className = "header";
     const titleBar = document.createElement("div");

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

@@ -1,17 +1,30 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-portal-layout/bv-portal-layout.css
 var bv_portal_layout_default = ":host {\n  display: block;\n  min-height: 100vh;\n  box-sizing: border-box;\n\n  background: var(--bv-layout-bg, #f9fafb);\n  padding: var(--bv-layout-gutter, 20px);\n\n  /* Publish layout context tokens so all descendants inherit them */\n  --bv-layout-gutter: 20px;\n  --bv-layout-bg: #f9fafb;\n  --bv-layout-radius: 0px;\n  --bv-content-radius: 0px;\n}\n\n.layout {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n";
 
+// 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-portal-layout/bv-portal-layout.ts
 var BvPortalLayout = class extends HTMLElement {
   _rendered = false;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_portal_layout_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_portal_layout_default);
   }
   connectedCallback() {
     this._render();
@@ -20,11 +33,6 @@ var BvPortalLayout = 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_portal_layout_default;
-      shadow.appendChild(s);
-    }
     const layout = document.createElement("div");
     layout.className = "layout";
     layout.appendChild(document.createElement("slot"));

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-progress-bar/bv-progress-bar.css
 var bv_progress_bar_default = ":host {\n  --bv-progress-track: var(--bv-color-neutral-200);\n  --bv-progress-fill: var(--bv-color-primary);\n  --bv-progress-height: 8px;\n  display: block;\n  width: 100%;\n}\n\n:host([variant='success']) {\n  --bv-progress-fill: var(--bv-color-success);\n}\n:host([variant='warning']) {\n  --bv-progress-fill: var(--bv-color-warning);\n}\n:host([variant='danger']) {\n  --bv-progress-fill: var(--bv-color-danger);\n}\n\n:host([size='sm']) {\n  --bv-progress-height: 4px;\n}\n:host([size='lg']) {\n  --bv-progress-height: 12px;\n}\n\n.track {\n  width: 100%;\n  height: var(--bv-progress-height);\n  background: var(--bv-progress-track);\n  border-radius: var(--bv-radius-full);\n  overflow: hidden;\n}\n\n.fill {\n  height: 100%;\n  background: var(--bv-progress-fill);\n  border-radius: var(--bv-radius-full);\n  transition: width var(--bv-transition-normal);\n  min-width: 0;\n  max-width: 100%;\n}\n";
 
+// 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-progress-bar/bv-progress-bar.ts
 var BvProgressBar = class extends HTMLElement {
   static observedAttributes = ["value", "max", "variant", "size"];
@@ -8,12 +26,7 @@ var BvProgressBar = class extends HTMLElement {
   _rendered = false;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_progress_bar_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_progress_bar_default);
   }
   connectedCallback() {
     this._render();
@@ -30,11 +43,6 @@ var BvProgressBar = 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_progress_bar_default;
-      shadow.appendChild(s);
-    }
     this.setAttribute("role", "progressbar");
     const track = document.createElement("div");
     track.className = "track";

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-promo-banner/bv-promo-banner.css
 var bv_promo_banner_default = ":host {\n  display: inline-block;\n}\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-sm);\n  padding: 5px var(--bv-spacing-sm) 5px 5px;\n  background: var(--bv-color-primary-light);\n  border-radius: var(--bv-radius-xl);\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity var(--bv-transition-fast);\n}\n\n.banner:hover {\n  opacity: 0.88;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--bv-spacing-xs);\n  padding: 2px var(--bv-spacing-sm);\n  background: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-full);\n  flex-shrink: 0;\n}\n\n.badge-label {\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary-dark);\n  white-space: nowrap;\n}\n\n.badge-logo {\n  height: 12px;\n  width: auto;\n  display: block;\n}\n\n.message {\n  flex: none;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--bv-color-primary);\n  display: flex;\n  align-items: center;\n}\n";
 
+// 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-promo-banner/bv-promo-banner.ts
 var CHEVRON = `<svg class="chevron" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -21,12 +39,7 @@ var BvPromoBanner = class extends HTMLElement {
   _anchor = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_promo_banner_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_promo_banner_default);
   }
   connectedCallback() {
     this._render();
@@ -52,11 +65,6 @@ var BvPromoBanner = 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_promo_banner_default;
-      shadow.appendChild(s);
-    }
     const anchor = document.createElement("a");
     anchor.className = "banner";
     anchor.href = this.getAttribute("href") ?? "";

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-radio/bv-radio.css
 var bv_radio_default = ":host {\n  --bv-radio-size: 16px;\n  --bv-radio-border: var(--bv-color-neutral-300);\n  --bv-radio-checked-color: var(--bv-color-primary);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.circle {\n  width: var(--bv-radio-size);\n  height: var(--bv-radio-size);\n  border-radius: 50%;\n  border: 1.5px solid var(--bv-radio-border);\n  background: var(--bv-color-neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: border-color var(--bv-transition-fast);\n}\n\n:host([checked]) .circle {\n  border-color: var(--bv-radio-checked-color);\n}\n\n.dot {\n  width: calc(var(--bv-radio-size) * 0.5);\n  height: calc(var(--bv-radio-size) * 0.5);\n  border-radius: 50%;\n  background: var(--bv-radio-checked-color);\n  display: none;\n}\n\n:host([checked]) .dot {\n  display: block;\n}\n\n.label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  line-height: 20px;\n}\n";
 
+// 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-radio/bv-radio.ts
 var BvRadio = class extends HTMLElement {
   static observedAttributes = ["checked", "disabled", "label", "name", "value"];
@@ -8,12 +26,7 @@ var BvRadio = class extends HTMLElement {
   _labelEl = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_radio_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_radio_default);
   }
   connectedCallback() {
     this._render();
@@ -33,11 +46,6 @@ var BvRadio = 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_radio_default;
-      shadow.appendChild(s);
-    }
     const wrap = document.createElement("label");
     wrap.className = "wrap";
     const circle = document.createElement("span");

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

@@ -1,6 +1,24 @@
 // 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";
 
+// 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-searchbox/bv-searchbox.ts
 var SEARCH_ICON = `<svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z"
@@ -12,12 +30,7 @@ var BvSearchbox = class extends HTMLElement {
   _input = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_searchbox_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_searchbox_default);
   }
   connectedCallback() {
     this._render();
@@ -35,11 +48,6 @@ var BvSearchbox = 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_searchbox_default;
-      shadow.appendChild(s);
-    }
     const icon = document.createElement("span");
     icon.className = "search-icon";
     icon.innerHTML = SEARCH_ICON;

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

@@ -1,15 +1,25 @@
 // 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.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.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";
 
-// components/bv-segmented-control/bv-segmented-control.ts
-var _sheet = null;
-function getSheet() {
-  if (!_sheet) {
-    _sheet = new CSSStyleSheet();
-    _sheet.replaceSync(bv_segmented_control_default);
+// 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;
   }
-  return _sheet;
+  const style = document.createElement("style");
+  style.textContent = css;
+  shadow.appendChild(style);
 }
+
+// components/bv-segmented-control/bv-segmented-control.ts
 var BvSegmentedControl = class extends HTMLElement {
   static observedAttributes = ["options", "value", "label", "required"];
   _rendered = false;
@@ -18,10 +28,7 @@ var BvSegmentedControl = class extends HTMLElement {
   _options = [];
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_segmented_control_default);
   }
   get value() {
     return this.getAttribute("value") ?? "";
@@ -49,11 +56,6 @@ var BvSegmentedControl = 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_segmented_control_default;
-      shadow.appendChild(s);
-    }
     const labelEl = document.createElement("span");
     labelEl.className = "field-label";
     this._labelEl = labelEl;

package/dist/components/bv-select/bv-select.d.ts

@@ -16,7 +16,7 @@ export declare class BvSelect extends HTMLElement {
     private _errorEl;
     private _options;
     private _value;
-    private _offClick;
+    private _dropdown;
     constructor();
     get value(): string;
     set value(v: string);
@@ -28,9 +28,6 @@ export declare class BvSelect extends HTMLElement {
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
     private _render;
-    private _toggle;
-    private _open;
-    private _close;
     private _syncLabel;
     private _syncTriggerLabel;
     private _renderOptions;