@bluevolt-tech/lumen 1.3.2

package/dist/components/bv-portal-layout/bv-portal-layout.d.ts

@@ -0,0 +1,6 @@
+export declare class BvPortalLayout extends HTMLElement {
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    private _render;
+}

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

@@ -0,0 +1,39 @@
+// 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/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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  _render() {
+    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"));
+    shadow.appendChild(layout);
+  }
+};
+if (!customElements.get("bv-portal-layout")) {
+  customElements.define("bv-portal-layout", BvPortalLayout);
+}
+export {
+  BvPortalLayout
+};

package/dist/components/bv-progress-bar/bv-progress-bar.d.ts

@@ -0,0 +1,11 @@
+export declare class BvProgressBar extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _fill;
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private get _percent();
+    private _render;
+    private _syncFill;
+}

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

@@ -0,0 +1,61 @@
+// 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/bv-progress-bar/bv-progress-bar.ts
+var BvProgressBar = class extends HTMLElement {
+  static observedAttributes = ["value", "max", "variant", "size"];
+  _fill = null;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback(name) {
+    if (this._rendered && (name === "value" || name === "max")) this._syncFill();
+  }
+  get _percent() {
+    const value = parseFloat(this.getAttribute("value") ?? "0");
+    const max = parseFloat(this.getAttribute("max") ?? "100");
+    return Math.min(100, Math.max(0, value / max * 100));
+  }
+  _render() {
+    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";
+    this._fill = document.createElement("div");
+    this._fill.className = "fill";
+    this._syncFill();
+    track.appendChild(this._fill);
+    shadow.appendChild(track);
+  }
+  _syncFill() {
+    if (!this._fill) return;
+    const pct = this._percent;
+    this._fill.style.width = `${pct}%`;
+    this.setAttribute("aria-valuenow", String(pct));
+    this.setAttribute("aria-valuemin", "0");
+    this.setAttribute("aria-valuemax", "100");
+  }
+};
+if (!customElements.get("bv-progress-bar")) {
+  customElements.define("bv-progress-bar", BvProgressBar);
+}
+export {
+  BvProgressBar
+};

package/dist/components/bv-promo-banner/bv-promo-banner.d.ts

@@ -0,0 +1,12 @@
+export declare class BvPromoBanner extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _messageEl;
+    private _badgeLabelEl;
+    private _badgeLogoEl;
+    private _anchor;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    private _render;
+}

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

