@spteck/react-controls-v2 2.2.9 → 2.3.1

package/dist/{index-CbcFuj9M.js → index-r6bYN_1a.js}

@@ -603,6 +603,235 @@ ${message.input}`;
     // Expose for debugging
   };
 };
+const injectedFontFaces = /* @__PURE__ */ new Set();
+function injectFontFaces(font) {
+  font.fontFaces.forEach((face) => {
+    var _a3, _b2;
+    const key = `${font.name}|${face.fontWeight}|${face.fontStyle}`;
+    if (injectedFontFaces.has(key)) return;
+    const ext = (_b2 = (_a3 = face.url.split(".").pop()) == null ? void 0 : _a3.split("?")[0]) == null ? void 0 : _b2.toLowerCase();
+    const formatMap = {
+      woff2: "woff2",
+      woff: "woff",
+      ttf: "truetype",
+      otf: "opentype",
+      eot: "embedded-opentype"
+    };
+    const format2 = ext && formatMap[ext] || "woff2";
+    const css2 = `@font-face {
+  font-family: "${font.name}";
+  src: url("${face.url}") format("${format2}");
+  font-weight: ${face.fontWeight};
+  font-style: ${face.fontStyle};
+  font-display: swap;
+}`;
+    const style = document.createElement("style");
+    style.setAttribute("data-brand-font", font.name);
+    style.textContent = css2;
+    document.head.appendChild(style);
+    injectedFontFaces.add(key);
+  });
+}
+function extractConfigData(data) {
+  if (!data) return void 0;
+  if (data.d) return data.d;
+  if (data.BrandFontLibraryUrl || data.SiteUrl) return data;
+  return void 0;
+}
+const FONT_EXTENSIONS = /* @__PURE__ */ new Set(["woff2", "woff", "ttf", "otf", "eot"]);
+const WEIGHT_MAP = {
+  thin: 100,
+  hairline: 100,
+  extralight: 200,
+  ultralight: 200,
+  light: 300,
+  regular: 400,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  demibold: 600,
+  bold: 700,
+  extrabold: 800,
+  ultrabold: 800,
+  black: 900,
+  heavy: 900
+};
+function parseFontFaceMetadata(fontFacesValue, fileName) {
+  const source = (fontFacesValue == null ? void 0 : fontFacesValue.trim()) || fileName.replace(/\.[^.]+$/, "");
+  const lower2 = source.toLowerCase();
+  const isItalic = lower2.includes("italic") || lower2.includes("oblique");
+  const cleaned = lower2.replace(/italic|oblique/gi, "").trim().replace(/[\s_-]+/g, "");
+  let fontWeight = WEIGHT_MAP[cleaned] ?? 400;
+  if (fontWeight === 400 && cleaned !== "regular" && cleaned !== "normal" && cleaned !== "") {
+    for (const [token2, weight] of Object.entries(WEIGHT_MAP)) {
+      if (cleaned.includes(token2)) {
+        fontWeight = weight;
+        break;
+      }
+    }
+  }
+  return { fontWeight, fontStyle: isItalic ? "italic" : "normal" };
+}
+const FIELD_FONT_FAMILY = "_SPFontFamilyName";
+const FIELD_FONT_FACES = "_SPFontFaces";
+const FIELD_FONT_VISIBLE = "_spFontVisible";
+const FLUENT_UI_DEFAULT_FONTS = [
+  {
+    id: "fluent-base",
+    name: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+    isDefault: true,
+    fontFaces: []
+  },
+  {
+    id: "fluent-monospace",
+    name: "'Cascadia Code', 'Cascadia Mono', Consolas, 'Courier New', monospace",
+    isDefault: false,
+    fontFaces: []
+  },
+  {
+    id: "fluent-numeric",
+    name: "'Bahnschrift', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+    isDefault: false,
+    fontFaces: []
+  }
+];
+const useBrandCenterFonts = (options = {}) => {
+  var _a3, _b2;
+  const { siteUrl, disabled, fonts: staticFonts } = options;
+  const context = useApplicationContext();
+  const { warn, error: logError } = useLogging();
+  const [fonts, setFonts] = useState(staticFonts ?? []);
+  const [loading, setLoading] = useState(!disabled && !staticFonts);
+  const [error, setError] = useState();
+  const [isBrandCenterAvailable, setIsBrandCenterAvailable] = useState(false);
+  const fetchedRef = useRef(false);
+  const fetchFonts = useCallback(async () => {
+    var _a4, _b3, _c2, _d2, _e3, _f2, _g2;
+    if (disabled) return;
+    const baseUrl = siteUrl ?? ((_b3 = (_a4 = context == null ? void 0 : context.pageContext) == null ? void 0 : _a4.web) == null ? void 0 : _b3.absoluteUrl);
+    if (!baseUrl) {
+      const msg = "useBrandCenterFonts: no siteUrl provided and pageContext.web.absoluteUrl is not available.";
+      warn(msg);
+      setError(msg);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(void 0);
+    try {
+      const configEndpoint = `${baseUrl}/_api/SP.BrandCenter/Configuration`;
+      const spFetch = async (url) => {
+        if (context == null ? void 0 : context.graphClient) {
+          return context.graphClient.get(url);
+        }
+        const headers = {
+          Accept: "application/json;odata=nometadata"
+        };
+        if (context == null ? void 0 : context.authProvider) {
+          const token2 = await context.authProvider.getAccessToken([
+            `${new URL(baseUrl).origin}/.default`
+          ]);
+          headers.Authorization = `Bearer ${token2}`;
+        }
+        const res = await fetch(url, {
+          credentials: (context == null ? void 0 : context.authProvider) ? void 0 : "include",
+          headers
+        });
+        if (!res.ok) throw new Error(`SharePoint REST returned ${res.status}: ${url}`);
+        return await res.json();
+      };
+      const configData = await spFetch(configEndpoint);
+      const config2 = extractConfigData(configData);
+      const rawLibUrl = config2 == null ? void 0 : config2.BrandFontLibraryUrl;
+      const fontLibraryFullUrl = typeof rawLibUrl === "string" ? rawLibUrl : rawLibUrl == null ? void 0 : rawLibUrl.DecodedUrl;
+      const featureEnabled = (config2 == null ? void 0 : config2.IsBrandCenterSiteFeatureEnabled) === true || String(config2 == null ? void 0 : config2.IsBrandCenterSiteFeatureEnabled).toLowerCase() === "true";
+      if (!fontLibraryFullUrl || !featureEnabled) {
+        warn("useBrandCenterFonts: Brand Center is not configured for this tenant — using Fluent UI 9 defaults.");
+        setIsBrandCenterAvailable(false);
+        setFonts(FLUENT_UI_DEFAULT_FONTS);
+        setLoading(false);
+        return;
+      }
+      const rawSiteUrl = config2 == null ? void 0 : config2.SiteUrl;
+      const brandSiteUrl = typeof rawSiteUrl === "string" ? rawSiteUrl : (rawSiteUrl == null ? void 0 : rawSiteUrl.DecodedUrl) ?? baseUrl;
+      const siteOrigin = new URL(brandSiteUrl).origin;
+      const libraryServerRelUrl = fontLibraryFullUrl.startsWith("http") ? new URL(fontLibraryFullUrl).pathname : fontLibraryFullUrl;
+      const itemsEndpoint = `${brandSiteUrl}/_api/web/GetList('${encodeURIComponent(libraryServerRelUrl)}')/items?$select=Id,FileLeafRef,FileRef,${FIELD_FONT_FAMILY},${FIELD_FONT_FACES},${FIELD_FONT_VISIBLE},File/Name,File/ServerRelativeUrl&$expand=File&$top=5000`;
+      const itemsData = await spFetch(itemsEndpoint);
+      const items = ((_c2 = itemsData.d) == null ? void 0 : _c2.results) ?? itemsData.value ?? [];
+      const familyMap = /* @__PURE__ */ new Map();
+      for (const item of items) {
+        const fileName = ((_d2 = item.File) == null ? void 0 : _d2.Name) ?? item.FileLeafRef ?? "";
+        const ext = ((_e3 = fileName.split(".").pop()) == null ? void 0 : _e3.toLowerCase()) ?? "";
+        if (!FONT_EXTENSIONS.has(ext)) continue;
+        if (item[FIELD_FONT_VISIBLE] === false) continue;
+        const familyName = item[FIELD_FONT_FAMILY] ?? fileName.replace(/\.[^.]+$/, "").split(/[-_]/)[0] ?? fileName;
+        const existing = familyMap.get(familyName);
+        if (existing) {
+          existing.items.push(item);
+        } else {
+          familyMap.set(familyName, { items: [item] });
+        }
+      }
+      const brandFonts = [];
+      for (const [familyName, group] of familyMap) {
+        const fontFaces = [];
+        for (const item of group.items) {
+          const fileName = ((_f2 = item.File) == null ? void 0 : _f2.Name) ?? item.FileLeafRef ?? "";
+          const fileRef = ((_g2 = item.File) == null ? void 0 : _g2.ServerRelativeUrl) ?? item.FileRef ?? "";
+          if (!fileRef) continue;
+          const fontFacesValue = item[FIELD_FONT_FACES];
+          const { fontWeight, fontStyle } = parseFontFaceMetadata(fontFacesValue, fileName);
+          const url = `${siteOrigin}${fileRef}`;
+          fontFaces.push({ url, fontWeight, fontStyle });
+        }
+        if (fontFaces.length > 0) {
+          brandFonts.push({
+            id: familyName,
+            name: familyName,
+            isDefault: false,
+            fontFaces
+          });
+        }
+      }
+      if (brandFonts.length > 0 && !brandFonts.some((f2) => f2.isDefault)) {
+        brandFonts[0].isDefault = true;
+      }
+      brandFonts.forEach(injectFontFaces);
+      setFonts(brandFonts);
+      setIsBrandCenterAvailable(true);
+    } catch (e2) {
+      const message = e2 instanceof Error ? e2.message : String(e2);
+      logError("useBrandCenterFonts: failed to load fonts — falling back to Fluent UI 9 defaults", e2 instanceof Error ? e2 : void 0);
+      setError(message);
+      setIsBrandCenterAvailable(false);
+      setFonts(FLUENT_UI_DEFAULT_FONTS);
+    } finally {
+      setLoading(false);
+    }
+  }, [disabled, siteUrl, (_b2 = (_a3 = context == null ? void 0 : context.pageContext) == null ? void 0 : _a3.web) == null ? void 0 : _b2.absoluteUrl, context == null ? void 0 : context.graphClient, context == null ? void 0 : context.authProvider]);
+  useEffect(() => {
+    if (staticFonts) {
+      staticFonts.forEach(injectFontFaces);
+      return;
+    }
+    if (!fetchedRef.current && !disabled) {
+      fetchedRef.current = true;
+      fetchFonts();
+    }
+  }, [fetchFonts, staticFonts, disabled]);
+  const defaultFont = fonts.find((f2) => f2.isDefault);
+  const fontFamilyNames = fonts.map((f2) => f2.name);
+  return {
+    fonts,
+    fontFamilyNames,
+    defaultFont,
+    loading,
+    error,
+    isBrandCenterAvailable,
+    refresh: fetchFonts
+  };
+};
 const useComponentUtils = () => {
   const getCacheKey = React.useCallback((key, uniqueId) => {
     return `${key}${uniqueId}`;
@@ -6170,6 +6399,7 @@ const fontWeightMap = {
 const TypographyControl = (props) => {
   const {
     fontSize,
+    fontFamily,
     fontWeight,
     numberOfLines,
     as,
@@ -6206,6 +6436,7 @@ const TypographyControl = (props) => {
   });
   const inlineStyle = {
     ...style,
+    ...fontFamily ? { fontFamily } : {},
     ...fontSize ? { fontSize: fontSizeMap[fontSize] ? fontSizeMap[fontSize] : fontSize } : {},
     ...fontWeight ? {
       fontWeight: fontWeightMap[fontWeight] ? fontWeightMap[fontWeight] : fontWeight
@@ -13280,7 +13511,7 @@ function _Map(props, ref) {
     const mapLib = props.mapLib;
     let isMounted = true;
     let maplibre;
-    Promise.resolve(mapLib || import("./maplibre-gl-DeSNllw3.js").then((n2) => n2.m)).then((module2) => {
+    Promise.resolve(mapLib || import("./maplibre-gl-dCwYGQU4.js").then((n2) => n2.m)).then((module2) => {
       if (!isMounted) {
         return;
       }
@@ -50575,12 +50806,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-ibyIZfUp.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DF87v2SP.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-x9X5mn4K.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-BCPhea22.js"), "loader")
       }
     ]
   ]);
@@ -50990,7 +51221,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-CHYgqqKU.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-bZ0lq-1j.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -51008,7 +51239,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CdCMIlK5.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -51032,7 +51263,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CdCMIlK5.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -51046,7 +51277,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-B-eaqwvq.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DtyOHj8U.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -51060,7 +51291,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BqY8pDgy.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BDuvfgFm.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -51074,7 +51305,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-vb6AQd02.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BTIJYy7v.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -51088,7 +51319,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-DP2VLsY-.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-FP_yig69.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -51101,7 +51332,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-S7SIeHFo.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-6fWPR7Ls.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -51114,7 +51345,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-BPfgjGIs.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-BgXQivu3.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -51128,7 +51359,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-By2URTOH.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-zMeDgcPs.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -51142,7 +51373,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-y0sF8TYJ.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-CeIJ08b_.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -51156,7 +51387,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-4r46tcRN.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CcjLhIox.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -51174,7 +51405,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-kkm1d0Ec.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-DPTzQt7M.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -51192,7 +51423,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-kkm1d0Ec.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-DPTzQt7M.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -51210,7 +51441,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-JWQkzxH5.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-zQUhlqIe.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -51231,7 +51462,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-B3POd5n9.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Dtg323pE.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -51245,7 +51476,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-BNn1v93E.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CiJ6zb1i.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -51313,7 +51544,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CdCMIlK5.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -51327,7 +51558,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-JN2ygzcm.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Cf4OkFlr.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -51341,7 +51572,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-B4VQwzgG.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-C5MXjRc9.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -51355,7 +51586,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-DsDr4V91.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-CGmr8XfQ.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -51369,7 +51600,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-BRZB1Uq8.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-DmMl4azI.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -51383,7 +51614,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BC9NwYgd.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BML4CSFv.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -51396,7 +51627,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-OsqxFl0h.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DXPwxq0x.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -51409,7 +51640,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-B9QYuu4-.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-DBPKc5Mp.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -51423,7 +51654,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-m76uAue3.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Qlis18u8.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -51437,7 +51668,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-Q9NgNe8o.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-DMBrza7v.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -55015,6 +55246,7 @@ const FluentUIProvider = (props) => {
     applicationName = defaultId,
     targetDocument = document,
     applyStylesToPortals = true,
+    className,
     styles: styles2,
     children: children2
   } = props;
@@ -55024,6 +55256,7 @@ const FluentUIProvider = (props) => {
       theme,
       applyStylesToPortals,
       targetDocument,
+      className,
       style: styles2,
       children: children2
     }
@@ -55124,7 +55357,7 @@ export {
   getUserDefinedConfig as ay,
   createText as az,
   setAccTitle as b,
-  useGridStyles as b$,
+  Grid as b$,
   interpolateNumber as b0,
   interpolateRgb as b1,
   interpolateString as b2,
@@ -55135,33 +55368,33 @@ export {
   rgbConvert as b7,
   define as b8,
   extend$1 as b9,
-  GenericOverFlowMenu as bA,
-  AdaptiveCardHost as bB,
-  AdaptiveCardHostThemeType as bC,
-  FluentUIProvider as bD,
-  EBreakPoints as bE,
-  EMessageType as bF,
-  useComponentUtils as bG,
-  useDateUtils as bH,
-  useImageUtils as bI,
-  debounce$2 as bJ,
-  throttle as bK,
-  cloneDeep as bL,
-  isEmpty$1 as bM,
-  get$2 as bN,
-  set$3 as bO,
-  uniq as bP,
-  uniqBy as bQ,
-  groupBy as bR,
-  map$1 as bS,
-  filter$1 as bT,
-  some as bU,
-  every as bV,
-  ContentType as bW,
-  detectContentType as bX,
-  getContentType as bY,
-  Card as bZ,
-  Grid as b_,
+  ItemPicker as bA,
+  GenericOverFlowMenu as bB,
+  AdaptiveCardHost as bC,
+  AdaptiveCardHostThemeType as bD,
+  FluentUIProvider as bE,
+  EBreakPoints as bF,
+  EMessageType as bG,
+  useComponentUtils as bH,
+  useDateUtils as bI,
+  useImageUtils as bJ,
+  debounce$2 as bK,
+  throttle as bL,
+  cloneDeep as bM,
+  isEmpty$1 as bN,
+  get$2 as bO,
+  set$3 as bP,
+  uniq as bQ,
+  uniqBy as bR,
+  groupBy as bS,
+  map$1 as bT,
+  filter$1 as bU,
+  some as bV,
+  every as bW,
+  ContentType as bX,
+  detectContentType as bY,
+  getContentType as bZ,
+  Card as b_,
   Color as ba,
   nogamma as bb,
   hue as bc,
@@ -55187,105 +55420,106 @@ export {
   useIndexedDBCache as bw,
   usePolling as bx,
   useTimeZoneHelper$1 as by,
-  ItemPicker as bz,
+  useBrandCenterFonts as bz,
   getConfig2 as c,
-  useNavigationStyles as c$,
-  Layout as c0,
-  LayoutItem as c1,
-  useLayoutStyles as c2,
-  Space as c3,
-  useSpaceStyles as c4,
-  Stack$2 as c5,
-  StackItem as c6,
-  useStackStyles as c7,
-  AspectRatio as c8,
-  useAspectRatioStyles as c9,
-  SelectMonth as cA,
-  defaultCalendarMonthStrings as cB,
-  CalendarMonth as cC,
-  SelectView as cD,
-  defaultSelectWeekStrings as cE,
-  SelectWeek as cF,
-  SelectTime as cG,
-  useSelectTimeStyles as cH,
-  TIME_RADIO_GROUP as cI,
-  formatTime as cJ,
-  timeKey as cK,
-  OptionTime as cL,
-  useOptionTimeStyles as cM,
-  DataGrid as cN,
-  useDataGridStyles as cO,
-  DataGridV2 as cP,
-  RenderDialog as cQ,
-  RenderDrawer as cR,
-  RenderHeader as cS,
-  useRenderHeaderStyles as cT,
-  ShareDialog as cU,
-  ShowError as cV,
-  useShowErrorStyles as cW,
-  ShowMessage as cX,
-  useShowMessageStyles as cY,
-  CustomControlBar as cZ,
-  Navigation as c_,
-  Center as ca,
-  useCenterStyles as cb,
-  Container$1 as cc,
-  Carousel as cd,
-  SplitPane as ce,
-  useSplitPaneStyles as cf,
-  Popup as cg,
-  StackV2 as ch,
-  RenderLabel as ci,
-  RenderSpinner as cj,
-  TypographyControl as ck,
-  ButtonMenu as cl,
-  Breadcrumb as cm,
-  IconButton$1 as cn,
-  defaultCalendarControlStrings as co,
-  CalendarControl as cp,
-  ECalendarViews as cq,
-  useCalendar as cr,
-  useCalendarStyles$1 as cs,
-  useDayViewStyles as ct,
-  useUtils as cu,
-  useWeekViewStyles as cv,
-  DropdownField as cw,
-  InputField as cx,
-  SearchControl as cy,
-  SelectDay as cz,
+  Navigation as c$,
+  useGridStyles as c0,
+  Layout as c1,
+  LayoutItem as c2,
+  useLayoutStyles as c3,
+  Space as c4,
+  useSpaceStyles as c5,
+  Stack$2 as c6,
+  StackItem as c7,
+  useStackStyles as c8,
+  AspectRatio as c9,
+  SelectDay as cA,
+  SelectMonth as cB,
+  defaultCalendarMonthStrings as cC,
+  CalendarMonth as cD,
+  SelectView as cE,
+  defaultSelectWeekStrings as cF,
+  SelectWeek as cG,
+  SelectTime as cH,
+  useSelectTimeStyles as cI,
+  TIME_RADIO_GROUP as cJ,
+  formatTime as cK,
+  timeKey as cL,
+  OptionTime as cM,
+  useOptionTimeStyles as cN,
+  DataGrid as cO,
+  useDataGridStyles as cP,
+  DataGridV2 as cQ,
+  RenderDialog as cR,
+  RenderDrawer as cS,
+  RenderHeader as cT,
+  useRenderHeaderStyles as cU,
+  ShareDialog as cV,
+  ShowError as cW,
+  useShowErrorStyles as cX,
+  ShowMessage as cY,
+  useShowMessageStyles as cZ,
+  CustomControlBar as c_,
+  useAspectRatioStyles as ca,
+  Center as cb,
+  useCenterStyles as cc,
+  Container$1 as cd,
+  Carousel as ce,
+  SplitPane as cf,
+  useSplitPaneStyles as cg,
+  Popup as ch,
+  StackV2 as ci,
+  RenderLabel as cj,
+  RenderSpinner as ck,
+  TypographyControl as cl,
+  ButtonMenu as cm,
+  Breadcrumb as cn,
+  IconButton$1 as co,
+  defaultCalendarControlStrings as cp,
+  CalendarControl as cq,
+  ECalendarViews as cr,
+  useCalendar as cs,
+  useCalendarStyles$1 as ct,
+  useDayViewStyles as cu,
+  useUtils as cv,
+  useWeekViewStyles as cw,
+  DropdownField as cx,
+  InputField as cy,
+  SearchControl as cz,
   select as d,
-  VideoPlayer as d0,
-  useVideoStyles as d1,
-  MaplibreWorldMap as d2,
-  RenderAdaptiveCard as d3,
-  AISearchControl as d4,
-  AISearchIcon as d5,
-  AISearchIconExample as d6,
-  AIAssistant as d7,
-  ChatInput as d8,
-  ChatInputWithMensionsV1 as d9,
-  ChatInputWithMensions as da,
-  ChatList as db,
-  useStyles$1 as dc,
-  Mensions as dd,
-  MensionsExample as de,
-  useMensionsStyles as df,
-  ContentRenderer as dg,
-  MarkdownRenderer as dh,
-  MermaidDiagram as di,
-  useMermaidDiagramStyles as dj,
-  LivePersona as dk,
-  ListToolbar as dl,
-  UserCard as dm,
-  StackedUsers as dn,
-  ListItemActivityMessage as dp,
-  AppDashboard as dq,
-  Kpis as dr,
-  KPICard as ds,
-  KPICardCompact as dt,
-  NoKpisCard as du,
-  KPICardSkeleton as dv,
-  EGoalMetric as dw,
+  useNavigationStyles as d0,
+  VideoPlayer as d1,
+  useVideoStyles as d2,
+  MaplibreWorldMap as d3,
+  RenderAdaptiveCard as d4,
+  AISearchControl as d5,
+  AISearchIcon as d6,
+  AISearchIconExample as d7,
+  AIAssistant as d8,
+  ChatInput as d9,
+  ChatInputWithMensionsV1 as da,
+  ChatInputWithMensions as db,
+  ChatList as dc,
+  useStyles$1 as dd,
+  Mensions as de,
+  MensionsExample as df,
+  useMensionsStyles as dg,
+  ContentRenderer as dh,
+  MarkdownRenderer as di,
+  MermaidDiagram as dj,
+  useMermaidDiagramStyles as dk,
+  LivePersona as dl,
+  ListToolbar as dm,
+  UserCard as dn,
+  StackedUsers as dp,
+  ListItemActivityMessage as dq,
+  AppDashboard as dr,
+  Kpis as ds,
+  KPICard as dt,
+  KPICardCompact as du,
+  NoKpisCard as dv,
+  KPICardSkeleton as dw,
+  EGoalMetric as dx,
   configureSvgSize as e,
   assignWithDepth_default as f,
   getAccDescription as g,
@@ -55309,4 +55543,4 @@ export {
   getEdgeId as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-CbcFuj9M.js.map
+//# sourceMappingURL=index-r6bYN_1a.js.map