@bluevolt-tech/lumen 2.0.1 → 2.2.0

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

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-toggle/bv-toggle.css
 var bv_toggle_default = ":host {\n  --bv-toggle-width: 44px;\n  --bv-toggle-height: 24px;\n  --bv-toggle-track-off: var(--bv-color-neutral-300);\n  --bv-toggle-track-on: var(--bv-color-primary);\n  --bv-toggle-thumb: var(--bv-color-neutral-0);\n  display: inline-flex;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='sm']) {\n  --bv-toggle-width: 32px;\n  --bv-toggle-height: 18px;\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .wrap {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.track {\n  position: relative;\n  width: var(--bv-toggle-width);\n  height: var(--bv-toggle-height);\n  border-radius: var(--bv-radius-full);\n  background: var(--bv-toggle-track-off);\n  transition: background var(--bv-transition-fast);\n  flex-shrink: 0;\n}\n\n:host([checked]) .track {\n  background: var(--bv-toggle-track-on);\n}\n\n.thumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: calc(var(--bv-toggle-height) - 6px);\n  height: calc(var(--bv-toggle-height) - 6px);\n  border-radius: 50%;\n  background: var(--bv-toggle-thumb);\n  box-shadow: var(--bv-shadow-sm);\n  transition: transform var(--bv-transition-fast);\n}\n\n:host([checked]) .thumb {\n  transform: translateX(calc(var(--bv-toggle-width) - var(--bv-toggle-height)));\n}\n\n.label {\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-800);\n  line-height: 20px;\n}\n\n:host([size='sm']) .label {\n  font-size: var(--bv-font-size-xs);\n  line-height: 18px;\n}\n";
 
+// 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-toggle/bv-toggle.ts
 var BvToggle = class extends HTMLElement {
   static observedAttributes = ["checked", "disabled", "label", "size"];
@@ -8,12 +26,7 @@ var BvToggle = class extends HTMLElement {
   _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];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_toggle_default);
   }
   connectedCallback() {
     this._render();
@@ -33,11 +46,6 @@ var BvToggle = 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_toggle_default;
-      shadow.appendChild(s);
-    }
     const wrap = document.createElement("label");
     wrap.className = "wrap";
     const track = document.createElement("span");

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

@@ -1,16 +1,26 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-tooltip/bv-tooltip.css
 var bv_tooltip_default = ":host {\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  font-family: var(--bv-font-family-base);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.wrap {\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n}\n\n.trigger {\n  display: inline-flex;\n  align-items: center;\n  cursor: help;\n  color: var(--bv-color-neutral-400);\n  outline: none;\n  border: none;\n  background: none;\n  padding: 0;\n  line-height: 0;\n}\n\n.trigger:hover,\n.trigger:focus {\n  color: var(--bv-color-neutral-600);\n}\n\n.trigger svg {\n  display: block;\n  width: 14px;\n  height: 14px;\n}\n\n/* \u2500\u2500 Popup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.popup {\n  /* Shown/positioned entirely via JS \u2014 display starts as none */\n  display: none;\n  position: absolute;\n  z-index: 500;\n  min-width: 200px;\n  max-width: 300px;\n  background: var(--bv-color-neutral-900);\n  color: var(--bv-color-neutral-0);\n  border-radius: var(--bv-radius-md);\n  padding: 10px 12px;\n  font-size: var(--bv-font-size-xs);\n  font-weight: var(--bv-font-weight-regular);\n  line-height: 1.6;\n  box-shadow: var(--bv-shadow-lg);\n  pointer-events: none;\n  white-space: normal;\n}\n\n/* \u2500\u2500 Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.text-content {\n  display: none;\n}\n\n:host([text]) .text-content {\n  display: block;\n}\n\n:host([text]) slot {\n  display: none;\n}\n\n::slotted(p) {\n  margin: 0 0 4px;\n}\n\n::slotted(p:last-child) {\n  margin-bottom: 0;\n}\n";
 