@@ -0,0 +1,79 @@
+// 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/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"/>
+</svg>`;
+var BvPromoBanner = class extends HTMLElement {
+  static observedAttributes = ["message", "badge-label", "badge-logo", "href"];
+  _rendered = false;
+  _messageEl = null;
+  _badgeLabelEl = null;
+  _badgeLogoEl = null;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback(name, _old, val) {
+    if (!this._rendered) return;
+    if (name === "message" && this._messageEl) this._messageEl.textContent = val ?? "";
+    if (name === "badge-label" && this._badgeLabelEl) this._badgeLabelEl.textContent = val ?? "";
+    if (name === "badge-logo" && this._badgeLogoEl) {
+      this._badgeLogoEl.src = val ?? "";
+      this._badgeLogoEl.hidden = !val;
+    }
+    if (name === "href" && this._anchor) this._anchor.href = val ?? "";
+  }
+  _render() {
+    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") ?? "";
+    anchor.rel = "noopener noreferrer";
+    this._anchor = anchor;
+    const badge = document.createElement("span");
+    badge.className = "badge";
+    const badgeLabel = document.createElement("span");
+    badgeLabel.className = "badge-label";
+    badgeLabel.textContent = this.getAttribute("badge-label") ?? "";
+    this._badgeLabelEl = badgeLabel;
+    const badgeLogo = document.createElement("img");
+    badgeLogo.className = "badge-logo";
+    badgeLogo.alt = "";
+    badgeLogo.src = this.getAttribute("badge-logo") ?? "";
+    badgeLogo.hidden = !this.getAttribute("badge-logo");
+    this._badgeLogoEl = badgeLogo;
+    badge.append(badgeLabel, badgeLogo);
+    const message = document.createElement("span");
+    message.className = "message";
+    message.textContent = this.getAttribute("message") ?? "";
+    this._messageEl = message;
+    const chevron = document.createElement("span");
+    chevron.innerHTML = CHEVRON;
+    anchor.append(badge, message, chevron);
+    shadow.appendChild(anchor);
+  }
+};
+if (!customElements.get("bv-promo-banner")) {
+  customElements.define("bv-promo-banner", BvPromoBanner);
+}
+export {
+  BvPromoBanner
+};

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

@@ -0,0 +1,11 @@
+export declare class BvRadio extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _labelEl;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    get checked(): boolean;
+    set checked(v: boolean);
+    private _render;
+}

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

@@ -0,0 +1,78 @@
+// 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/bv-radio/bv-radio.ts
+var BvRadio = class extends HTMLElement {
+  static observedAttributes = ["checked", "disabled", "label", "name", "value"];
+  _rendered = false;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback(name, _old, val) {
+    if (!this._rendered) return;
+    if (name === "label" && this._labelEl) this._labelEl.textContent = val ?? "";
+  }
+  get checked() {
+    return this.hasAttribute("checked");
+  }
+  set checked(v) {
+    if (v) this.setAttribute("checked", "");
+    else this.removeAttribute("checked");
+  }
+  _render() {
+    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");
+    circle.className = "circle";
+    const dot = document.createElement("span");
+    dot.className = "dot";
+    circle.appendChild(dot);
+    this._labelEl = document.createElement("span");
+    this._labelEl.className = "label";
+    this._labelEl.textContent = this.getAttribute("label") ?? "";
+    const slot = document.createElement("slot");
+    wrap.append(circle, this._labelEl, slot);
+    shadow.appendChild(wrap);
+    wrap.addEventListener("click", () => {
+      if (this.hasAttribute("disabled") || this.checked) return;
+      const name = this.getAttribute("name");
+      if (name) {
+        document.querySelectorAll(`bv-radio[name="${name}"]`).forEach((r) => {
+          if (r !== this) r.checked = false;
+        });
+      }
+      this.checked = true;
+      this.dispatchEvent(
+        new CustomEvent("bv-change", {
+          bubbles: true,
+          composed: true,
+          detail: { value: this.getAttribute("value"), checked: true }
+        })
+      );
+    });
+  }
+};
+if (!customElements.get("bv-radio")) {
+  customElements.define("bv-radio", BvRadio);
+}
+export {
+  BvRadio
+};

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

@@ -0,0 +1,10 @@
+export declare class BvSearchbox extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _input;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    get value(): string;
+    private _render;
+}

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

@@ -0,0 +1,68 @@
+// 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.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/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"
+  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;
+var BvSearchbox = class extends HTMLElement {
+  static observedAttributes = ["placeholder", "value", "size"];
+  _rendered = false;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback(name, _old, val) {
+    if (!this._rendered || !this._input) return;
+    if (name === "placeholder") this._input.placeholder = val ?? "";
+    if (name === "value") this._input.value = val ?? "";
+  }
+  get value() {
+    var _a;
+    return ((_a = this._input) == null ? void 0 : _a.value) ?? "";
+  }
+  _render() {
+    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;
+    this._input = document.createElement("input");
+    this._input.type = "search";
+    this._input.className = "search-input";
+    this._input.placeholder = this.getAttribute("placeholder") ?? "Search\u2026";
+    this._input.value = this.getAttribute("value") ?? "";
+    this._input.addEventListener("input", () => {
+      this.dispatchEvent(
+        new CustomEvent("bv-search", {
+          bubbles: true,
+          composed: true,
+          detail: { value: this._input.value }
+        })
+      );
+    });
+    shadow.append(icon, this._input);
+  }
+};
+if (!customElements.get("bv-searchbox")) {
+  customElements.define("bv-searchbox", BvSearchbox);
+}
+export {
+  BvSearchbox
+};

package/dist/components/bv-star-rating/bv-star-rating.d.ts

@@ -0,0 +1,11 @@
+export declare class BvStarRating extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private get _value();
+    private get _max();
+    private _render;
+    private _buildStars;
+}

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

@@ -0,0 +1,67 @@
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-star-rating/bv-star-rating.css
+var bv_star_rating_default = ":host {\n  --bv-star-color: #f59e0b;\n  --bv-star-empty-color: var(--bv-color-neutral-200);\n  --bv-star-size: 20px;\n  display: inline-flex;\n}\n\n:host([size='sm']) {\n  --bv-star-size: 14px;\n}\n:host([size='lg']) {\n  --bv-star-size: 28px;\n}\n\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  align-items: center;\n}\n\n.star {\n  width: var(--bv-star-size);\n  height: var(--bv-star-size);\n  color: var(--bv-star-empty-color);\n  flex-shrink: 0;\n  transition: color var(--bv-transition-fast);\n}\n\n.star.filled {\n  color: var(--bv-star-color);\n}\n";
+
+// components/bv-star-rating/bv-star-rating.ts
+var STAR_PATH = "M10 1.5L12.39 6.26L17.72 7.07L13.86 10.83L14.78 16.14L10 13.63L5.22 16.14L6.14 10.83L2.28 7.07L7.61 6.26L10 1.5Z";
+var BvStarRating = class extends HTMLElement {
+  static observedAttributes = ["value", "max", "size"];
+  _rendered = false;
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    if ("replaceSync" in CSSStyleSheet.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(bv_star_rating_default);
+      this.shadowRoot.adoptedStyleSheets = [sheet];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback() {
+    if (this._rendered) this._buildStars();
+  }
+  get _value() {
+    return parseFloat(this.getAttribute("value") ?? "0");
+  }
+  get _max() {
+    return parseInt(this.getAttribute("max") ?? "5", 10);
+  }
+  _render() {
+    if (this._rendered) return;
+    this._rendered = true;
+    const shadow = this.shadowRoot;
+    if (!shadow.adoptedStyleSheets.length) {
+      const s = document.createElement("style");
+      s.textContent = bv_star_rating_default;
+      shadow.appendChild(s);
+    }
+    const wrap = document.createElement("div");
+    wrap.className = "stars";
+    wrap.setAttribute("role", "img");
+    wrap.setAttribute("aria-label", `${this._value} out of ${this._max} stars`);
+    shadow.appendChild(wrap);
+    this._buildStars();
+  }
+  _buildStars() {
+    const wrap = this.shadowRoot.querySelector(".stars");
+    wrap.innerHTML = "";
+    wrap.setAttribute("aria-label", `${this._value} out of ${this._max} stars`);
+    for (let i = 1; i <= this._max; i++) {
+      const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      svg.setAttribute("viewBox", "0 0 20 20");
+      svg.setAttribute("fill", "currentColor");
+      svg.setAttribute("class", `star${i <= this._value ? " filled" : ""}`);
+      const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttribute("d", STAR_PATH);
+      svg.appendChild(path);
+      wrap.appendChild(svg);
+    }
+  }
+};
+if (!customElements.get("bv-star-rating")) {
+  customElements.define("bv-star-rating", BvStarRating);
+}
+export {
+  BvStarRating
+};

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

@@ -0,0 +1,5 @@
+export declare class BvTable extends HTMLElement {
+    static readonly observedAttributes: string[];
+    connectedCallback(): void;
+    private _enhanceHeaders;
+}

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

@@ -0,0 +1,72 @@
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-table/bv-table.css
+var bv_table_default = "bv-table {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  font-family: var(--bv-font-family-base);\n}\n\nbv-table table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 0;\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\nbv-table thead tr {\n  background: var(--bv-color-neutral-100);\n}\n\nbv-table thead th {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-500);\n  border-bottom: 1px solid var(--bv-color-neutral-200);\n  white-space: nowrap;\n  user-select: none;\n  vertical-align: middle;\n}\n\nbv-table thead th[data-sortable] {\n  cursor: pointer;\n}\n\nbv-table thead th[data-sortable]:hover {\n  color: var(--bv-color-neutral-700);\n}\n\nbv-table thead th[data-sort='asc'] .bv-sort-icon,\nbv-table thead th[data-sort='desc'] .bv-sort-icon {\n  color: var(--bv-color-primary);\n}\n\n.bv-th-content {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.bv-sort-icon {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 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\nbv-table tbody td {\n  padding: 12px 16px;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-700);\n  border-bottom: 1px solid var(--bv-color-neutral-100);\n  vertical-align: middle;\n}\n\nbv-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\nbv-table tbody tr:hover td {\n  background: var(--bv-color-neutral-100);\n}\n\n/* \u2500\u2500 Modifiers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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\nbv-table[striped] tbody tr:nth-child(even) td {\n  background: var(--bv-color-neutral-100);\n}\n\nbv-table[bordered] thead th,\nbv-table[bordered] tbody td {\n  border-right: 1px solid var(--bv-color-neutral-100);\n}\n\nbv-table[bordered] thead th:last-child,\nbv-table[bordered] tbody td:last-child {\n  border-right: none;\n}\n\n/* \u2500\u2500 Checkbox column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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\nbv-table thead th.bv-col-check,\nbv-table tbody td.bv-col-check {\n  width: 48px;\n  padding: 12px 16px;\n}\n";
+
+// components/bv-table/bv-table.ts
+var SORT_NONE = `<svg class="bv-sort-icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 3v10M5 6l3-3 3 3M5 10l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;
+var SORT_ASC = `<svg class="bv-sort-icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 13V3M5 6l3-3 3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;
+var SORT_DESC = `<svg class="bv-sort-icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 3v10M5 10l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;
+function injectTableStyles() {
+  if (document.getElementById("bv-table-styles")) return;
+  const style = document.createElement("style");
+  style.id = "bv-table-styles";
+  style.textContent = bv_table_default;
+  document.head.appendChild(style);
+}
+var BvTable = class extends HTMLElement {
+  static observedAttributes = ["striped", "bordered"];
+  connectedCallback() {
+    injectTableStyles();
+    this._enhanceHeaders();
+  }
+  _enhanceHeaders() {
+    this.querySelectorAll("thead th[data-sortable]").forEach((th) => {
+      var _a;
+      const label = ((_a = th.textContent) == null ? void 0 : _a.trim()) ?? "";
+      const sortDir = th.getAttribute("data-sort") ?? "none";
+      const icon = sortDir === "asc" ? SORT_ASC : sortDir === "desc" ? SORT_DESC : SORT_NONE;
+      th.innerHTML = `<span class="bv-th-content">${label}${icon}</span>`;
+      th.addEventListener("click", () => {
+        var _a2, _b, _c, _d;
+        const current = th.getAttribute("data-sort") ?? "none";
+        const next = current === "none" ? "asc" : current === "asc" ? "desc" : "none";
+        this.querySelectorAll("thead th[data-sortable]").forEach((other) => {
+          var _a3, _b2;
+          if (other !== th) {
+            other.removeAttribute("data-sort");
+            const otherLabel = ((_b2 = (_a3 = other.querySelector(".bv-th-content")) == null ? void 0 : _a3.firstChild) == null ? void 0 : _b2.textContent) ?? "";
+            other.innerHTML = `<span class="bv-th-content">${otherLabel}${SORT_NONE}</span>`;
+          }
+        });
+        if (next === "none") {
+          th.removeAttribute("data-sort");
+          const l = ((_b = (_a2 = th.querySelector(".bv-th-content")) == null ? void 0 : _a2.firstChild) == null ? void 0 : _b.textContent) ?? label;
+          th.innerHTML = `<span class="bv-th-content">${l}${SORT_NONE}</span>`;
+        } else {
+          th.setAttribute("data-sort", next);
+          const newIcon = next === "asc" ? SORT_ASC : SORT_DESC;
+          const l = ((_d = (_c = th.querySelector(".bv-th-content")) == null ? void 0 : _c.firstChild) == null ? void 0 : _d.textContent) ?? label;
+          th.innerHTML = `<span class="bv-th-content">${l}${newIcon}</span>`;
+        }
+        this.dispatchEvent(
+          new CustomEvent("bv-sort", {
+            bubbles: true,
+            composed: true,
+            detail: { column: th.getAttribute("data-column"), direction: next }
+          })
+        );
+      });
+    });
+  }
+};
+if (!customElements.get("bv-table")) {
+  customElements.define("bv-table", BvTable);
+}
+export {
+  BvTable
+};

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

