@bluevolt-tech/lumen 1.5.1 → 1.5.2

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

@@ -30,6 +30,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -92,7 +93,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -169,6 +171,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {

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

@@ -888,6 +888,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -950,7 +951,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -1027,6 +1029,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {

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

@@ -19,6 +19,5 @@ export declare class BvCourseGridCard extends HTMLElement {
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
     private _render;
-    private _syncSecondaryLabel;
     private _syncLoading;
 }

package/dist/components/bv-course-grid-card/bv-course-grid-card.js

@@ -33,6 +33,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -95,7 +96,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -172,6 +174,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {
@@ -229,7 +234,6 @@ var BvCourseGridCard = class extends HTMLElement {
     "primary-icon",
     "primary-loading",
     "primary-disabled",
-    "secondary-label",
     "secondary-icon",
     "selected",
     "disable-selection",
@@ -343,9 +347,6 @@ var BvCourseGridCard = class extends HTMLElement {
         if (val === null) (_a2 = this._els.primaryBtn) == null ? void 0 : _a2.removeAttribute("disabled");
         else (_b = this._els.primaryBtn) == null ? void 0 : _b.setAttribute("disabled", "");
       },
-      "secondary-label": () => {
-        this._syncSecondaryLabel();
-      },
       "secondary-icon": () => {
         var _a2;
         (_a2 = this._els.secondaryBtn) == null ? void 0 : _a2.setAttribute("icon", val ?? "");
@@ -431,13 +432,13 @@ var BvCourseGridCard = class extends HTMLElement {
     secondaryBtn.setAttribute("icon", this.getAttribute("secondary-icon") ?? "");
     secondaryBtn.setAttribute("size", "lg");
     secondaryBtn.setAttribute("full-width", "");
+    secondaryBtn.setAttribute("aria-label", "View details");
     secondaryBtn.className = "secondary-action";
     secondaryBtn.hidden = this.hideSecondary;
     secondaryBtn.addEventListener("click", () => {
       this.dispatchEvent(new CustomEvent("bv-secondary-action", { bubbles: true, composed: true }));
     });
     this._els.secondaryBtn = secondaryBtn;
-    this._syncSecondaryLabel();
     actions.append(primaryBtn, secondaryBtn);
     this._els.actions = actions;
     const skeleton = document.createElement("div");
@@ -461,11 +462,6 @@ var BvCourseGridCard = class extends HTMLElement {
       );
     });
   }
-  _syncSecondaryLabel() {
-    if (!this._els.secondaryBtn) return;
-    const label = this.getAttribute("secondary-label");
-    this._els.secondaryBtn.textContent = label ?? "";
-  }
   _syncLoading() {
     var _a;
     const loading = this.loading;

package/dist/components/bv-course-list-card/bv-course-list-card.js

@@ -33,6 +33,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -95,7 +96,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -172,6 +174,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {

package/dist/components/bv-empty-state/bv-empty-state.js

@@ -116,6 +116,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -178,7 +179,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -255,6 +257,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {

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

@@ -30,6 +30,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,

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

@@ -115,6 +115,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -177,7 +178,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -254,6 +256,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {
@@ -296,6 +301,54 @@ if (!customElements.get("bv-button")) {
   customElements.define("bv-button", BvButton);
 }
 
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-icon/bv-icon.css
+var bv_icon_default = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: inherit;\n}\n\n.icon-wrap {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 0;\n}\n\n.icon-wrap svg {\n  display: block;\n}\n";
+
+// components/bv-icon/bv-icon.ts
+var BvIcon = class extends HTMLElement {
+  static observedAttributes = ["name", "size"];
+  _rendered = false;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback() {
+    if (this._rendered) this._update();
+  }
+  _render() {
+    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);
+    this._update();
+  }
+  _update() {
+    if (!this._wrap) return;
+    const name = this.getAttribute("name") ?? "";
+    const size = parseInt(this.getAttribute("size") ?? "16", 10);
+    this._wrap.innerHTML = getIconSvg(name, size);
+  }
+};
+if (!customElements.get("bv-icon")) {
+  customElements.define("bv-icon", BvIcon);
+}
+
 // components/bv-user-row/bv-user-row.ts
 var BvUserRow = class extends HTMLElement {
   static observedAttributes = [
@@ -418,7 +471,12 @@ var BvUserRow = class extends HTMLElement {
       link.href = href;
       link.rel = "noopener noreferrer";
       if (target) link.setAttribute("target", target);
-      link.textContent = "Edit Profile";
+      const icon = document.createElement("bv-icon");
+      icon.setAttribute("name", "user-pen");
+      icon.setAttribute("aria-hidden", "true");
+      const label = document.createElement("span");
+      label.textContent = "Edit Profile";
+      link.append(icon, label);
       link.addEventListener("click", () => {
         this.dispatchEvent(new CustomEvent("bv-edit-profile", { bubbles: true, composed: true }));
       });
@@ -426,7 +484,7 @@ var BvUserRow = class extends HTMLElement {
     } else {
       const btn = document.createElement("bv-button");
       btn.className = "edit-btn";
-      btn.setAttribute("icon", "edit");
+      btn.setAttribute("icon", "user-pen");
       btn.textContent = "Edit Profile";
       btn.addEventListener("click", () => {
         this.dispatchEvent(new CustomEvent("bv-edit-profile", { bubbles: true, composed: true }));

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

@@ -1,5 +1,6 @@
 import '../bv-avatar/bv-avatar.ts';
 import '../bv-button/bv-button.ts';
+import '../bv-icon/bv-icon.ts';
 export type UserRowEditProfileTarget = '_self' | '_blank' | '_parent' | '_top' | '';
 export declare class BvUserRow extends HTMLElement {
     static readonly observedAttributes: string[];

package/dist/components/bv-user-row/bv-user-row.js

@@ -112,6 +112,7 @@ var icons = {
   // User / profile
   user: `<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
   users: `<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`,
+  "user-pen": `<path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/>`,
   // Content
   star: `<polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2"/>`,
   eye: `<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>`,
@@ -174,7 +175,8 @@ var BvButton = class extends HTMLElement {
     "full-width",
     "icon",
     "icon-position",
-    "count"
+    "count",
+    "aria-label"
   ];
   constructor() {
     super();
@@ -251,6 +253,9 @@ var BvButton = class extends HTMLElement {
     btn.type = this.type;
     btn.disabled = this.disabled || this.loading;
     btn.className = "btn";
+    const ariaLabel = this.getAttribute("aria-label");
+    if (ariaLabel) btn.setAttribute("aria-label", ariaLabel);
+    else btn.removeAttribute("aria-label");
     if (this.loading) {
       btn.setAttribute("aria-busy", "true");
       if (!btn.querySelector(".spinner")) {
@@ -293,6 +298,54 @@ if (!customElements.get("bv-button")) {
   customElements.define("bv-button", BvButton);
 }
 
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-icon/bv-icon.css
+var bv_icon_default = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: inherit;\n}\n\n.icon-wrap {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 0;\n}\n\n.icon-wrap svg {\n  display: block;\n}\n";
+
+// components/bv-icon/bv-icon.ts
+var BvIcon = class extends HTMLElement {
+  static observedAttributes = ["name", "size"];
+  _rendered = false;
+  _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];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback() {
+    if (this._rendered) this._update();
+  }
+  _render() {
+    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);
+    this._update();
+  }
+  _update() {
+    if (!this._wrap) return;
+    const name = this.getAttribute("name") ?? "";
+    const size = parseInt(this.getAttribute("size") ?? "16", 10);
+    this._wrap.innerHTML = getIconSvg(name, size);
+  }
+};
+if (!customElements.get("bv-icon")) {
+  customElements.define("bv-icon", BvIcon);
+}
+
 // components/bv-user-row/bv-user-row.ts
 var BvUserRow = class extends HTMLElement {
   static observedAttributes = [
@@ -415,7 +468,12 @@ var BvUserRow = class extends HTMLElement {
       link.href = href;
       link.rel = "noopener noreferrer";
       if (target) link.setAttribute("target", target);
-      link.textContent = "Edit Profile";
+      const icon = document.createElement("bv-icon");
+      icon.setAttribute("name", "user-pen");
+      icon.setAttribute("aria-hidden", "true");
+      const label = document.createElement("span");
+      label.textContent = "Edit Profile";
+      link.append(icon, label);
       link.addEventListener("click", () => {
         this.dispatchEvent(new CustomEvent("bv-edit-profile", { bubbles: true, composed: true }));
       });
@@ -423,7 +481,7 @@ var BvUserRow = class extends HTMLElement {
     } else {
       const btn = document.createElement("bv-button");
       btn.className = "edit-btn";
-      btn.setAttribute("icon", "edit");
+      btn.setAttribute("icon", "user-pen");
       btn.textContent = "Edit Profile";
       btn.addEventListener("click", () => {
         this.dispatchEvent(new CustomEvent("bv-edit-profile", { bubbles: true, composed: true }));

package/dist/themes/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Jul 2026 14:00:53 GMT
+ * Generated on Thu, 16 Jul 2026 03:00:05 GMT
  */
 
 :root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bluevolt-tech/lumen",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "type": "module",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/themes/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Jul 2026 14:00:53 GMT
+ * Generated on Thu, 16 Jul 2026 03:00:05 GMT
  */
 
 :root {