@countermeasure-platform/web-components 1.2.1-dev.4.1 → 1.2.1-dev.6.1

package/dist/{chunk-YBOYWFTD-DVqQ1pen.js → chunk-YBOYWFTD-DkjEOcgZ.js}

@@ -1,6 +1,6 @@
-import { f as e } from "./chunk-GEFDOKGD-bXEkwPrJ.js";
-import { n as t } from "./src-hxErHTV1.js";
-import { b as n, d as r } from "./chunk-7R4GIKGN-DiZ1HYFd.js";
+import { f as e } from "./chunk-GEFDOKGD-DGJJEGSm.js";
+import { n as t } from "./src-BhNgmpel.js";
+import { b as n, d as r } from "./chunk-7R4GIKGN-DJmroLCH.js";
 //#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-YBOYWFTD.mjs
 var i = /* @__PURE__ */ t(({ flowchart: e }) => {
 	let t = e?.subGraphTitleMargin?.top ?? 0, n = e?.subGraphTitleMargin?.bottom ?? 0;
@@ -31,4 +31,4 @@ t(a, "configureLabelImages");
 //#endregion
 export { i as n, a as t };
 
-//# sourceMappingURL=chunk-YBOYWFTD-DVqQ1pen.js.map
+//# sourceMappingURL=chunk-YBOYWFTD-DkjEOcgZ.js.map

package/dist/{chunk-YBOYWFTD-DVqQ1pen.js.map → chunk-YBOYWFTD-DkjEOcgZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunk-YBOYWFTD-DVqQ1pen.js","names":["getConfig"],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/chunk-YBOYWFTD.mjs"],"sourcesContent":["import {\n  parseFontSize\n} from \"./chunk-GEFDOKGD.mjs\";\nimport {\n  defaultConfig_default,\n  getConfig2 as getConfig\n} from \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/utils/subGraphTitleMargins.ts\nvar getSubGraphTitleMargins = /* @__PURE__ */ __name(({\n  flowchart\n}) => {\n  const subGraphTitleTopMargin = flowchart?.subGraphTitleMargin?.top ?? 0;\n  const subGraphTitleBottomMargin = flowchart?.subGraphTitleMargin?.bottom ?? 0;\n  const subGraphTitleTotalMargin = subGraphTitleTopMargin + subGraphTitleBottomMargin;\n  return {\n    subGraphTitleTopMargin,\n    subGraphTitleBottomMargin,\n    subGraphTitleTotalMargin\n  };\n}, \"getSubGraphTitleMargins\");\n\n// src/rendering-util/rendering-elements/shapes/labelImageUtils.ts\nasync function configureLabelImages(container, labelText) {\n  const images = container.getElementsByTagName(\"img\");\n  if (!images || images.length === 0) {\n    return;\n  }\n  const noImgText = labelText.replace(/<img[^>]*>/g, \"\").trim() === \"\";\n  await Promise.all(\n    [...images].map(\n      (img) => new Promise((res) => {\n        function setupImage() {\n          img.style.display = \"flex\";\n          img.style.flexDirection = \"column\";\n          if (noImgText) {\n            const bodyFontSize = getConfig().fontSize ? getConfig().fontSize : window.getComputedStyle(document.body).fontSize;\n            const enlargingFactor = 5;\n            const [parsedBodyFontSize = defaultConfig_default.fontSize] = parseFontSize(bodyFontSize);\n            const width = parsedBodyFontSize * enlargingFactor + \"px\";\n            img.style.minWidth = width;\n            img.style.maxWidth = width;\n          } else {\n            img.style.width = \"100%\";\n          }\n          res(img);\n        }\n        __name(setupImage, \"setupImage\");\n        setTimeout(() => {\n          if (img.complete) {\n            setupImage();\n          }\n        });\n        img.addEventListener(\"error\", setupImage);\n        img.addEventListener(\"load\", setupImage);\n      })\n    )\n  );\n}\n__name(configureLabelImages, \"configureLabelImages\");\n\nexport {\n  configureLabelImages,\n  getSubGraphTitleMargins\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;AAYA,IAAI,IAA0C,mBAAQ,EACpD,mBACI;CACJ,IAAM,IAAyB,GAAW,qBAAqB,OAAO,GAChE,IAA4B,GAAW,qBAAqB,UAAU;AAE5E,QAAO;EACL;EACA;EACA,0BAJ+B,IAAyB;EAKzD;GACA,0BAA0B;AAG7B,eAAe,EAAqB,GAAW,GAAW;CACxD,IAAM,IAAS,EAAU,qBAAqB,MAAM;AACpD,KAAI,CAAC,KAAU,EAAO,WAAW,EAC/B;CAEF,IAAM,IAAY,EAAU,QAAQ,eAAe,GAAG,CAAC,MAAM,KAAK;AAClE,OAAM,QAAQ,IACZ,CAAC,GAAG,EAAO,CAAC,KACT,MAAQ,IAAI,SAAS,MAAQ;EAC5B,SAAS,IAAa;AAGpB,OAFA,EAAI,MAAM,UAAU,QACpB,EAAI,MAAM,gBAAgB,UACtB,GAAW;IACb,IAEM,CAAC,IAAqB,EAAsB,YAAY,EAFzCA,GAAW,CAAC,WAAWA,GAAW,CAAC,WAAW,OAAO,iBAAiB,SAAS,KAAK,CAAC,SAEjB,EACnF,IAAQ,IAAqB,IAAkB;AAErD,IADA,EAAI,MAAM,WAAW,GACrB,EAAI,MAAM,WAAW;SAErB,GAAI,MAAM,QAAQ;AAEpB,KAAI,EAAI;;AASV,EAPA,EAAO,GAAY,aAAa,EAChC,iBAAiB;AACf,GAAI,EAAI,YACN,GAAY;IAEd,EACF,EAAI,iBAAiB,SAAS,EAAW,EACzC,EAAI,iBAAiB,QAAQ,EAAW;GACxC,CACH,CACF;;AAEH,EAAO,GAAsB,uBAAuB"}
+{"version":3,"file":"chunk-YBOYWFTD-DkjEOcgZ.js","names":["getConfig"],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/chunk-YBOYWFTD.mjs"],"sourcesContent":["import {\n  parseFontSize\n} from \"./chunk-GEFDOKGD.mjs\";\nimport {\n  defaultConfig_default,\n  getConfig2 as getConfig\n} from \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/utils/subGraphTitleMargins.ts\nvar getSubGraphTitleMargins = /* @__PURE__ */ __name(({\n  flowchart\n}) => {\n  const subGraphTitleTopMargin = flowchart?.subGraphTitleMargin?.top ?? 0;\n  const subGraphTitleBottomMargin = flowchart?.subGraphTitleMargin?.bottom ?? 0;\n  const subGraphTitleTotalMargin = subGraphTitleTopMargin + subGraphTitleBottomMargin;\n  return {\n    subGraphTitleTopMargin,\n    subGraphTitleBottomMargin,\n    subGraphTitleTotalMargin\n  };\n}, \"getSubGraphTitleMargins\");\n\n// src/rendering-util/rendering-elements/shapes/labelImageUtils.ts\nasync function configureLabelImages(container, labelText) {\n  const images = container.getElementsByTagName(\"img\");\n  if (!images || images.length === 0) {\n    return;\n  }\n  const noImgText = labelText.replace(/<img[^>]*>/g, \"\").trim() === \"\";\n  await Promise.all(\n    [...images].map(\n      (img) => new Promise((res) => {\n        function setupImage() {\n          img.style.display = \"flex\";\n          img.style.flexDirection = \"column\";\n          if (noImgText) {\n            const bodyFontSize = getConfig().fontSize ? getConfig().fontSize : window.getComputedStyle(document.body).fontSize;\n            const enlargingFactor = 5;\n            const [parsedBodyFontSize = defaultConfig_default.fontSize] = parseFontSize(bodyFontSize);\n            const width = parsedBodyFontSize * enlargingFactor + \"px\";\n            img.style.minWidth = width;\n            img.style.maxWidth = width;\n          } else {\n            img.style.width = \"100%\";\n          }\n          res(img);\n        }\n        __name(setupImage, \"setupImage\");\n        setTimeout(() => {\n          if (img.complete) {\n            setupImage();\n          }\n        });\n        img.addEventListener(\"error\", setupImage);\n        img.addEventListener(\"load\", setupImage);\n      })\n    )\n  );\n}\n__name(configureLabelImages, \"configureLabelImages\");\n\nexport {\n  configureLabelImages,\n  getSubGraphTitleMargins\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;AAYA,IAAI,IAA0C,mBAAQ,EACpD,mBACI;CACJ,IAAM,IAAyB,GAAW,qBAAqB,OAAO,GAChE,IAA4B,GAAW,qBAAqB,UAAU;AAE5E,QAAO;EACL;EACA;EACA,0BAJ+B,IAAyB;EAKzD;GACA,0BAA0B;AAG7B,eAAe,EAAqB,GAAW,GAAW;CACxD,IAAM,IAAS,EAAU,qBAAqB,MAAM;AACpD,KAAI,CAAC,KAAU,EAAO,WAAW,EAC/B;CAEF,IAAM,IAAY,EAAU,QAAQ,eAAe,GAAG,CAAC,MAAM,KAAK;AAClE,OAAM,QAAQ,IACZ,CAAC,GAAG,EAAO,CAAC,KACT,MAAQ,IAAI,SAAS,MAAQ;EAC5B,SAAS,IAAa;AAGpB,OAFA,EAAI,MAAM,UAAU,QACpB,EAAI,MAAM,gBAAgB,UACtB,GAAW;IACb,IAEM,CAAC,IAAqB,EAAsB,YAAY,EAFzCA,GAAW,CAAC,WAAWA,GAAW,CAAC,WAAW,OAAO,iBAAiB,SAAS,KAAK,CAAC,SAEjB,EACnF,IAAQ,IAAqB,IAAkB;AAErD,IADA,EAAI,MAAM,WAAW,GACrB,EAAI,MAAM,WAAW;SAErB,GAAI,MAAM,QAAQ;AAEpB,KAAI,EAAI;;AASV,EAPA,EAAO,GAAY,aAAa,EAChC,iBAAiB;AACf,GAAI,EAAI,YACN,GAAY;IAEd,EACF,EAAI,iBAAiB,SAAS,EAAW,EACzC,EAAI,iBAAiB,QAAQ,EAAW;GACxC,CACH,CACF;;AAEH,EAAO,GAAsB,uBAAuB"}

package/dist/classDiagram-VBA2DB6C-DZfC0xPM.js

@@ -0,0 +1,31 @@
+import "./chunk-GEFDOKGD-DGJJEGSm.js";
+import { n as e } from "./src-BhNgmpel.js";
+import "./chunk-7R4GIKGN-DJmroLCH.js";
+import "./chunk-PU5JKC2W-DNpn_Yik.js";
+import "./chunk-FMBD7UC4-1IxrpdPX.js";
+import "./chunk-MX3YWQON-D43mcq1f.js";
+import "./chunk-YBOYWFTD-DkjEOcgZ.js";
+import "./chunk-JSJVCQXG-Do17yYig.js";
+import "./chunk-55IACEB6-DZ-UBhHX.js";
+import "./chunk-KX2RTZJC-d9jFqUAY.js";
+import "./chunk-PQ6SQG4A-Cpfc5F4u.js";
+import "./chunk-KYZI473N-BXYCe83A.js";
+import "./chunk-O4XLMI2P-DtGEm9QX.js";
+import "./chunk-GLR3WWYH-BDwmgwCA.js";
+import { i as t, n, r, t as i } from "./chunk-WL4C6EOR-BV-op7zg.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-VBA2DB6C-DZfC0xPM.js.map

package/dist/{classDiagram-VBA2DB6C-DFfohpM0.js.map → classDiagram-VBA2DB6C-DZfC0xPM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"classDiagram-VBA2DB6C-DFfohpM0.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}
+{"version":3,"file":"classDiagram-VBA2DB6C-DZfC0xPM.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/classDiagram-v2-RAHNMMFH-CtWRD1ax.js

@@ -0,0 +1,31 @@
+import "./chunk-GEFDOKGD-DGJJEGSm.js";
+import { n as e } from "./src-BhNgmpel.js";
+import "./chunk-7R4GIKGN-DJmroLCH.js";
+import "./chunk-PU5JKC2W-DNpn_Yik.js";
+import "./chunk-FMBD7UC4-1IxrpdPX.js";
+import "./chunk-MX3YWQON-D43mcq1f.js";
+import "./chunk-YBOYWFTD-DkjEOcgZ.js";
+import "./chunk-JSJVCQXG-Do17yYig.js";
+import "./chunk-55IACEB6-DZ-UBhHX.js";
+import "./chunk-KX2RTZJC-d9jFqUAY.js";
+import "./chunk-PQ6SQG4A-Cpfc5F4u.js";
+import "./chunk-KYZI473N-BXYCe83A.js";
+import "./chunk-O4XLMI2P-DtGEm9QX.js";
+import "./chunk-GLR3WWYH-BDwmgwCA.js";
+import { i as t, n, r, t as i } from "./chunk-WL4C6EOR-BV-op7zg.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-v2-RAHNMMFH-CtWRD1ax.js.map

package/dist/{classDiagram-v2-RAHNMMFH-kUMm28FB.js.map → classDiagram-v2-RAHNMMFH-CtWRD1ax.js.map}

@@ -1 +1 @@
-{"version":3,"file":"classDiagram-v2-RAHNMMFH-kUMm28FB.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram-v2.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}
+{"version":3,"file":"classDiagram-v2-RAHNMMFH-CtWRD1ax.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram-v2.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/{clone-DxI1nSTP.js → clone-CliVdNc8.js}

@@ -1,4 +1,4 @@
-import { y as e } from "./_baseUniq-CO35kH5B.js";
+import { y as e } from "./_baseUniq-Bdp_vFUv.js";
 //#region node_modules/lodash-es/clone.js
 var t = 4;
 function n(n) {
@@ -7,4 +7,4 @@ function n(n) {
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=clone-DxI1nSTP.js.map
+//# sourceMappingURL=clone-CliVdNc8.js.map

package/dist/{clone-DxI1nSTP.js.map → clone-CliVdNc8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clone-DxI1nSTP.js","names":[],"sources":["../node_modules/lodash-es/clone.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\nfunction clone(value) {\n  return baseClone(value, CLONE_SYMBOLS_FLAG);\n}\n\nexport default clone;\n"],"x_google_ignoreList":[0],"mappings":";;AAGA,IAAI,IAAqB;AA4BzB,SAAS,EAAM,GAAO;AACpB,QAAO,EAAU,GAAO,EAAmB"}
+{"version":3,"file":"clone-CliVdNc8.js","names":[],"sources":["../node_modules/lodash-es/clone.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\nfunction clone(value) {\n  return baseClone(value, CLONE_SYMBOLS_FLAG);\n}\n\nexport default clone;\n"],"x_google_ignoreList":[0],"mappings":";;AAGA,IAAI,IAAqB;AA4BzB,SAAS,EAAM,GAAO;AACpB,QAAO,EAAU,GAAO,EAAmB"}

package/dist/{component-x2UxdKEC.js → component-C1Jiz1Ki.js}

@@ -100,4 +100,4 @@ var r = class {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=component-x2UxdKEC.js.map
+//# sourceMappingURL=component-C1Jiz1Ki.js.map

package/dist/{component-x2UxdKEC.js.map → component-C1Jiz1Ki.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-x2UxdKEC.js","names":[],"sources":["../src/sidebar/component.ts"],"sourcesContent":["/**\n * SidebarComponent - Programmatic sidebar with sections, badges, and footer\n * @countermeasure/web-components/sidebar/component\n *\n * Unlike sidebar/enhance (which enhances server-rendered HTML), this module\n * builds the sidebar DOM from a config object. Use it when the sidebar\n * structure is driven entirely by client-side data.\n *\n * Usage:\n *   import { SidebarComponent } from '@countermeasure/web-components/sidebar/component'\n *\n *   const sidebar = new SidebarComponent({\n *     container: '#sidebar-root',\n *     sections: [{ id: 'main', label: 'Nav', items: [...] }],\n *     user: { name: 'Alice' },\n *     onNavigate: item => console.log(item.id),\n *   })\n *   sidebar.setActive('dashboard')\n */\n\nimport { getIconSvgInner, type IconSet } from '../icons/index'\nimport { resolveContainer } from '../primitives/utils'\nimport { type SidebarComponentConfig } from './types'\n\n/** Create an SVG element populated with icon content from the registry. */\nfunction createIconSvg(iconSet: IconSet, name: string): SVGElement {\n  const svgNs = 'http://www.w3.org/2000/svg'\n  const svg = document.createElementNS(svgNs, 'svg')\n  svg.setAttribute('xmlns', svgNs)\n  svg.setAttribute('width', '18')\n  svg.setAttribute('height', '18')\n  svg.setAttribute('viewBox', '0 0 24 24')\n  svg.setAttribute('fill', 'none')\n  svg.setAttribute('stroke', 'currentColor')\n  svg.setAttribute('stroke-width', '2')\n  svg.setAttribute('stroke-linecap', 'round')\n  svg.setAttribute('stroke-linejoin', 'round')\n  svg.classList.add('sidebar__item-icon')\n  svg.setAttribute('data-icon', name)\n  svg.setAttribute('aria-hidden', 'true')\n\n  const inner = getIconSvgInner(iconSet, name)\n  if (inner) {\n    svg.innerHTML = inner\n  }\n\n  return svg\n}\n\nexport class SidebarComponent {\n  private readonly container: HTMLElement\n  private readonly aside: HTMLElement\n  private readonly config: SidebarComponentConfig\n  private readonly iconSet: IconSet\n\n  constructor(config: SidebarComponentConfig) {\n    this.config = config\n    this.container = resolveContainer(config.container)\n    this.iconSet = config.iconSet ?? 'lucide'\n\n    this.aside = document.createElement('aside')\n    this.aside.classList.add('sidebar')\n    this.aside.setAttribute('data-sidebar', config.variant ?? 'app')\n\n    this.render()\n    this.container.appendChild(this.aside)\n  }\n\n  private render(): void {\n    for (const section of this.config.sections) {\n      const sectionEl = document.createElement('div')\n      sectionEl.classList.add('sidebar__section')\n\n      if (section.label) {\n        const labelEl = document.createElement('div')\n        labelEl.classList.add('sidebar__section-label')\n        labelEl.textContent = section.label\n        sectionEl.appendChild(labelEl)\n      }\n\n      for (const item of section.items) {\n        const link = document.createElement('a')\n        link.classList.add('sidebar__item')\n        link.setAttribute('data-item-id', item.id)\n\n        if (item.icon) {\n          const icon = createIconSvg(this.iconSet, item.icon)\n          link.appendChild(icon)\n        }\n\n        const label = document.createElement('span')\n        label.classList.add('sidebar__item-label')\n        label.textContent = item.label\n        link.appendChild(label)\n\n        if (item.badge !== undefined && item.badge > 0) {\n          const badge = document.createElement('span')\n          badge.classList.add('sidebar__badge')\n          badge.setAttribute('data-badge', item.id)\n          badge.textContent = String(item.badge)\n          link.appendChild(badge)\n        }\n\n        link.addEventListener('click', () => {\n          if (this.config.onNavigate) {\n            this.config.onNavigate(item)\n          }\n          if (item.onClick) {\n            item.onClick()\n          }\n        })\n\n        sectionEl.appendChild(link)\n      }\n\n      this.aside.appendChild(sectionEl)\n    }\n\n    this.renderFooter()\n  }\n\n  private renderFooter(): void {\n    const hasUser = this.config.user !== undefined\n    const hasActions =\n      this.config.footerActions !== undefined && this.config.footerActions.length > 0\n\n    if (!hasUser && !hasActions) {\n      return\n    }\n\n    const footer = document.createElement('div')\n    footer.classList.add('sidebar__footer')\n\n    const footerBar = document.createElement('div')\n    footerBar.classList.add('sidebar__footer-bar')\n\n    if (hasUser && this.config.user) {\n      const userSpan = document.createElement('span')\n      userSpan.classList.add('sidebar__footer-user')\n\n      const nameSpan = document.createElement('span')\n      nameSpan.classList.add('sidebar__footer-name')\n      nameSpan.textContent = this.config.user.name\n      userSpan.appendChild(nameSpan)\n\n      footerBar.appendChild(userSpan)\n    }\n\n    if (hasActions && this.config.footerActions) {\n      const iconsSpan = document.createElement('span')\n      iconsSpan.classList.add('sidebar__footer-icons')\n\n      for (const action of this.config.footerActions) {\n        const button = document.createElement('button')\n        button.classList.add('sidebar__footer-icon')\n        if (action.danger === true) {\n          button.classList.add('sidebar__footer-icon--danger')\n        }\n        button.setAttribute('aria-label', action.label)\n\n        const icon = createIconSvg(this.iconSet, action.icon)\n        button.appendChild(icon)\n\n        if (action.onClick) {\n          const handler = action.onClick\n          button.addEventListener('click', () => {\n            handler()\n          })\n        }\n\n        iconsSpan.appendChild(button)\n      }\n\n      footerBar.appendChild(iconsSpan)\n    }\n\n    footer.appendChild(footerBar)\n    this.aside.appendChild(footer)\n  }\n\n  /** Mark a nav item as active, removing active state from all others. */\n  setActive(itemId: string): void {\n    this.aside.querySelectorAll<HTMLElement>('.sidebar__item').forEach(el => {\n      el.classList.remove('sidebar__item--active')\n    })\n\n    const target = this.aside.querySelector<HTMLElement>(`[data-item-id=\"${itemId}\"]`)\n    if (target) {\n      target.classList.add('sidebar__item--active')\n    }\n  }\n\n  /** Update the badge count for a nav item (empty string when count is 0). */\n  updateBadge(itemId: string, count: number): void {\n    const badge = this.aside.querySelector<HTMLElement>(`[data-badge=\"${itemId}\"]`)\n    if (badge) {\n      badge.textContent = count > 0 ? String(count) : ''\n    }\n  }\n\n  /** Toggle the sidebar between collapsed and expanded states. */\n  toggleCollapse(): void {\n    const isCollapsed = this.aside.classList.toggle('sidebar--collapsed')\n    if (this.config.onCollapse) {\n      this.config.onCollapse(isCollapsed)\n    }\n  }\n\n  /** Collapse the sidebar. */\n  collapse(): void {\n    this.aside.classList.add('sidebar--collapsed')\n  }\n\n  /** Expand the sidebar. */\n  expand(): void {\n    this.aside.classList.remove('sidebar--collapsed')\n  }\n\n  /** Remove the sidebar from the DOM. */\n  destroy(): void {\n    this.aside.remove()\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"component-C1Jiz1Ki.js","names":[],"sources":["../src/sidebar/component.ts"],"sourcesContent":["/**\n * SidebarComponent - Programmatic sidebar with sections, badges, and footer\n * @countermeasure/web-components/sidebar/component\n *\n * Unlike sidebar/enhance (which enhances server-rendered HTML), this module\n * builds the sidebar DOM from a config object. Use it when the sidebar\n * structure is driven entirely by client-side data.\n *\n * Usage:\n *   import { SidebarComponent } from '@countermeasure/web-components/sidebar/component'\n *\n *   const sidebar = new SidebarComponent({\n *     container: '#sidebar-root',\n *     sections: [{ id: 'main', label: 'Nav', items: [...] }],\n *     user: { name: 'Alice' },\n *     onNavigate: item => console.log(item.id),\n *   })\n *   sidebar.setActive('dashboard')\n */\n\nimport { getIconSvgInner, type IconSet } from '../icons/index'\nimport { resolveContainer } from '../primitives/utils'\nimport { type SidebarComponentConfig } from './types'\n\n/** Create an SVG element populated with icon content from the registry. */\nfunction createIconSvg(iconSet: IconSet, name: string): SVGElement {\n  const svgNs = 'http://www.w3.org/2000/svg'\n  const svg = document.createElementNS(svgNs, 'svg')\n  svg.setAttribute('xmlns', svgNs)\n  svg.setAttribute('width', '18')\n  svg.setAttribute('height', '18')\n  svg.setAttribute('viewBox', '0 0 24 24')\n  svg.setAttribute('fill', 'none')\n  svg.setAttribute('stroke', 'currentColor')\n  svg.setAttribute('stroke-width', '2')\n  svg.setAttribute('stroke-linecap', 'round')\n  svg.setAttribute('stroke-linejoin', 'round')\n  svg.classList.add('sidebar__item-icon')\n  svg.setAttribute('data-icon', name)\n  svg.setAttribute('aria-hidden', 'true')\n\n  const inner = getIconSvgInner(iconSet, name)\n  if (inner) {\n    svg.innerHTML = inner\n  }\n\n  return svg\n}\n\nexport class SidebarComponent {\n  private readonly container: HTMLElement\n  private readonly aside: HTMLElement\n  private readonly config: SidebarComponentConfig\n  private readonly iconSet: IconSet\n\n  constructor(config: SidebarComponentConfig) {\n    this.config = config\n    this.container = resolveContainer(config.container)\n    this.iconSet = config.iconSet ?? 'lucide'\n\n    this.aside = document.createElement('aside')\n    this.aside.classList.add('sidebar')\n    this.aside.setAttribute('data-sidebar', config.variant ?? 'app')\n\n    this.render()\n    this.container.appendChild(this.aside)\n  }\n\n  private render(): void {\n    for (const section of this.config.sections) {\n      const sectionEl = document.createElement('div')\n      sectionEl.classList.add('sidebar__section')\n\n      if (section.label) {\n        const labelEl = document.createElement('div')\n        labelEl.classList.add('sidebar__section-label')\n        labelEl.textContent = section.label\n        sectionEl.appendChild(labelEl)\n      }\n\n      for (const item of section.items) {\n        const link = document.createElement('a')\n        link.classList.add('sidebar__item')\n        link.setAttribute('data-item-id', item.id)\n\n        if (item.icon) {\n          const icon = createIconSvg(this.iconSet, item.icon)\n          link.appendChild(icon)\n        }\n\n        const label = document.createElement('span')\n        label.classList.add('sidebar__item-label')\n        label.textContent = item.label\n        link.appendChild(label)\n\n        if (item.badge !== undefined && item.badge > 0) {\n          const badge = document.createElement('span')\n          badge.classList.add('sidebar__badge')\n          badge.setAttribute('data-badge', item.id)\n          badge.textContent = String(item.badge)\n          link.appendChild(badge)\n        }\n\n        link.addEventListener('click', () => {\n          if (this.config.onNavigate) {\n            this.config.onNavigate(item)\n          }\n          if (item.onClick) {\n            item.onClick()\n          }\n        })\n\n        sectionEl.appendChild(link)\n      }\n\n      this.aside.appendChild(sectionEl)\n    }\n\n    this.renderFooter()\n  }\n\n  private renderFooter(): void {\n    const hasUser = this.config.user !== undefined\n    const hasActions =\n      this.config.footerActions !== undefined && this.config.footerActions.length > 0\n\n    if (!hasUser && !hasActions) {\n      return\n    }\n\n    const footer = document.createElement('div')\n    footer.classList.add('sidebar__footer')\n\n    const footerBar = document.createElement('div')\n    footerBar.classList.add('sidebar__footer-bar')\n\n    if (hasUser && this.config.user) {\n      const userSpan = document.createElement('span')\n      userSpan.classList.add('sidebar__footer-user')\n\n      const nameSpan = document.createElement('span')\n      nameSpan.classList.add('sidebar__footer-name')\n      nameSpan.textContent = this.config.user.name\n      userSpan.appendChild(nameSpan)\n\n      footerBar.appendChild(userSpan)\n    }\n\n    if (hasActions && this.config.footerActions) {\n      const iconsSpan = document.createElement('span')\n      iconsSpan.classList.add('sidebar__footer-icons')\n\n      for (const action of this.config.footerActions) {\n        const button = document.createElement('button')\n        button.classList.add('sidebar__footer-icon')\n        if (action.danger === true) {\n          button.classList.add('sidebar__footer-icon--danger')\n        }\n        button.setAttribute('aria-label', action.label)\n\n        const icon = createIconSvg(this.iconSet, action.icon)\n        button.appendChild(icon)\n\n        if (action.onClick) {\n          const handler = action.onClick\n          button.addEventListener('click', () => {\n            handler()\n          })\n        }\n\n        iconsSpan.appendChild(button)\n      }\n\n      footerBar.appendChild(iconsSpan)\n    }\n\n    footer.appendChild(footerBar)\n    this.aside.appendChild(footer)\n  }\n\n  /** Mark a nav item as active, removing active state from all others. */\n  setActive(itemId: string): void {\n    this.aside.querySelectorAll<HTMLElement>('.sidebar__item').forEach(el => {\n      el.classList.remove('sidebar__item--active')\n    })\n\n    const target = this.aside.querySelector<HTMLElement>(`[data-item-id=\"${itemId}\"]`)\n    if (target) {\n      target.classList.add('sidebar__item--active')\n    }\n  }\n\n  /** Update the badge count for a nav item (empty string when count is 0). */\n  updateBadge(itemId: string, count: number): void {\n    const badge = this.aside.querySelector<HTMLElement>(`[data-badge=\"${itemId}\"]`)\n    if (badge) {\n      badge.textContent = count > 0 ? String(count) : ''\n    }\n  }\n\n  /** Toggle the sidebar between collapsed and expanded states. */\n  toggleCollapse(): void {\n    const isCollapsed = this.aside.classList.toggle('sidebar--collapsed')\n    if (this.config.onCollapse) {\n      this.config.onCollapse(isCollapsed)\n    }\n  }\n\n  /** Collapse the sidebar. */\n  collapse(): void {\n    this.aside.classList.add('sidebar--collapsed')\n  }\n\n  /** Expand the sidebar. */\n  expand(): void {\n    this.aside.classList.remove('sidebar--collapsed')\n  }\n\n  /** Remove the sidebar from the DOM. */\n  destroy(): void {\n    this.aside.remove()\n  }\n}\n"],"mappings":"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"}

package/dist/components/index.js

@@ -21,7 +21,7 @@ import { IconUsageMatrix as S } from "./theme/icon-usage-matrix.js";
 import { RadiusSlider as C } from "./theme/radius-slider.js";
 import { ThemePresetGrid as w } from "./theme/theme-preset-grid.js";
 import { ThemePreviewTile as T } from "./theme/theme-preview-tile.js";
-import { ThemeSwitcher as E } from "./theme/theme-switcher.js";
-import { ThemeStudio as D, renderThemeStudio as O } from "./theme/theme-studio.js";
+import { n as E, t as D } from "../theme-studio-CN9Ipb9W.js";
+import { ThemeSwitcher as O } from "./theme/theme-switcher.js";
 import { CONNECTOR_LOGO_PALETTE as k, ConnectorLogo as A, Diamond as j, Wordmark as M, createDiamondSvg as N, createWordmarkSvg as P, getBrandSizeClass as F, getConnectorLogoColor as I, getConnectorLogoInitial as L, getConnectorLogoSizeClass as R, getConnectorLogoTone as z } from "./brand/index.js";
-export { m as AccentSwitcher, k as CONNECTOR_LOGO_PALETTE, o as CommandPalette, A as ConnectorLogo, d as ContextMenu, l as CopyButton, e as DataTable, v as DensitySwitcher, p as DetailHeader, j as Diamond, y as FontStackPicker, b as GlassSlider, x as IconSetPicker, S as IconUsageMatrix, f as LogToolbar, i as Modal, c as Pagination, C as RadiusSlider, s as SearchInput, r as SplitPane, u as StatusBar, n as TabPanel, w as ThemePresetGrid, T as ThemePreviewTile, D as ThemeStudio, E as ThemeSwitcher, a as ToastManager, t as TreeView, M as Wordmark, h as applyAccentFromUrl, N as createDiamondSvg, P as createWordmarkSvg, F as getBrandSizeClass, I as getConnectorLogoColor, L as getConnectorLogoInitial, R as getConnectorLogoSizeClass, z as getConnectorLogoTone, g as getCurrentAccent, O as renderThemeStudio, _ as setPreviewAccent };
+export { m as AccentSwitcher, k as CONNECTOR_LOGO_PALETTE, o as CommandPalette, A as ConnectorLogo, d as ContextMenu, l as CopyButton, e as DataTable, v as DensitySwitcher, p as DetailHeader, j as Diamond, y as FontStackPicker, b as GlassSlider, x as IconSetPicker, S as IconUsageMatrix, f as LogToolbar, i as Modal, c as Pagination, C as RadiusSlider, s as SearchInput, r as SplitPane, u as StatusBar, n as TabPanel, w as ThemePresetGrid, T as ThemePreviewTile, D as ThemeStudio, O as ThemeSwitcher, a as ToastManager, t as TreeView, M as Wordmark, h as applyAccentFromUrl, N as createDiamondSvg, P as createWordmarkSvg, F as getBrandSizeClass, I as getConnectorLogoColor, L as getConnectorLogoInitial, R as getConnectorLogoSizeClass, z as getConnectorLogoTone, g as getCurrentAccent, E as renderThemeStudio, _ as setPreviewAccent };

package/dist/components/theme/accent-switcher.d.ts

@@ -4,7 +4,9 @@ export declare function setPreviewAccent(accent: AccentId): void;
 export declare function applyAccentFromUrl(): void;
 export declare class AccentSwitcher {
     readonly el: HTMLElement;
+    private readonly _onThemeChange;
     constructor();
+    destroy(): void;
     private updateActive;
 }
 //# sourceMappingURL=accent-switcher.d.ts.map

package/dist/components/theme/accent-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accent-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/accent-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAe3D,wBAAgB,gBAAgB,IAAI,QAAQ,CAE3C;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAKvD;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAMzC;AAED,qBAAa,cAAc;IACzB,SAAgB,EAAE,EAAE,WAAW,CAAA;;IAwC/B,OAAO,CAAC,YAAY;CASrB"}
+{"version":3,"file":"accent-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/accent-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAe3D,wBAAgB,gBAAgB,IAAI,QAAQ,CAE3C;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAKvD;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAMzC;AAED,qBAAa,cAAc;IACzB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;;IAyC3C,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,YAAY;CASrB"}

package/dist/components/theme/accent-switcher.js

@@ -48,6 +48,7 @@ function s() {
 }
 var c = class {
 	el;
+	_onThemeChange;
 	constructor() {
 		this.el = document.createElement("div"), this.el.className = "preview-accent-switcher";
 		let e = document.createElement("span");
@@ -62,7 +63,10 @@ var c = class {
 				o(e.id);
 			}), t.appendChild(n);
 		}
-		this.el.appendChild(t), document.addEventListener("preview:accent-change", () => this.updateActive()), document.addEventListener("cm:theme-change", () => this.updateActive()), this.updateActive();
+		this.el.appendChild(t), this._onThemeChange = () => this.updateActive(), document.addEventListener("preview:accent-change", this._onThemeChange), document.addEventListener("cm:theme-change", this._onThemeChange), this.updateActive();
+	}
+	destroy() {
+		document.removeEventListener("preview:accent-change", this._onThemeChange), document.removeEventListener("cm:theme-change", this._onThemeChange);
 	}
 	updateActive() {
 		let e = a(), t = this.el.querySelectorAll(".preview-accent-switcher__btn");

package/dist/components/theme/accent-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"accent-switcher.js","names":[],"sources":["../../../src/components/theme/accent-switcher.ts"],"sourcesContent":["/**\n * Accent Switcher — preview-only accent selector for design-system adoption checks.\n *\n * Reads/writes through the theme engine. Listens to `cm:theme-change` to\n * refresh pressed state when presets / theme studio change the accent.\n */\n\nimport { ACCENT_PALETTES, getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { AccentId } from '../../services/theme-engine'\n\nconst ACCENTS: ReadonlyArray<{ id: AccentId; label: string; color: string }> = [\n  { id: 'orange', label: 'Orange', color: ACCENT_PALETTES.orange.brand },\n  { id: 'cyan', label: 'Cyan', color: ACCENT_PALETTES.cyan.brand },\n  { id: 'violet', label: 'Violet', color: ACCENT_PALETTES.violet.brand },\n  { id: 'rose', label: 'Rose', color: ACCENT_PALETTES.rose.brand },\n  { id: 'emerald', label: 'Emerald', color: ACCENT_PALETTES.emerald.brand },\n  { id: 'amber', label: 'Amber', color: ACCENT_PALETTES.amber.brand },\n]\n\nfunction isAccent(value: string | null | undefined): value is AccentId {\n  return ACCENTS.some(accent => accent.id === value)\n}\n\nexport function getCurrentAccent(): AccentId {\n  return getTheme().accent\n}\n\nexport function setPreviewAccent(accent: AccentId): void {\n  setThemePartial({ accent })\n  if (typeof document !== 'undefined') {\n    document.dispatchEvent(new CustomEvent('preview:accent-change', { detail: { accent } }))\n  }\n}\n\nexport function applyAccentFromUrl(): void {\n  if (typeof window === 'undefined') return\n  const accent = new URLSearchParams(window.location.search).get('accent')\n  if (isAccent(accent)) {\n    setPreviewAccent(accent)\n  }\n}\n\nexport class AccentSwitcher {\n  public readonly el: HTMLElement\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-accent-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-accent-switcher__label'\n    label.textContent = 'Accent'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-accent-switcher__buttons'\n\n    for (const accent of ACCENTS) {\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-accent-switcher__btn'\n      btn.dataset.accent = accent.id\n      btn.title = accent.label\n      btn.setAttribute('aria-label', `Use ${accent.label} accent`)\n\n      const swatch = document.createElement('span')\n      swatch.className = 'preview-accent-swatch'\n      swatch.style.background = accent.color\n      btn.appendChild(swatch)\n\n      btn.addEventListener('click', () => {\n        setPreviewAccent(accent.id)\n      })\n\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    document.addEventListener('preview:accent-change', () => this.updateActive())\n    document.addEventListener('cm:theme-change', () => this.updateActive())\n    this.updateActive()\n  }\n\n  private updateActive(): void {\n    const current = getCurrentAccent()\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-accent-switcher__btn')\n    for (const btn of buttons) {\n      const isActive = btn.dataset.accent === current\n      btn.classList.toggle('preview-accent-switcher__btn--active', isActive)\n      btn.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;AAUA,IAAM,IAAyE;CAC7E;EAAE,IAAI;EAAU,OAAO;EAAU,OAAO,EAAgB,OAAO;EAAO;CACtE;EAAE,IAAI;EAAQ,OAAO;EAAQ,OAAO,EAAgB,KAAK;EAAO;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,OAAO,EAAgB,OAAO;EAAO;CACtE;EAAE,IAAI;EAAQ,OAAO;EAAQ,OAAO,EAAgB,KAAK;EAAO;CAChE;EAAE,IAAI;EAAW,OAAO;EAAW,OAAO,EAAgB,QAAQ;EAAO;CACzE;EAAE,IAAI;EAAS,OAAO;EAAS,OAAO,EAAgB,MAAM;EAAO;CACpE;AAED,SAAS,EAAS,GAAqD;AACrE,QAAO,EAAQ,MAAK,MAAU,EAAO,OAAO,EAAM;;AAGpD,SAAgB,IAA6B;AAC3C,QAAO,GAAU,CAAC;;AAGpB,SAAgB,EAAiB,GAAwB;AAEvD,CADA,EAAgB,EAAE,WAAQ,CAAC,EACvB,OAAO,WAAa,OACtB,SAAS,cAAc,IAAI,YAAY,yBAAyB,EAAE,QAAQ,EAAE,WAAQ,EAAE,CAAC,CAAC;;AAI5F,SAAgB,IAA2B;AACzC,KAAI,OAAO,SAAW,IAAa;CACnC,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAAC,IAAI,SAAS;AACxE,CAAI,EAAS,EAAO,IAClB,EAAiB,EAAO;;AAI5B,IAAa,IAAb,MAA4B;CAC1B;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,kCAClB,EAAM,cAAc,UACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAU,GAAS;GAC5B,IAAM,IAAM,SAAS,cAAc,SAAS;AAK5C,GAJA,EAAI,OAAO,UACX,EAAI,YAAY,gCAChB,EAAI,QAAQ,SAAS,EAAO,IAC5B,EAAI,QAAQ,EAAO,OACnB,EAAI,aAAa,cAAc,OAAO,EAAO,MAAM,SAAS;GAE5D,IAAM,IAAS,SAAS,cAAc,OAAO;AAS7C,GARA,EAAO,YAAY,yBACnB,EAAO,MAAM,aAAa,EAAO,OACjC,EAAI,YAAY,EAAO,EAEvB,EAAI,iBAAiB,eAAe;AAClC,MAAiB,EAAO,GAAG;KAC3B,EAEF,EAAQ,YAAY,EAAI;;AAM1B,EAHA,KAAK,GAAG,YAAY,EAAQ,EAC5B,SAAS,iBAAiB,+BAA+B,KAAK,cAAc,CAAC,EAC7E,SAAS,iBAAiB,yBAAyB,KAAK,cAAc,CAAC,EACvE,KAAK,cAAc;;CAGrB,eAA6B;EAC3B,IAAM,IAAU,GAAkB,EAC5B,IAAU,KAAK,GAAG,iBAAoC,gCAAgC;AAC5F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAW,EAAI,QAAQ,WAAW;AAExC,GADA,EAAI,UAAU,OAAO,wCAAwC,EAAS,EACtE,EAAI,aAAa,gBAAgB,OAAO,EAAS,CAAC"}
+{"version":3,"file":"accent-switcher.js","names":[],"sources":["../../../src/components/theme/accent-switcher.ts"],"sourcesContent":["/**\n * Accent Switcher — preview-only accent selector for design-system adoption checks.\n *\n * Reads/writes through the theme engine. Listens to `cm:theme-change` to\n * refresh pressed state when presets / theme studio change the accent.\n */\n\nimport { ACCENT_PALETTES, getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { AccentId } from '../../services/theme-engine'\n\nconst ACCENTS: ReadonlyArray<{ id: AccentId; label: string; color: string }> = [\n  { id: 'orange', label: 'Orange', color: ACCENT_PALETTES.orange.brand },\n  { id: 'cyan', label: 'Cyan', color: ACCENT_PALETTES.cyan.brand },\n  { id: 'violet', label: 'Violet', color: ACCENT_PALETTES.violet.brand },\n  { id: 'rose', label: 'Rose', color: ACCENT_PALETTES.rose.brand },\n  { id: 'emerald', label: 'Emerald', color: ACCENT_PALETTES.emerald.brand },\n  { id: 'amber', label: 'Amber', color: ACCENT_PALETTES.amber.brand },\n]\n\nfunction isAccent(value: string | null | undefined): value is AccentId {\n  return ACCENTS.some(accent => accent.id === value)\n}\n\nexport function getCurrentAccent(): AccentId {\n  return getTheme().accent\n}\n\nexport function setPreviewAccent(accent: AccentId): void {\n  setThemePartial({ accent })\n  if (typeof document !== 'undefined') {\n    document.dispatchEvent(new CustomEvent('preview:accent-change', { detail: { accent } }))\n  }\n}\n\nexport function applyAccentFromUrl(): void {\n  if (typeof window === 'undefined') return\n  const accent = new URLSearchParams(window.location.search).get('accent')\n  if (isAccent(accent)) {\n    setPreviewAccent(accent)\n  }\n}\n\nexport class AccentSwitcher {\n  public readonly el: HTMLElement\n  private readonly _onThemeChange: () => void\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-accent-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-accent-switcher__label'\n    label.textContent = 'Accent'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-accent-switcher__buttons'\n\n    for (const accent of ACCENTS) {\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-accent-switcher__btn'\n      btn.dataset.accent = accent.id\n      btn.title = accent.label\n      btn.setAttribute('aria-label', `Use ${accent.label} accent`)\n\n      const swatch = document.createElement('span')\n      swatch.className = 'preview-accent-swatch'\n      swatch.style.background = accent.color\n      btn.appendChild(swatch)\n\n      btn.addEventListener('click', () => {\n        setPreviewAccent(accent.id)\n      })\n\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    this._onThemeChange = () => this.updateActive()\n    document.addEventListener('preview:accent-change', this._onThemeChange)\n    document.addEventListener('cm:theme-change', this._onThemeChange)\n    this.updateActive()\n  }\n\n  destroy(): void {\n    document.removeEventListener('preview:accent-change', this._onThemeChange)\n    document.removeEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  private updateActive(): void {\n    const current = getCurrentAccent()\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-accent-switcher__btn')\n    for (const btn of buttons) {\n      const isActive = btn.dataset.accent === current\n      btn.classList.toggle('preview-accent-switcher__btn--active', isActive)\n      btn.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;AAUA,IAAM,IAAyE;CAC7E;EAAE,IAAI;EAAU,OAAO;EAAU,OAAO,EAAgB,OAAO;EAAO;CACtE;EAAE,IAAI;EAAQ,OAAO;EAAQ,OAAO,EAAgB,KAAK;EAAO;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,OAAO,EAAgB,OAAO;EAAO;CACtE;EAAE,IAAI;EAAQ,OAAO;EAAQ,OAAO,EAAgB,KAAK;EAAO;CAChE;EAAE,IAAI;EAAW,OAAO;EAAW,OAAO,EAAgB,QAAQ;EAAO;CACzE;EAAE,IAAI;EAAS,OAAO;EAAS,OAAO,EAAgB,MAAM;EAAO;CACpE;AAED,SAAS,EAAS,GAAqD;AACrE,QAAO,EAAQ,MAAK,MAAU,EAAO,OAAO,EAAM;;AAGpD,SAAgB,IAA6B;AAC3C,QAAO,GAAU,CAAC;;AAGpB,SAAgB,EAAiB,GAAwB;AAEvD,CADA,EAAgB,EAAE,WAAQ,CAAC,EACvB,OAAO,WAAa,OACtB,SAAS,cAAc,IAAI,YAAY,yBAAyB,EAAE,QAAQ,EAAE,WAAQ,EAAE,CAAC,CAAC;;AAI5F,SAAgB,IAA2B;AACzC,KAAI,OAAO,SAAW,IAAa;CACnC,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAAC,IAAI,SAAS;AACxE,CAAI,EAAS,EAAO,IAClB,EAAiB,EAAO;;AAI5B,IAAa,IAAb,MAA4B;CAC1B;CACA;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,kCAClB,EAAM,cAAc,UACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAU,GAAS;GAC5B,IAAM,IAAM,SAAS,cAAc,SAAS;AAK5C,GAJA,EAAI,OAAO,UACX,EAAI,YAAY,gCAChB,EAAI,QAAQ,SAAS,EAAO,IAC5B,EAAI,QAAQ,EAAO,OACnB,EAAI,aAAa,cAAc,OAAO,EAAO,MAAM,SAAS;GAE5D,IAAM,IAAS,SAAS,cAAc,OAAO;AAS7C,GARA,EAAO,YAAY,yBACnB,EAAO,MAAM,aAAa,EAAO,OACjC,EAAI,YAAY,EAAO,EAEvB,EAAI,iBAAiB,eAAe;AAClC,MAAiB,EAAO,GAAG;KAC3B,EAEF,EAAQ,YAAY,EAAI;;AAO1B,EAJA,KAAK,GAAG,YAAY,EAAQ,EAC5B,KAAK,uBAAuB,KAAK,cAAc,EAC/C,SAAS,iBAAiB,yBAAyB,KAAK,eAAe,EACvE,SAAS,iBAAiB,mBAAmB,KAAK,eAAe,EACjE,KAAK,cAAc;;CAGrB,UAAgB;AAEd,EADA,SAAS,oBAAoB,yBAAyB,KAAK,eAAe,EAC1E,SAAS,oBAAoB,mBAAmB,KAAK,eAAe;;CAGtE,eAA6B;EAC3B,IAAM,IAAU,GAAkB,EAC5B,IAAU,KAAK,GAAG,iBAAoC,gCAAgC;AAC5F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAW,EAAI,QAAQ,WAAW;AAExC,GADA,EAAI,UAAU,OAAO,wCAAwC,EAAS,EACtE,EAAI,aAAa,gBAAgB,OAAO,EAAS,CAAC"}

package/dist/components/theme/density-switcher.d.ts

@@ -6,7 +6,9 @@
  */
 export declare class DensitySwitcher {
     readonly el: HTMLElement;
+    private readonly _onThemeChange;
     constructor();
+    destroy(): void;
     private updateActive;
 }
 //# sourceMappingURL=density-switcher.d.ts.map

package/dist/components/theme/density-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/density-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,qBAAa,eAAe;IAC1B,SAAgB,EAAE,EAAE,WAAW,CAAA;;IAiC/B,OAAO,CAAC,YAAY;CASrB"}
+{"version":3,"file":"density-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/density-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,qBAAa,eAAe;IAC1B,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;;IAkC3C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,YAAY;CASrB"}

package/dist/components/theme/density-switcher.js

@@ -18,6 +18,7 @@ var n = [
 	}
 ], r = class {
 	el;
+	_onThemeChange;
 	constructor() {
 		this.el = document.createElement("div"), this.el.className = "preview-density-switcher";
 		let e = document.createElement("span");
@@ -30,7 +31,10 @@ var n = [
 				t({ density: e.id });
 			}), r.appendChild(n);
 		}
-		this.el.appendChild(r), document.addEventListener("cm:theme-change", () => this.updateActive()), this.updateActive();
+		this.el.appendChild(r), this._onThemeChange = () => this.updateActive(), document.addEventListener("cm:theme-change", this._onThemeChange), this.updateActive();
+	}
+	destroy() {
+		document.removeEventListener("cm:theme-change", this._onThemeChange);
 	}
 	updateActive() {
 		let t = e().density, n = this.el.querySelectorAll(".preview-density-switcher__btn");

package/dist/components/theme/density-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"density-switcher.js","names":[],"sources":["../../../src/components/theme/density-switcher.ts"],"sourcesContent":["/**\n * Density Switcher — three-state pill (compact / comfortable / cozy).\n * Drives `density` on the theme engine; the engine writes `--density-row`.\n *\n * Mirrors Theme.jsx density step: 32 / 36 / 42px row heights.\n */\n\nimport { getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { Density } from '../../services/theme-engine'\n\nconst DENSITIES: ReadonlyArray<{ id: Density; label: string; px: number }> = [\n  { id: 'compact', label: 'Compact', px: 32 },\n  { id: 'comfortable', label: 'Comfortable', px: 36 },\n  { id: 'cozy', label: 'Cozy', px: 42 },\n]\n\nexport class DensitySwitcher {\n  public readonly el: HTMLElement\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-density-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-density-switcher__label'\n    label.textContent = 'Density'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-density-switcher__buttons'\n\n    for (const d of DENSITIES) {\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-density-switcher__btn'\n      btn.dataset.density = d.id\n      btn.textContent = d.label\n      btn.title = `${d.label} (${d.px}px)`\n      btn.setAttribute('aria-label', `Use ${d.label} density`)\n      btn.addEventListener('click', () => {\n        setThemePartial({ density: d.id })\n      })\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    document.addEventListener('cm:theme-change', () => this.updateActive())\n    this.updateActive()\n  }\n\n  private updateActive(): void {\n    const current = getTheme().density\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-density-switcher__btn')\n    for (const btn of buttons) {\n      const active = btn.dataset.density === current\n      btn.classList.toggle('preview-density-switcher__btn--active', active)\n      btn.setAttribute('aria-pressed', String(active))\n    }\n  }\n}\n"],"mappings":";;AAUA,IAAM,IAAuE;CAC3E;EAAE,IAAI;EAAW,OAAO;EAAW,IAAI;EAAI;CAC3C;EAAE,IAAI;EAAe,OAAO;EAAe,IAAI;EAAI;CACnD;EAAE,IAAI;EAAQ,OAAO;EAAQ,IAAI;EAAI;CACtC,EAEY,IAAb,MAA6B;CAC3B;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,mCAClB,EAAM,cAAc,WACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAK,GAAW;GACzB,IAAM,IAAM,SAAS,cAAc,SAAS;AAU5C,GATA,EAAI,OAAO,UACX,EAAI,YAAY,iCAChB,EAAI,QAAQ,UAAU,EAAE,IACxB,EAAI,cAAc,EAAE,OACpB,EAAI,QAAQ,GAAG,EAAE,MAAM,IAAI,EAAE,GAAG,MAChC,EAAI,aAAa,cAAc,OAAO,EAAE,MAAM,UAAU,EACxD,EAAI,iBAAiB,eAAe;AAClC,MAAgB,EAAE,SAAS,EAAE,IAAI,CAAC;KAClC,EACF,EAAQ,YAAY,EAAI;;AAK1B,EAFA,KAAK,GAAG,YAAY,EAAQ,EAC5B,SAAS,iBAAiB,yBAAyB,KAAK,cAAc,CAAC,EACvE,KAAK,cAAc;;CAGrB,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,SACrB,IAAU,KAAK,GAAG,iBAAoC,iCAAiC;AAC7F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAS,EAAI,QAAQ,YAAY;AAEvC,GADA,EAAI,UAAU,OAAO,yCAAyC,EAAO,EACrE,EAAI,aAAa,gBAAgB,OAAO,EAAO,CAAC"}
+{"version":3,"file":"density-switcher.js","names":[],"sources":["../../../src/components/theme/density-switcher.ts"],"sourcesContent":["/**\n * Density Switcher — three-state pill (compact / comfortable / cozy).\n * Drives `density` on the theme engine; the engine writes `--density-row`.\n *\n * Mirrors Theme.jsx density step: 32 / 36 / 42px row heights.\n */\n\nimport { getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { Density } from '../../services/theme-engine'\n\nconst DENSITIES: ReadonlyArray<{ id: Density; label: string; px: number }> = [\n  { id: 'compact', label: 'Compact', px: 32 },\n  { id: 'comfortable', label: 'Comfortable', px: 36 },\n  { id: 'cozy', label: 'Cozy', px: 42 },\n]\n\nexport class DensitySwitcher {\n  public readonly el: HTMLElement\n  private readonly _onThemeChange: () => void\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-density-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-density-switcher__label'\n    label.textContent = 'Density'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-density-switcher__buttons'\n\n    for (const d of DENSITIES) {\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-density-switcher__btn'\n      btn.dataset.density = d.id\n      btn.textContent = d.label\n      btn.title = `${d.label} (${d.px}px)`\n      btn.setAttribute('aria-label', `Use ${d.label} density`)\n      btn.addEventListener('click', () => {\n        setThemePartial({ density: d.id })\n      })\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    this._onThemeChange = () => this.updateActive()\n    document.addEventListener('cm:theme-change', this._onThemeChange)\n    this.updateActive()\n  }\n\n  destroy(): void {\n    document.removeEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  private updateActive(): void {\n    const current = getTheme().density\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-density-switcher__btn')\n    for (const btn of buttons) {\n      const active = btn.dataset.density === current\n      btn.classList.toggle('preview-density-switcher__btn--active', active)\n      btn.setAttribute('aria-pressed', String(active))\n    }\n  }\n}\n"],"mappings":";;AAUA,IAAM,IAAuE;CAC3E;EAAE,IAAI;EAAW,OAAO;EAAW,IAAI;EAAI;CAC3C;EAAE,IAAI;EAAe,OAAO;EAAe,IAAI;EAAI;CACnD;EAAE,IAAI;EAAQ,OAAO;EAAQ,IAAI;EAAI;CACtC,EAEY,IAAb,MAA6B;CAC3B;CACA;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,mCAClB,EAAM,cAAc,WACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAK,GAAW;GACzB,IAAM,IAAM,SAAS,cAAc,SAAS;AAU5C,GATA,EAAI,OAAO,UACX,EAAI,YAAY,iCAChB,EAAI,QAAQ,UAAU,EAAE,IACxB,EAAI,cAAc,EAAE,OACpB,EAAI,QAAQ,GAAG,EAAE,MAAM,IAAI,EAAE,GAAG,MAChC,EAAI,aAAa,cAAc,OAAO,EAAE,MAAM,UAAU,EACxD,EAAI,iBAAiB,eAAe;AAClC,MAAgB,EAAE,SAAS,EAAE,IAAI,CAAC;KAClC,EACF,EAAQ,YAAY,EAAI;;AAM1B,EAHA,KAAK,GAAG,YAAY,EAAQ,EAC5B,KAAK,uBAAuB,KAAK,cAAc,EAC/C,SAAS,iBAAiB,mBAAmB,KAAK,eAAe,EACjE,KAAK,cAAc;;CAGrB,UAAgB;AACd,WAAS,oBAAoB,mBAAmB,KAAK,eAAe;;CAGtE,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,SACrB,IAAU,KAAK,GAAG,iBAAoC,iCAAiC;AAC7F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAS,EAAI,QAAQ,YAAY;AAEvC,GADA,EAAI,UAAU,OAAO,yCAAyC,EAAO,EACrE,EAAI,aAAa,gBAAgB,OAAO,EAAO,CAAC"}

package/dist/components/theme/font-stack-picker.d.ts

@@ -7,7 +7,9 @@
  */
 export declare class FontStackPicker {
     readonly el: HTMLElement;
+    private readonly _onThemeChange;
     constructor();
+    destroy(): void;
     private render;
     private updateActive;
 }

package/dist/components/theme/font-stack-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-stack-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/font-stack-picker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,qBAAa,eAAe;IAC1B,SAAgB,EAAE,EAAE,WAAW,CAAA;;IAS/B,OAAO,CAAC,MAAM;IAqCd,OAAO,CAAC,YAAY;CASrB"}
+{"version":3,"file":"font-stack-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/font-stack-picker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,qBAAa,eAAe;IAC1B,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;;IAU3C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IAqCd,OAAO,CAAC,YAAY;CASrB"}

package/dist/components/theme/font-stack-picker.js

@@ -2,8 +2,12 @@ import { FONT_STACKS as e, ensureGoogleFont as t, getTheme as n, setThemePartial
 //#region src/components/theme/font-stack-picker.ts
 var i = class {
 	el;
+	_onThemeChange;
 	constructor() {
-		this.el = document.createElement("div"), this.el.className = "theme-studio-fonts", this.render(), document.addEventListener("cm:theme-change", () => this.updateActive());
+		this.el = document.createElement("div"), this.el.className = "theme-studio-fonts", this.render(), this._onThemeChange = () => this.updateActive(), document.addEventListener("cm:theme-change", this._onThemeChange);
+	}
+	destroy() {
+		document.removeEventListener("cm:theme-change", this._onThemeChange);
 	}
 	render() {
 		this.el.innerHTML = "";

package/dist/components/theme/font-stack-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-stack-picker.js","names":[],"sources":["../../../src/components/theme/font-stack-picker.ts"],"sourcesContent":["/**\n * Font Stack Picker — 5 typography tiles (Inter / Sora / Roboto / JetBrains Mono / System).\n *\n * Each tile renders the actual font, a sample line, and a one-line description.\n * Hovering preloads the Google Font so the click feels instant. Clicking\n * commits the selection to the theme engine.\n */\n\nimport {\n  FONT_STACKS,\n  ensureGoogleFont,\n  getTheme,\n  setThemePartial,\n} from '../../services/theme-engine'\nimport type { FontId } from '../../services/theme-engine'\n\nexport class FontStackPicker {\n  public readonly el: HTMLElement\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'theme-studio-fonts'\n    this.render()\n    document.addEventListener('cm:theme-change', () => this.updateActive())\n  }\n\n  private render(): void {\n    this.el.innerHTML = ''\n    const current = getTheme().font\n    for (const id of Object.keys(FONT_STACKS) as FontId[]) {\n      const stack = FONT_STACKS[id]\n      const tile = document.createElement('button')\n      tile.type = 'button'\n      tile.className = 'theme-studio-font-tile'\n      tile.dataset.font = id\n      if (id === current) tile.classList.add('is-active')\n      tile.setAttribute('aria-pressed', String(id === current))\n      tile.setAttribute('aria-label', `Use ${stack.label} typeface`)\n      tile.style.fontFamily = stack.display\n\n      const name = document.createElement('div')\n      name.className = 'theme-studio-font-tile__name'\n      name.textContent = stack.label\n      tile.appendChild(name)\n\n      const sample = document.createElement('div')\n      sample.className = 'theme-studio-font-tile__sample'\n      sample.textContent = stack.sample\n      tile.appendChild(sample)\n\n      const desc = document.createElement('div')\n      desc.className = 'theme-studio-font-tile__desc'\n      desc.textContent = stack.description\n      tile.appendChild(desc)\n\n      tile.addEventListener('mouseenter', () => ensureGoogleFont(stack.google), { once: true })\n      tile.addEventListener('focus', () => ensureGoogleFont(stack.google), { once: true })\n      tile.addEventListener('click', () => setThemePartial({ font: id }))\n\n      this.el.appendChild(tile)\n    }\n  }\n\n  private updateActive(): void {\n    const current = getTheme().font\n    const tiles = this.el.querySelectorAll<HTMLButtonElement>('.theme-studio-font-tile')\n    for (const tile of tiles) {\n      const isActive = tile.dataset.font === current\n      tile.classList.toggle('is-active', isActive)\n      tile.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;AAgBA,IAAa,IAAb,MAA6B;CAC3B;CAEA,cAAc;AAIZ,EAHA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,sBACpB,KAAK,QAAQ,EACb,SAAS,iBAAiB,yBAAyB,KAAK,cAAc,CAAC;;CAGzE,SAAuB;AACrB,OAAK,GAAG,YAAY;EACpB,IAAM,IAAU,GAAU,CAAC;AAC3B,OAAK,IAAM,KAAM,OAAO,KAAK,EAAY,EAAc;GACrD,IAAM,IAAQ,EAAY,IACpB,IAAO,SAAS,cAAc,SAAS;AAO7C,GANA,EAAK,OAAO,UACZ,EAAK,YAAY,0BACjB,EAAK,QAAQ,OAAO,GAChB,MAAO,KAAS,EAAK,UAAU,IAAI,YAAY,EACnD,EAAK,aAAa,gBAAgB,OAAO,MAAO,EAAQ,CAAC,EACzD,EAAK,aAAa,cAAc,OAAO,EAAM,MAAM,WAAW,EAC9D,EAAK,MAAM,aAAa,EAAM;GAE9B,IAAM,IAAO,SAAS,cAAc,MAAM;AAG1C,GAFA,EAAK,YAAY,gCACjB,EAAK,cAAc,EAAM,OACzB,EAAK,YAAY,EAAK;GAEtB,IAAM,IAAS,SAAS,cAAc,MAAM;AAG5C,GAFA,EAAO,YAAY,kCACnB,EAAO,cAAc,EAAM,QAC3B,EAAK,YAAY,EAAO;GAExB,IAAM,IAAO,SAAS,cAAc,MAAM;AAS1C,GARA,EAAK,YAAY,gCACjB,EAAK,cAAc,EAAM,aACzB,EAAK,YAAY,EAAK,EAEtB,EAAK,iBAAiB,oBAAoB,EAAiB,EAAM,OAAO,EAAE,EAAE,MAAM,IAAM,CAAC,EACzF,EAAK,iBAAiB,eAAe,EAAiB,EAAM,OAAO,EAAE,EAAE,MAAM,IAAM,CAAC,EACpF,EAAK,iBAAiB,eAAe,EAAgB,EAAE,MAAM,GAAI,CAAC,CAAC,EAEnE,KAAK,GAAG,YAAY,EAAK;;;CAI7B,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,MACrB,IAAQ,KAAK,GAAG,iBAAoC,0BAA0B;AACpF,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAW,EAAK,QAAQ,SAAS;AAEvC,GADA,EAAK,UAAU,OAAO,aAAa,EAAS,EAC5C,EAAK,aAAa,gBAAgB,OAAO,EAAS,CAAC"}
+{"version":3,"file":"font-stack-picker.js","names":[],"sources":["../../../src/components/theme/font-stack-picker.ts"],"sourcesContent":["/**\n * Font Stack Picker — 5 typography tiles (Inter / Sora / Roboto / JetBrains Mono / System).\n *\n * Each tile renders the actual font, a sample line, and a one-line description.\n * Hovering preloads the Google Font so the click feels instant. Clicking\n * commits the selection to the theme engine.\n */\n\nimport {\n  FONT_STACKS,\n  ensureGoogleFont,\n  getTheme,\n  setThemePartial,\n} from '../../services/theme-engine'\nimport type { FontId } from '../../services/theme-engine'\n\nexport class FontStackPicker {\n  public readonly el: HTMLElement\n  private readonly _onThemeChange: () => void\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'theme-studio-fonts'\n    this.render()\n    this._onThemeChange = () => this.updateActive()\n    document.addEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  destroy(): void {\n    document.removeEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  private render(): void {\n    this.el.innerHTML = ''\n    const current = getTheme().font\n    for (const id of Object.keys(FONT_STACKS) as FontId[]) {\n      const stack = FONT_STACKS[id]\n      const tile = document.createElement('button')\n      tile.type = 'button'\n      tile.className = 'theme-studio-font-tile'\n      tile.dataset.font = id\n      if (id === current) tile.classList.add('is-active')\n      tile.setAttribute('aria-pressed', String(id === current))\n      tile.setAttribute('aria-label', `Use ${stack.label} typeface`)\n      tile.style.fontFamily = stack.display\n\n      const name = document.createElement('div')\n      name.className = 'theme-studio-font-tile__name'\n      name.textContent = stack.label\n      tile.appendChild(name)\n\n      const sample = document.createElement('div')\n      sample.className = 'theme-studio-font-tile__sample'\n      sample.textContent = stack.sample\n      tile.appendChild(sample)\n\n      const desc = document.createElement('div')\n      desc.className = 'theme-studio-font-tile__desc'\n      desc.textContent = stack.description\n      tile.appendChild(desc)\n\n      tile.addEventListener('mouseenter', () => ensureGoogleFont(stack.google), { once: true })\n      tile.addEventListener('focus', () => ensureGoogleFont(stack.google), { once: true })\n      tile.addEventListener('click', () => setThemePartial({ font: id }))\n\n      this.el.appendChild(tile)\n    }\n  }\n\n  private updateActive(): void {\n    const current = getTheme().font\n    const tiles = this.el.querySelectorAll<HTMLButtonElement>('.theme-studio-font-tile')\n    for (const tile of tiles) {\n      const isActive = tile.dataset.font === current\n      tile.classList.toggle('is-active', isActive)\n      tile.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;AAgBA,IAAa,IAAb,MAA6B;CAC3B;CACA;CAEA,cAAc;AAKZ,EAJA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,sBACpB,KAAK,QAAQ,EACb,KAAK,uBAAuB,KAAK,cAAc,EAC/C,SAAS,iBAAiB,mBAAmB,KAAK,eAAe;;CAGnE,UAAgB;AACd,WAAS,oBAAoB,mBAAmB,KAAK,eAAe;;CAGtE,SAAuB;AACrB,OAAK,GAAG,YAAY;EACpB,IAAM,IAAU,GAAU,CAAC;AAC3B,OAAK,IAAM,KAAM,OAAO,KAAK,EAAY,EAAc;GACrD,IAAM,IAAQ,EAAY,IACpB,IAAO,SAAS,cAAc,SAAS;AAO7C,GANA,EAAK,OAAO,UACZ,EAAK,YAAY,0BACjB,EAAK,QAAQ,OAAO,GAChB,MAAO,KAAS,EAAK,UAAU,IAAI,YAAY,EACnD,EAAK,aAAa,gBAAgB,OAAO,MAAO,EAAQ,CAAC,EACzD,EAAK,aAAa,cAAc,OAAO,EAAM,MAAM,WAAW,EAC9D,EAAK,MAAM,aAAa,EAAM;GAE9B,IAAM,IAAO,SAAS,cAAc,MAAM;AAG1C,GAFA,EAAK,YAAY,gCACjB,EAAK,cAAc,EAAM,OACzB,EAAK,YAAY,EAAK;GAEtB,IAAM,IAAS,SAAS,cAAc,MAAM;AAG5C,GAFA,EAAO,YAAY,kCACnB,EAAO,cAAc,EAAM,QAC3B,EAAK,YAAY,EAAO;GAExB,IAAM,IAAO,SAAS,cAAc,MAAM;AAS1C,GARA,EAAK,YAAY,gCACjB,EAAK,cAAc,EAAM,aACzB,EAAK,YAAY,EAAK,EAEtB,EAAK,iBAAiB,oBAAoB,EAAiB,EAAM,OAAO,EAAE,EAAE,MAAM,IAAM,CAAC,EACzF,EAAK,iBAAiB,eAAe,EAAiB,EAAM,OAAO,EAAE,EAAE,MAAM,IAAM,CAAC,EACpF,EAAK,iBAAiB,eAAe,EAAgB,EAAE,MAAM,GAAI,CAAC,CAAC,EAEnE,KAAK,GAAG,YAAY,EAAK;;;CAI7B,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,MACrB,IAAQ,KAAK,GAAG,iBAAoC,0BAA0B;AACpF,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAW,EAAK,QAAQ,SAAS;AAEvC,GADA,EAAK,UAAU,OAAO,aAAa,EAAS,EAC5C,EAAK,aAAa,gBAAgB,OAAO,EAAS,CAAC"}

package/dist/components/theme/glass-slider.d.ts

@@ -16,7 +16,9 @@ export declare class GlassSlider {
     readonly el: HTMLElement;
     private readonly input;
     private readonly value;
+    private readonly _onThemeChange;
     constructor(options?: GlassSliderOptions);
+    destroy(): void;
     private applySliderFill;
 }
 export {};

package/dist/components/theme/glass-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass-slider.d.ts","sourceRoot":"","sources":["../../../src/components/theme/glass-slider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,UAAU,kBAAkB;IAC1B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAkB;IACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiB;gBAE3B,OAAO,GAAE,kBAAuB;IAgE5C,OAAO,CAAC,eAAe;CAIxB"}
+{"version":3,"file":"glass-slider.d.ts","sourceRoot":"","sources":["../../../src/components/theme/glass-slider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAYH,UAAU,kBAAkB;IAC1B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAkB;IACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiB;IACvC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;gBAE/B,OAAO,GAAE,kBAAuB;IAuE5C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,eAAe;CAIxB"}

package/dist/components/theme/glass-slider.js

@@ -1,11 +1,15 @@
 import { getTheme as e, setThemePartial as t } from "../../services/theme-engine/index.js";
 //#region src/components/theme/glass-slider.ts
-var n = 0, r = .2, i = .01, a = class {
+function n(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+var r = 0, i = .2, a = .01, o = class {
 	el;
 	input;
 	value;
-	constructor(a = {}) {
-		let c = a.expanded === !0, l = o(e().transparency, n, r);
+	_onThemeChange;
+	constructor(o = {}) {
+		let c = o.expanded === !0, l = n(e().transparency, r, i);
 		if (this.el = document.createElement("div"), this.el.className = c ? "preview-glass-slider preview-glass-slider--expanded" : "preview-glass-slider", !c) {
 			let e = document.createElement("span");
 			e.className = "preview-glass-slider__label", e.textContent = "Glass", this.el.appendChild(e);
@@ -15,29 +19,31 @@ var n = 0, r = .2, i = .01, a = class {
 			let e = document.createElement("span");
 			e.className = "preview-glass-slider__edge", e.textContent = "Solid", u.appendChild(e);
 		}
-		if (this.input = document.createElement("input"), this.input.type = "range", this.input.min = String(n), this.input.max = String(r), this.input.step = String(i), this.input.value = String(l), this.input.className = "preview-glass-slider__input", this.input.setAttribute("aria-label", "Surface transparency"), u.appendChild(this.input), c) {
+		this.input = document.createElement("input"), this.input.type = "range", this.input.min = String(r), this.input.max = String(i), this.input.step = String(a), this.input.value = String(l), this.input.className = "preview-glass-slider__input", this.input.setAttribute("aria-label", "Surface transparency");
+		let d = `cm-glass-value-${Math.random().toString(36).slice(2, 8)}`;
+		if (this.input.setAttribute("aria-describedby", d), this.input.setAttribute("aria-valuetext", `${Math.round(l * 100)}% transparency`), u.appendChild(this.input), c) {
 			let e = document.createElement("span");
 			e.className = "preview-glass-slider__edge", e.textContent = "Frosted", u.appendChild(e);
 		}
-		this.value = document.createElement("span"), this.value.className = "preview-glass-slider__value", this.value.textContent = s(l), u.appendChild(this.value), this.el.appendChild(u), this.applySliderFill(l), this.input.addEventListener("input", () => {
-			t({ transparency: o(Number(this.input.value), n, r) });
-		}), document.addEventListener("cm:theme-change", () => {
-			let t = o(e().transparency, n, r);
-			Number(this.input.value) !== t && (this.input.value = String(t)), this.value.textContent = s(t), this.applySliderFill(t);
-		});
+		this.value = document.createElement("span"), this.value.className = "preview-glass-slider__value", this.value.id = d, this.value.setAttribute("aria-live", "polite"), this.value.textContent = s(l), u.appendChild(this.value), this.el.appendChild(u), this.applySliderFill(l), this.input.addEventListener("input", () => {
+			t({ transparency: n(Number(this.input.value), r, i) });
+		}), this._onThemeChange = () => {
+			let t = n(e().transparency, r, i);
+			this.input.value !== String(t) && (this.input.value = String(t)), this.input.setAttribute("aria-valuetext", `${Math.round(t * 100)}% transparency`), this.value.textContent = s(t), this.applySliderFill(t);
+		}, document.addEventListener("cm:theme-change", this._onThemeChange);
+	}
+	destroy() {
+		document.removeEventListener("cm:theme-change", this._onThemeChange);
 	}
 	applySliderFill(e) {
-		let t = (e - n) / (r - n) * 100;
+		let t = (e - r) / (i - r) * 100;
 		this.input.style.setProperty("--slider-pct", `${t}%`);
 	}
 };
-function o(e, t, n) {
-	return Number.isFinite(e) ? Math.max(t, Math.min(n, e)) : t;
-}
 function s(e) {
 	return `${Math.round(e * 100)}%`;
 }
 //#endregion
-export { a as GlassSlider };
+export { o as GlassSlider };
 
 //# sourceMappingURL=glass-slider.js.map

package/dist/components/theme/glass-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"glass-slider.js","names":[],"sources":["../../../src/components/theme/glass-slider.ts"],"sourcesContent":["/**\n * Glass Slider — surface-transparency slider that drives `transparency` on the\n * theme engine; the engine writes `--bg-glass`, `--bg-glass-2`, `--bg-glass-3`.\n *\n * Mirrors Theme.jsx applyTheme L354-358:\n *   const t = clamp(transparency, 0, 0.30);\n *   root.style.setProperty('--bg-glass',   `rgba(${tint}, ${t * 0.5})`);\n *   root.style.setProperty('--bg-glass-2', `rgba(${tint}, ${t})`);\n *   root.style.setProperty('--bg-glass-3', `rgba(${tint}, ${t * 1.75})`);\n */\n\nimport { getTheme, setThemePartial } from '../../services/theme-engine'\n\nconst MIN = 0\nconst MAX = 0.2\nconst STEP = 0.01\n\ninterface GlassSliderOptions {\n  /** When true, render an inline \"Solid · slider · Frosted\" layout (Theme Studio body). */\n  expanded?: boolean\n}\n\nexport class GlassSlider {\n  public readonly el: HTMLElement\n  private readonly input: HTMLInputElement\n  private readonly value: HTMLSpanElement\n\n  constructor(options: GlassSliderOptions = {}) {\n    const expanded = options.expanded === true\n    const initial = clamp(getTheme().transparency, MIN, MAX)\n\n    this.el = document.createElement('div')\n    this.el.className = expanded\n      ? 'preview-glass-slider preview-glass-slider--expanded'\n      : 'preview-glass-slider'\n\n    if (!expanded) {\n      const label = document.createElement('span')\n      label.className = 'preview-glass-slider__label'\n      label.textContent = 'Glass'\n      this.el.appendChild(label)\n    }\n\n    const row = document.createElement('div')\n    row.className = 'preview-glass-slider__row'\n\n    if (expanded) {\n      const left = document.createElement('span')\n      left.className = 'preview-glass-slider__edge'\n      left.textContent = 'Solid'\n      row.appendChild(left)\n    }\n\n    this.input = document.createElement('input')\n    this.input.type = 'range'\n    this.input.min = String(MIN)\n    this.input.max = String(MAX)\n    this.input.step = String(STEP)\n    this.input.value = String(initial)\n    this.input.className = 'preview-glass-slider__input'\n    this.input.setAttribute('aria-label', 'Surface transparency')\n    row.appendChild(this.input)\n\n    if (expanded) {\n      const right = document.createElement('span')\n      right.className = 'preview-glass-slider__edge'\n      right.textContent = 'Frosted'\n      row.appendChild(right)\n    }\n\n    this.value = document.createElement('span')\n    this.value.className = 'preview-glass-slider__value'\n    this.value.textContent = formatLevel(initial)\n    row.appendChild(this.value)\n\n    this.el.appendChild(row)\n    this.applySliderFill(initial)\n\n    this.input.addEventListener('input', () => {\n      const next = clamp(Number(this.input.value), MIN, MAX)\n      setThemePartial({ transparency: next })\n    })\n\n    document.addEventListener('cm:theme-change', () => {\n      const t = clamp(getTheme().transparency, MIN, MAX)\n      if (Number(this.input.value) !== t) this.input.value = String(t)\n      this.value.textContent = formatLevel(t)\n      this.applySliderFill(t)\n    })\n  }\n\n  private applySliderFill(level: number): void {\n    const pct = ((level - MIN) / (MAX - MIN)) * 100\n    this.input.style.setProperty('--slider-pct', `${pct}%`)\n  }\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  if (!Number.isFinite(value)) return min\n  return Math.max(min, Math.min(max, value))\n}\n\nfunction formatLevel(level: number): string {\n  return `${Math.round(level * 100)}%`\n}\n"],"mappings":";;AAaA,IAAM,IAAM,GACN,IAAM,IACN,IAAO,KAOA,IAAb,MAAyB;CACvB;CACA;CACA;CAEA,YAAY,IAA8B,EAAE,EAAE;EAC5C,IAAM,IAAW,EAAQ,aAAa,IAChC,IAAU,EAAM,GAAU,CAAC,cAAc,GAAK,EAAI;AAOxD,MALA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,IAChB,wDACA,wBAEA,CAAC,GAAU;GACb,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,GAFA,EAAM,YAAY,+BAClB,EAAM,cAAc,SACpB,KAAK,GAAG,YAAY,EAAM;;EAG5B,IAAM,IAAM,SAAS,cAAc,MAAM;AAGzC,MAFA,EAAI,YAAY,6BAEZ,GAAU;GACZ,IAAM,IAAO,SAAS,cAAc,OAAO;AAG3C,GAFA,EAAK,YAAY,8BACjB,EAAK,cAAc,SACnB,EAAI,YAAY,EAAK;;AAavB,MAVA,KAAK,QAAQ,SAAS,cAAc,QAAQ,EAC5C,KAAK,MAAM,OAAO,SAClB,KAAK,MAAM,MAAM,OAAO,EAAI,EAC5B,KAAK,MAAM,MAAM,OAAO,EAAI,EAC5B,KAAK,MAAM,OAAO,OAAO,EAAK,EAC9B,KAAK,MAAM,QAAQ,OAAO,EAAQ,EAClC,KAAK,MAAM,YAAY,+BACvB,KAAK,MAAM,aAAa,cAAc,uBAAuB,EAC7D,EAAI,YAAY,KAAK,MAAM,EAEvB,GAAU;GACZ,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,GAFA,EAAM,YAAY,8BAClB,EAAM,cAAc,WACpB,EAAI,YAAY,EAAM;;AAgBxB,EAbA,KAAK,QAAQ,SAAS,cAAc,OAAO,EAC3C,KAAK,MAAM,YAAY,+BACvB,KAAK,MAAM,cAAc,EAAY,EAAQ,EAC7C,EAAI,YAAY,KAAK,MAAM,EAE3B,KAAK,GAAG,YAAY,EAAI,EACxB,KAAK,gBAAgB,EAAQ,EAE7B,KAAK,MAAM,iBAAiB,eAAe;AAEzC,KAAgB,EAAE,cADL,EAAM,OAAO,KAAK,MAAM,MAAM,EAAE,GAAK,EAAI,EAChB,CAAC;IACvC,EAEF,SAAS,iBAAiB,yBAAyB;GACjD,IAAM,IAAI,EAAM,GAAU,CAAC,cAAc,GAAK,EAAI;AAGlD,GAFI,OAAO,KAAK,MAAM,MAAM,KAAK,MAAG,KAAK,MAAM,QAAQ,OAAO,EAAE,GAChE,KAAK,MAAM,cAAc,EAAY,EAAE,EACvC,KAAK,gBAAgB,EAAE;IACvB;;CAGJ,gBAAwB,GAAqB;EAC3C,IAAM,KAAQ,IAAQ,MAAQ,IAAM,KAAQ;AAC5C,OAAK,MAAM,MAAM,YAAY,gBAAgB,GAAG,EAAI,GAAG;;;AAI3D,SAAS,EAAM,GAAe,GAAa,GAAqB;AAE9D,QADK,OAAO,SAAS,EAAM,GACpB,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC,GADN;;AAItC,SAAS,EAAY,GAAuB;AAC1C,QAAO,GAAG,KAAK,MAAM,IAAQ,IAAI,CAAC"}
+{"version":3,"file":"glass-slider.js","names":[],"sources":["../../../src/components/theme/glass-slider.ts"],"sourcesContent":["/**\n * Glass Slider — surface-transparency slider that drives `transparency` on the\n * theme engine; the engine writes `--bg-glass`, `--bg-glass-2`, `--bg-glass-3`.\n *\n * Mirrors Theme.jsx applyTheme L354-358:\n *   const t = clamp(transparency, 0, 0.30);\n *   root.style.setProperty('--bg-glass',   `rgba(${tint}, ${t * 0.5})`);\n *   root.style.setProperty('--bg-glass-2', `rgba(${tint}, ${t})`);\n *   root.style.setProperty('--bg-glass-3', `rgba(${tint}, ${t * 1.75})`);\n */\n\nimport { getTheme, setThemePartial } from '../../services/theme-engine'\n\nfunction clamp(v: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, v))\n}\n\nconst MIN = 0\nconst MAX = 0.2\nconst STEP = 0.01\n\ninterface GlassSliderOptions {\n  /** When true, render an inline \"Solid · slider · Frosted\" layout (Theme Studio body). */\n  expanded?: boolean\n}\n\nexport class GlassSlider {\n  public readonly el: HTMLElement\n  private readonly input: HTMLInputElement\n  private readonly value: HTMLSpanElement\n  private readonly _onThemeChange: () => void\n\n  constructor(options: GlassSliderOptions = {}) {\n    const expanded = options.expanded === true\n    const initial = clamp(getTheme().transparency, MIN, MAX)\n\n    this.el = document.createElement('div')\n    this.el.className = expanded\n      ? 'preview-glass-slider preview-glass-slider--expanded'\n      : 'preview-glass-slider'\n\n    if (!expanded) {\n      const label = document.createElement('span')\n      label.className = 'preview-glass-slider__label'\n      label.textContent = 'Glass'\n      this.el.appendChild(label)\n    }\n\n    const row = document.createElement('div')\n    row.className = 'preview-glass-slider__row'\n\n    if (expanded) {\n      const left = document.createElement('span')\n      left.className = 'preview-glass-slider__edge'\n      left.textContent = 'Solid'\n      row.appendChild(left)\n    }\n\n    this.input = document.createElement('input')\n    this.input.type = 'range'\n    this.input.min = String(MIN)\n    this.input.max = String(MAX)\n    this.input.step = String(STEP)\n    this.input.value = String(initial)\n    this.input.className = 'preview-glass-slider__input'\n    this.input.setAttribute('aria-label', 'Surface transparency')\n    const valueId = `cm-glass-value-${Math.random().toString(36).slice(2, 8)}`\n    this.input.setAttribute('aria-describedby', valueId)\n    this.input.setAttribute('aria-valuetext', `${Math.round(initial * 100)}% transparency`)\n    row.appendChild(this.input)\n\n    if (expanded) {\n      const right = document.createElement('span')\n      right.className = 'preview-glass-slider__edge'\n      right.textContent = 'Frosted'\n      row.appendChild(right)\n    }\n\n    this.value = document.createElement('span')\n    this.value.className = 'preview-glass-slider__value'\n    this.value.id = valueId\n    this.value.setAttribute('aria-live', 'polite')\n    this.value.textContent = formatLevel(initial)\n    row.appendChild(this.value)\n\n    this.el.appendChild(row)\n    this.applySliderFill(initial)\n\n    this.input.addEventListener('input', () => {\n      const next = clamp(Number(this.input.value), MIN, MAX)\n      setThemePartial({ transparency: next })\n    })\n\n    this._onThemeChange = () => {\n      const t = clamp(getTheme().transparency, MIN, MAX)\n      if (this.input.value !== String(t)) this.input.value = String(t)\n      this.input.setAttribute('aria-valuetext', `${Math.round(t * 100)}% transparency`)\n      this.value.textContent = formatLevel(t)\n      this.applySliderFill(t)\n    }\n    document.addEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  destroy(): void {\n    document.removeEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  private applySliderFill(level: number): void {\n    const pct = ((level - MIN) / (MAX - MIN)) * 100\n    this.input.style.setProperty('--slider-pct', `${pct}%`)\n  }\n}\n\nfunction formatLevel(level: number): string {\n  return `${Math.round(level * 100)}%`\n}\n"],"mappings":";;AAaA,SAAS,EAAM,GAAW,GAAa,GAAqB;AAC1D,QAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAE,CAAC;;AAGxC,IAAM,IAAM,GACN,IAAM,IACN,IAAO,KAOA,IAAb,MAAyB;CACvB;CACA;CACA;CACA;CAEA,YAAY,IAA8B,EAAE,EAAE;EAC5C,IAAM,IAAW,EAAQ,aAAa,IAChC,IAAU,EAAM,GAAU,CAAC,cAAc,GAAK,EAAI;AAOxD,MALA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,IAChB,wDACA,wBAEA,CAAC,GAAU;GACb,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,GAFA,EAAM,YAAY,+BAClB,EAAM,cAAc,SACpB,KAAK,GAAG,YAAY,EAAM;;EAG5B,IAAM,IAAM,SAAS,cAAc,MAAM;AAGzC,MAFA,EAAI,YAAY,6BAEZ,GAAU;GACZ,IAAM,IAAO,SAAS,cAAc,OAAO;AAG3C,GAFA,EAAK,YAAY,8BACjB,EAAK,cAAc,SACnB,EAAI,YAAY,EAAK;;AAUvB,EAPA,KAAK,QAAQ,SAAS,cAAc,QAAQ,EAC5C,KAAK,MAAM,OAAO,SAClB,KAAK,MAAM,MAAM,OAAO,EAAI,EAC5B,KAAK,MAAM,MAAM,OAAO,EAAI,EAC5B,KAAK,MAAM,OAAO,OAAO,EAAK,EAC9B,KAAK,MAAM,QAAQ,OAAO,EAAQ,EAClC,KAAK,MAAM,YAAY,+BACvB,KAAK,MAAM,aAAa,cAAc,uBAAuB;EAC7D,IAAM,IAAU,kBAAkB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;AAKxE,MAJA,KAAK,MAAM,aAAa,oBAAoB,EAAQ,EACpD,KAAK,MAAM,aAAa,kBAAkB,GAAG,KAAK,MAAM,IAAU,IAAI,CAAC,gBAAgB,EACvF,EAAI,YAAY,KAAK,MAAM,EAEvB,GAAU;GACZ,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,GAFA,EAAM,YAAY,8BAClB,EAAM,cAAc,WACpB,EAAI,YAAY,EAAM;;AAyBxB,EAtBA,KAAK,QAAQ,SAAS,cAAc,OAAO,EAC3C,KAAK,MAAM,YAAY,+BACvB,KAAK,MAAM,KAAK,GAChB,KAAK,MAAM,aAAa,aAAa,SAAS,EAC9C,KAAK,MAAM,cAAc,EAAY,EAAQ,EAC7C,EAAI,YAAY,KAAK,MAAM,EAE3B,KAAK,GAAG,YAAY,EAAI,EACxB,KAAK,gBAAgB,EAAQ,EAE7B,KAAK,MAAM,iBAAiB,eAAe;AAEzC,KAAgB,EAAE,cADL,EAAM,OAAO,KAAK,MAAM,MAAM,EAAE,GAAK,EAAI,EAChB,CAAC;IACvC,EAEF,KAAK,uBAAuB;GAC1B,IAAM,IAAI,EAAM,GAAU,CAAC,cAAc,GAAK,EAAI;AAIlD,GAHI,KAAK,MAAM,UAAU,OAAO,EAAE,KAAE,KAAK,MAAM,QAAQ,OAAO,EAAE,GAChE,KAAK,MAAM,aAAa,kBAAkB,GAAG,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB,EACjF,KAAK,MAAM,cAAc,EAAY,EAAE,EACvC,KAAK,gBAAgB,EAAE;KAEzB,SAAS,iBAAiB,mBAAmB,KAAK,eAAe;;CAGnE,UAAgB;AACd,WAAS,oBAAoB,mBAAmB,KAAK,eAAe;;CAGtE,gBAAwB,GAAqB;EAC3C,IAAM,KAAQ,IAAQ,MAAQ,IAAM,KAAQ;AAC5C,OAAK,MAAM,MAAM,YAAY,gBAAgB,GAAG,EAAI,GAAG;;;AAI3D,SAAS,EAAY,GAAuB;AAC1C,QAAO,GAAG,KAAK,MAAM,IAAQ,IAAI,CAAC"}

package/dist/components/theme/icon-gallery-browser.d.ts

@@ -0,0 +1,16 @@
+export declare class IconGalleryBrowser {
+    readonly el: HTMLElement;
+    private gallery;
+    private toggle;
+    private expanded;
+    private readonly onThemeChange;
+    constructor();
+    destroy(): void;
+    private render;
+    private toggleGallery;
+    private renderGallery;
+    private buildBrandGallerySection;
+    private buildGallerySection;
+    private buildSectionShell;
+}
+//# sourceMappingURL=icon-gallery-browser.d.ts.map

package/dist/components/theme/icon-gallery-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-gallery-browser.d.ts","sourceRoot":"","sources":["../../../src/components/theme/icon-gallery-browser.ts"],"names":[],"mappings":"AAoEA,qBAAa,kBAAkB;IAC7B,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,MAAM,CAAiC;IAC/C,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAY;;IAY1C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IAsCd,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,iBAAiB;CAe1B"}

package/dist/components/theme/icon-set-picker.d.ts

@@ -6,7 +6,9 @@
  */
 export declare class IconSetPicker {
     readonly el: HTMLElement;
+    private _onThemeChange;
     constructor();
+    destroy(): void;
     private render;
     private updateActive;
 }

package/dist/components/theme/icon-set-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-set-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/icon-set-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AA6CH,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,WAAW,CAAA;;IAS/B,OAAO,CAAC,MAAM;IA0Cd,OAAO,CAAC,YAAY;CASrB"}
+{"version":3,"file":"icon-set-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/icon-set-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmDH,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,cAAc,CAA4B;;IASlD,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IA0Cd,OAAO,CAAC,YAAY;CASrB"}