@@ -0,0 +1,11 @@
+export declare class BvToggle extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _labelEl;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    get checked(): boolean;
+    set checked(v: boolean);
+    private _render;
+}

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

@@ -0,0 +1,72 @@
+// 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.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";
+
+// components/bv-toggle/bv-toggle.ts
+var BvToggle = class extends HTMLElement {
+  static observedAttributes = ["checked", "disabled", "label"];
+  _rendered = false;
+  _labelEl = null;
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    if ("replaceSync" in CSSStyleSheet.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(bv_toggle_default);
+      this.shadowRoot.adoptedStyleSheets = [sheet];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback(name, _old, val) {
+    if (!this._rendered) return;
+    if (name === "label" && this._labelEl) this._labelEl.textContent = val ?? "";
+  }
+  get checked() {
+    return this.hasAttribute("checked");
+  }
+  set checked(v) {
+    if (v) this.setAttribute("checked", "");
+    else this.removeAttribute("checked");
+  }
+  _render() {
+    if (this._rendered) return;
+    this._rendered = true;
+    const shadow = this.shadowRoot;
+    if (!shadow.adoptedStyleSheets.length) {
+      const s = document.createElement("style");
+      s.textContent = bv_toggle_default;
+      shadow.appendChild(s);
+    }
+    const wrap = document.createElement("label");
+    wrap.className = "wrap";
+    const track = document.createElement("span");
+    track.className = "track";
+    const thumb = document.createElement("span");
+    thumb.className = "thumb";
+    track.appendChild(thumb);
+    this._labelEl = document.createElement("span");
+    this._labelEl.className = "label";
+    this._labelEl.textContent = this.getAttribute("label") ?? "";
+    const slot = document.createElement("slot");
+    wrap.append(track, this._labelEl, slot);
+    shadow.appendChild(wrap);
+    wrap.addEventListener("click", () => {
+      if (this.hasAttribute("disabled")) return;
+      this.checked = !this.checked;
+      this.dispatchEvent(
+        new CustomEvent("bv-change", {
+          bubbles: true,
+          composed: true,
+          detail: { checked: this.checked }
+        })
+      );
+    });
+  }
+};
+if (!customElements.get("bv-toggle")) {
+  customElements.define("bv-toggle", BvToggle);
+}
+export {
+  BvToggle
+};

package/dist/components/bv-user-row/bv-user-row.d.ts

@@ -0,0 +1,12 @@
+import '../bv-avatar/bv-avatar.ts';
+import '../bv-button/bv-button.ts';
+export declare class BvUserRow extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _els;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    private _greeting;
+    private _render;
+}