-// components/bv-tooltip/bv-tooltip.ts
-var QUESTION_MARK_SVG = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`;
-var _sheet = null;
-function getSheet() {
-  if (!_sheet) {
-    _sheet = new CSSStyleSheet();
-    _sheet.replaceSync(bv_tooltip_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-tooltip/bv-tooltip.ts
+var QUESTION_MARK_SVG = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`;
 var _uid = 0;
 var BvTooltip = class extends HTMLElement {
   static observedAttributes = ["text", "position"];
@@ -20,10 +30,7 @@ var BvTooltip = class extends HTMLElement {
   _popupEl = null;
   constructor() {
     super();
-    const shadow = this.attachShadow({ mode: "open" });
-    if ("adoptedStyleSheets" in ShadowRoot.prototype) {
-      shadow.adoptedStyleSheets = [getSheet()];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_tooltip_default);
   }
   get text() {
     return this.getAttribute("text") ?? "";
@@ -50,11 +57,6 @@ var BvTooltip = 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_tooltip_default;
-      shadow.appendChild(s);
-    }
     const wrap = document.createElement("span");
     wrap.className = "wrap";
     const popupId = `bv-tooltip-popup-${++_uid}`;
@@ -95,6 +97,7 @@ var BvTooltip = class extends HTMLElement {
     popup.style.transform = "none";
     popup.style.display = "block";
     popup.style.visibility = "hidden";
+    void popup.offsetHeight;
     const tRect = trigger.getBoundingClientRect();
     const pRect = popup.getBoundingClientRect();
     const vw = window.innerWidth;

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

@@ -1,6 +1,24 @@
 // 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";
 
+// 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-avatar/bv-avatar.css
 var bv_avatar_default = ":host {\n  --bv-avatar-size: 40px;\n  --bv-avatar-bg: var(--bv-color-primary-light);\n  --bv-avatar-color: var(--bv-color-primary);\n  --bv-avatar-radius: var(--bv-radius-full);\n  display: inline-flex;\n}\n\n:host([size='xs']) {\n  --bv-avatar-size: 24px;\n}\n:host([size='sm']) {\n  --bv-avatar-size: 32px;\n}\n:host([size='md']) {\n  --bv-avatar-size: 40px;\n}\n:host([size='lg']) {\n  --bv-avatar-size: 48px;\n}\n:host([size='xl']) {\n  --bv-avatar-size: 64px;\n}\n\n.avatar {\n  width: var(--bv-avatar-size);\n  height: var(--bv-avatar-size);\n  border-radius: var(--bv-avatar-radius);\n  background: var(--bv-avatar-bg);\n  color: var(--bv-avatar-color);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  flex-shrink: 0;\n  font-family: var(--bv-font-family-base);\n  font-weight: var(--bv-font-weight-semibold);\n  font-size: calc(var(--bv-avatar-size) * 0.38);\n  user-select: none;\n}\n\n.avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n";
 
@@ -12,12 +30,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();
@@ -32,11 +45,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");
@@ -157,14 +165,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",
@@ -180,10 +180,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() {
@@ -240,11 +237,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"));
@@ -308,12 +300,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();
@@ -325,11 +312,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);
@@ -375,12 +357,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();
@@ -424,11 +401,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");

package/dist/components/bv-view-switcher/bv-view-switcher.js

@@ -1,6 +1,24 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-view-switcher/bv-view-switcher.css
 var bv_view_switcher_default = ":host {\n  display: inline-flex;\n}\n\n.switcher {\n  display: inline-flex;\n  gap: 4px;\n  padding: 4px;\n  background: var(--bv-color-neutral-100);\n  border-radius: var(--bv-radius-lg);\n}\n\n.view-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid transparent;\n  border-radius: var(--bv-radius-md);\n  background: transparent;\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    border-color var(--bv-transition-fast),\n    color var(--bv-transition-fast);\n}\n\n.view-btn:hover {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-700);\n}\n\n.view-btn.active {\n  background: var(--bv-color-neutral-0);\n  border-color: var(--bv-color-primary);\n  color: var(--bv-color-primary);\n  box-shadow: var(--bv-shadow-sm);\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-view-switcher/bv-view-switcher.ts
 var LIST_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M2 4h12M2 8h12M2 12h12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
@@ -18,12 +36,7 @@ var BvViewSwitcher = class extends HTMLElement {
   _gridBtn = null;
   constructor() {
     super();
-    this.attachShadow({ mode: "open" });
-    if ("replaceSync" in CSSStyleSheet.prototype) {
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(bv_view_switcher_default);
-      this.shadowRoot.adoptedStyleSheets = [sheet];
-    }
+    adoptStyles(this.attachShadow({ mode: "open" }), bv_view_switcher_default);
   }
   connectedCallback() {
     this._render();
@@ -41,11 +54,6 @@ var BvViewSwitcher = 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_view_switcher_default;
-      shadow.appendChild(s);
-    }
     const wrap = document.createElement("div");
     wrap.className = "switcher";
     const listBtn = document.createElement("button");

package/dist/themes/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Jul 2026 02:07:11 GMT
+ * Generated on Thu, 30 Jul 2026 05:33:55 GMT
  */
 
 :root {

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@bluevolt-tech/lumen",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "type": "module",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
   "scripts": {
+    "generate:versions": "node scripts/generate-versions.js",
+    "prestorybook": "npm run generate:versions",
     "storybook": "storybook dev -p 6006 --config-dir storybook/.storybook",
+    "prebuild-storybook": "npm run generate:versions",
     "build-storybook": "node scripts/generate-changelog.js && storybook build --config-dir storybook/.storybook",
     "changelog": "node scripts/generate-changelog.js",
     "build:tokens": "node tokens/style-dictionary.config.cjs",
@@ -26,6 +29,9 @@
     "format:check": "prettier --check components builder",
     "validate:screens": "node scripts/validate-screens.js",
     "validate:versions": "node scripts/validate-versions.js",
+    "validate:stories": "node scripts/validate-stories.js",
+    "validate:pr-metadata": "node scripts/validate-pr-metadata.js",
+    "qa-diff": "node scripts/qa-diff.mjs",
     "prepare": "husky"
   },
   "files": [
@@ -211,6 +217,7 @@
     "happy-dom": "^12.0.0",
     "husky": "^9.1.7",
     "lit": "^3.0.0",
+    "playwright-core": "^1.61.1",
     "prettier": "^3.8.3",
     "storybook": "^8.0.0",
     "style-dictionary": "^3.9.0",

package/themes/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Jul 2026 02:07:11 GMT
+ * Generated on Thu, 30 Jul 2026 05:33:55 GMT
  */
 
 :root {