@arc-ui/components 12.0.0-beta.20 → 12.0.0-beta.22

package/lib/NavigationHeader/NavigationHeader.mjs

@@ -0,0 +1,682 @@
+'use client';
+import { a as __assign, b as __spreadArray } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default, { useState, useEffect, useId, useContext, useRef } from 'react';
+import { V as Visible } from '../_shared/esm/Visible-B13QJn7R.mjs';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { s as suffixModifier } from '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import { C as Context, S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
+import { R as Root, P as Portal, O as Overlay, C as Content, T as Title } from '../_shared/esm/index-J5IHetgg.mjs';
+import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
+import { T as Tooltip } from '../_shared/esm/Tooltip-Dc82Ht7G.mjs';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
+import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
+import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-WoJxFYwS.mjs';
+import { N as NavigationHeaderButton, a as NavigationHeaderCloseButton, b as NavigationHeaderContext, c as cssEscape, k as kebabCase } from '../_shared/esm/kebabCase-CCEMRBfd.mjs';
+import { A as ArcBreakpoints } from '../_shared/esm/arc-breakpoints-D5hR5m3t.mjs';
+import { P as Popover } from '../_shared/esm/Popover-8FfvgL4c.mjs';
+import { H as Hidden } from '../_shared/esm/Hidden-DsrAaC0z.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Combination-BpO6XTeS.mjs';
+import 'react/jsx-runtime';
+import 'react-dom';
+import '../_shared/esm/index-DXTwueLZ.mjs';
+import '../_shared/esm/index-CWHcEz3_.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
+import '../_shared/esm/index.es-C3WqfFKH.mjs';
+import '../_shared/esm/index-CxrL7jIX.mjs';
+import '../_shared/esm/index-DLovItWo.mjs';
+
+/**
+ * Detect interaction mode
+ */
+var useInteractionMode = function () {
+    var _a = useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
+    useEffect(function () {
+        var onKeyDown = function (event) {
+            if (event.altKey || event.ctrlKey || event.metaKey) {
+                return;
+            }
+            setInteractionMode("keyboard");
+        };
+        var onPointerDown = function () {
+            setInteractionMode("pointer");
+        };
+        if (typeof window !== "undefined") {
+            document.addEventListener("keydown", onKeyDown, true);
+            document.addEventListener("click", onPointerDown, true);
+        }
+        return function () {
+            if (typeof window !== "undefined") {
+                document.removeEventListener("keydown", onKeyDown);
+                document.removeEventListener("click", onPointerDown);
+            }
+        };
+    }, []);
+    return { interactionMode: interactionMode };
+};
+
+var useUniqueString = function (value) {
+    var id = useId();
+    return "".concat(value, "-").concat(id);
+};
+
+var BtLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
+    React__default.createElement("path", { d: "M26.225 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65zM25 46.925c-12.1 0-21.925-9.825-21.925-21.924C3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.926 12.9 46.926 25c0 12.1-9.825 21.926-21.926 21.926zM25 50c13.8 0 25-11.2 25-25C50 11.199 38.8 0 25 0S0 11.2 0 25c0 13.801 11.2 25 25 25zm-4.225-21.725c0-1.074-.674-1.8-1.825-1.8H16.2v3.55h2.75c1.15 0 1.825-.725 1.825-1.75zm-.5-6.824c0-.9-.574-1.526-1.55-1.526h-2.524v3.1h2.525c.975 0 1.55-.624 1.55-1.574zm4.65 7.025c0 3.225-2.275 5-5.524 5h-7.246v-17h6.771c3.275 0 5.5 1.674 5.5 4.75 0 1.399-.625 2.649-1.625 3.4 1.15.674 2.124 1.974 2.124 3.85z", fill: "currentColor" }))); };
+
+var EeLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", fill: "none" },
+    React__default.createElement("path", { d: "M43.8847 31.9955C47.6776 28.6511 50.0791 23.7328 50.0791 18.2512C50.088 8.17326 41.9883 0 32.001 0C22.0138 0 13.9141 8.17326 13.9141 18.2512C13.9141 23.7328 16.3156 28.6511 20.1085 31.9955C16.3156 35.3399 13.9141 40.2582 13.9141 45.7488C13.9141 55.8267 22.0138 64 32.001 64C41.9883 64 50.088 55.8267 50.088 45.7488C50.088 40.2582 47.6864 35.3399 43.8847 31.9955ZM29.5463 40.8126C29.5463 41.3223 29.2893 41.7695 28.8994 42.0377C29.2893 42.306 29.5463 42.7531 29.5463 43.2628C29.5463 43.7725 29.2893 44.2196 28.8994 44.4879C29.0766 44.6042 29.2184 44.7651 29.3336 44.9529C29.5906 44.5416 30.0426 44.2733 30.5654 44.2733C31.0883 44.2733 31.5491 44.5505 31.8061 44.9708C32.0631 44.5505 32.5239 44.2733 33.0467 44.2733C33.5696 44.2733 34.0304 44.5505 34.2874 44.9708C34.5444 44.5505 35.0052 44.2733 35.528 44.2733C36.3344 44.2733 36.9902 44.935 36.9902 45.7488C36.9902 46.5625 36.3344 47.2243 35.528 47.2243C35.0052 47.2243 34.5444 46.947 34.2874 46.5268C34.0304 46.947 33.5696 47.2243 33.0467 47.2243C32.5239 47.2243 32.0631 46.947 31.8061 46.5268C31.5491 46.947 31.0883 47.2243 30.5654 47.2243C30.0337 47.2243 29.5729 46.9381 29.3159 46.5089C29.2095 46.6788 29.0678 46.8308 28.8994 46.9381C29.2893 47.2064 29.5463 47.6535 29.5463 48.1632C29.5463 48.6729 29.2893 49.12 28.8994 49.3883C29.2893 49.6566 29.5463 50.1037 29.5463 50.6134C29.5463 51.1231 29.2893 51.5702 28.8994 51.8385C29.1121 51.9816 29.2804 52.1783 29.3868 52.4108C29.6261 51.9279 30.1223 51.5881 30.6895 51.5881C31.2655 51.5881 31.7529 51.9279 31.9922 52.4108C32.2314 51.9279 32.7277 51.5881 33.2948 51.5881C33.8709 51.5881 34.3583 51.9279 34.5975 52.4108C34.8368 51.9279 35.3331 51.5881 35.9002 51.5881C36.7066 51.5881 37.3624 52.2498 37.3624 53.0636C37.3624 53.8773 36.7066 54.5391 35.9002 54.5391C35.3242 54.5391 34.8368 54.1992 34.5975 53.7164C34.3583 54.1992 33.862 54.5391 33.2948 54.5391C32.7188 54.5391 32.2314 54.1992 31.9922 53.7164C31.7529 54.1992 31.2566 54.5391 30.6895 54.5391C30.1135 54.5391 29.6261 54.1992 29.3868 53.7164C29.1475 54.1992 28.6513 54.5391 28.0841 54.5391C27.2777 54.5391 26.6219 53.8773 26.6219 53.0636C26.6219 52.5539 26.8789 52.1068 27.2688 51.8385C26.8789 51.5702 26.6219 51.1231 26.6219 50.6134C26.6219 50.1037 26.8789 49.6566 27.2688 49.3883C26.8789 49.12 26.6219 48.6729 26.6219 48.1632C26.6219 47.6535 26.8789 47.2064 27.2688 46.9381C26.8789 46.6698 26.6219 46.2227 26.6219 45.713C26.6219 45.2033 26.8789 44.7562 27.2688 44.4879C26.8789 44.2196 26.6219 43.7725 26.6219 43.2628C26.6219 42.7531 26.8789 42.306 27.2688 42.0377C26.8789 41.7695 26.6219 41.3223 26.6219 40.8126C26.6219 40.3029 26.8789 39.8558 27.2688 39.5875C26.8789 39.3193 26.6219 38.8722 26.6219 38.3624C26.6219 37.5487 27.2777 36.887 28.0841 36.887C28.6601 36.887 29.1475 37.2268 29.3868 37.7097C29.6261 37.2268 30.1223 36.887 30.6895 36.887C31.2655 36.887 31.7529 37.2268 31.9922 37.7097C32.2314 37.2268 32.7277 36.887 33.2948 36.887C33.8709 36.887 34.3583 37.2268 34.5975 37.7097C34.8368 37.2268 35.3331 36.887 35.9002 36.887C36.7066 36.887 37.3624 37.5487 37.3624 38.3624C37.3624 39.1762 36.7066 39.8379 35.9002 39.8379C35.3242 39.8379 34.8368 39.4981 34.5975 39.0152C34.3583 39.4981 33.862 39.8379 33.2948 39.8379C32.7188 39.8379 32.2314 39.4981 31.9922 39.0152C31.7529 39.4981 31.2566 39.8379 30.6895 39.8379C30.1135 39.8379 29.6261 39.4981 29.3868 39.0152C29.2716 39.2477 29.1032 39.4445 28.8994 39.5875C29.2893 39.8558 29.5463 40.3029 29.5463 40.8126ZM29.5463 13.3151C29.5463 13.8248 29.2893 14.2719 28.8994 14.5402C29.2893 14.8084 29.5463 15.2556 29.5463 15.7653C29.5463 16.275 29.2893 16.7221 28.8994 16.9904C29.0766 17.1066 29.2184 17.2676 29.3336 17.4554C29.5906 17.044 30.0426 16.7757 30.5654 16.7757C31.0883 16.7757 31.5491 17.053 31.8061 17.4732C32.0631 17.053 32.5239 16.7757 33.0467 16.7757C33.5696 16.7757 34.0304 17.053 34.2874 17.4732C34.5444 17.053 35.0052 16.7757 35.528 16.7757C36.3344 16.7757 36.9902 17.4375 36.9902 18.2512C36.9902 19.065 36.3344 19.7267 35.528 19.7267C35.0052 19.7267 34.5444 19.4495 34.2874 19.0292C34.0304 19.4495 33.5696 19.7267 33.0467 19.7267C32.5239 19.7267 32.0631 19.4495 31.8061 19.0292C31.5491 19.4495 31.0883 19.7267 30.5654 19.7267C30.0337 19.7267 29.5729 19.4405 29.3159 19.0113C29.2095 19.1812 29.0678 19.3332 28.8994 19.4405C29.2893 19.7088 29.5463 20.1559 29.5463 20.6656C29.5463 21.1754 29.2893 21.6225 28.8994 21.8907C29.2893 22.159 29.5463 22.6061 29.5463 23.1158C29.5463 23.6255 29.2893 24.0727 28.8994 24.3409C29.1121 24.484 29.2804 24.6807 29.3868 24.9132C29.6261 24.4303 30.1223 24.0905 30.6895 24.0905C31.2655 24.0905 31.7529 24.4303 31.9922 24.9132C32.2314 24.4303 32.7277 24.0905 33.2948 24.0905C33.8709 24.0905 34.3583 24.4303 34.5975 24.9132C34.8368 24.4303 35.3331 24.0905 35.9002 24.0905C36.7066 24.0905 37.3624 24.7523 37.3624 25.566C37.3624 26.3798 36.7066 27.0415 35.9002 27.0415C35.3242 27.0415 34.8368 26.7017 34.5975 26.2188C34.3583 26.7017 33.862 27.0415 33.2948 27.0415C32.7188 27.0415 32.2314 26.7017 31.9922 26.2188C31.7529 26.7017 31.2566 27.0415 30.6895 27.0415C30.1135 27.0415 29.6261 26.7017 29.3868 26.2188C29.1475 26.7017 28.6513 27.0415 28.0841 27.0415C27.2777 27.0415 26.6219 26.3798 26.6219 25.566C26.6219 25.0563 26.8789 24.6092 27.2688 24.3409C26.8789 24.0727 26.6219 23.6255 26.6219 23.1158C26.6219 22.6061 26.8789 22.159 27.2688 21.8907C26.8789 21.6225 26.6219 21.1754 26.6219 20.6656C26.6219 20.1559 26.8789 19.7088 27.2688 19.4405C26.8789 19.1723 26.6219 18.7252 26.6219 18.2155C26.6219 17.7057 26.8789 17.2586 27.2688 16.9904C26.8789 16.7221 26.6219 16.275 26.6219 15.7653C26.6219 15.2556 26.8789 14.8084 27.2688 14.5402C26.8789 14.2719 26.6219 13.8248 26.6219 13.3151C26.6219 12.8054 26.8789 12.3583 27.2688 12.09C26.8789 11.8217 26.6219 11.3746 26.6219 10.8649C26.6219 10.0511 27.2777 9.38941 28.0841 9.38941C28.6601 9.38941 29.1475 9.72922 29.3868 10.2121C29.6261 9.72922 30.1223 9.38941 30.6895 9.38941C31.2655 9.38941 31.7529 9.72922 31.9922 10.2121C32.2314 9.72922 32.7277 9.38941 33.2948 9.38941C33.8709 9.38941 34.3583 9.72922 34.5975 10.2121C34.8368 9.72922 35.3331 9.38941 35.9002 9.38941C36.7066 9.38941 37.3624 10.0511 37.3624 10.8649C37.3624 11.6786 36.7066 12.3404 35.9002 12.3404C35.3242 12.3404 34.8368 12.0006 34.5975 11.5177C34.3583 12.0006 33.862 12.3404 33.2948 12.3404C32.7188 12.3404 32.2314 12.0006 31.9922 11.5177C31.7529 12.0006 31.2566 12.3404 30.6895 12.3404C30.1135 12.3404 29.6261 12.0006 29.3868 11.5177C29.2716 11.7502 29.1032 11.9469 28.8994 12.09C29.2893 12.3583 29.5463 12.8054 29.5463 13.3151Z", fill: "currentColor" }))); };
+
+var BtGlobalFabricLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 319 64" },
+    React__default.createElement("path", { fill: "currentColor", d: "M33.568 21.088h15.936v4.672H44.16v17.088h-5.248V25.76h-5.344v-4.672ZM32 60.065C16.512 60.065 3.936 47.489 3.936 32S16.512 3.936 32 3.936s28.065 12.577 28.065 28.065c0 15.488-12.576 28.064-28.065 28.064ZM32 64c17.663 0 32-14.336 32-32C64 14.334 49.664 0 32 0 14.337 0 0 14.336 0 32c0 17.665 14.337 32 32 32Zm-5.408-27.808c0-1.375-.863-2.304-2.336-2.304h-3.52v4.544h3.52c1.473 0 2.336-.928 2.336-2.24Zm-.639-8.735c0-1.152-.736-1.953-1.984-1.953h-3.232v3.969h3.232c1.248-.001 1.984-.8 1.984-2.016Zm5.951 8.992c0 4.128-2.912 6.4-7.071 6.4h-9.274V21.09h8.667c4.191 0 7.039 2.143 7.039 6.08 0 1.791-.8 3.391-2.08 4.352 1.471.864 2.72 2.528 2.72 4.928Z" }),
+    React__default.createElement("mask", { id: "a", width: "247", height: "25", x: "72", y: "19.48", fill: "#000", maskUnits: "userSpaceOnUse" },
+        React__default.createElement("path", { d: "M83.048 43.52c-1.899 0-3.616-.469-5.152-1.408-1.515-.938-2.71-2.26-3.584-3.968C73.437 36.418 73 34.368 73 32.002c0-1.728.288-3.296.864-4.704a11.128 11.128 0 0 1 2.464-3.649 10.85 10.85 0 0 1 3.712-2.335c1.43-.555 2.965-.832 4.608-.832 1.92 0 3.637.351 5.152 1.055 1.515.704 2.901 1.792 4.16 3.264l-3.168 2.88c-.875-1.045-1.803-1.813-2.784-2.303-.981-.491-2.101-.736-3.36-.736-1.237 0-2.357.298-3.36.896-1.003.597-1.792 1.45-2.368 2.56-.576 1.087-.864 2.389-.864 3.904 0 1.578.277 2.922.832 4.032.555 1.087 1.301 1.92 2.24 2.495.939.555 1.995.833 3.168.833.981 0 1.867-.192 2.656-.576.81-.384 1.472-.896 1.984-1.536s.81-1.355.896-2.145h-5.344V31.17h10.304V43.2h-4.8v-3.744c-.704 1.323-1.653 2.336-2.848 3.04-1.173.683-2.539 1.024-4.096 1.024ZM113.884 43.2H97.916V20.8h4.928v18.305h11.04V43.2ZM125.359 43.52c-1.685 0-3.253-.277-4.704-.832a11.901 11.901 0 0 1-3.808-2.4 10.882 10.882 0 0 1-2.496-3.647c-.597-1.408-.896-2.955-.896-4.64 0-1.686.299-3.232.896-4.64a10.882 10.882 0 0 1 2.496-3.649 11.464 11.464 0 0 1 3.808-2.367c1.451-.576 3.019-.864 4.704-.864 1.685 0 3.253.287 4.704.863 1.451.555 2.709 1.345 3.776 2.368a10.668 10.668 0 0 1 2.528 3.648c.597 1.409.896 2.955.896 4.64 0 1.686-.299 3.233-.896 4.64a10.668 10.668 0 0 1-2.528 3.648c-1.067 1.025-2.325 1.825-3.776 2.4-1.451.555-3.019.832-4.704.832Zm0-4.16c1.301 0 2.464-.309 3.488-.928a6.613 6.613 0 0 0 2.464-2.56c.597-1.109.896-2.4.896-3.871 0-1.472-.299-2.763-.896-3.872-.597-1.11-1.419-1.963-2.464-2.56-1.024-.62-2.187-.928-3.488-.928-1.28 0-2.443.309-3.488.928-1.024.597-1.845 1.45-2.464 2.56-.597 1.109-.896 2.4-.896 3.872 0 1.471.299 2.762.896 3.872.619 1.088 1.44 1.94 2.464 2.56 1.045.618 2.208.928 3.488.928ZM139.934 20.8h10.656c1.621 0 2.954.267 4 .8 1.066.534 1.856 1.227 2.368 2.08.533.854.8 1.771.8 2.753 0 1.109-.384 2.1-1.152 2.976-.747.853-1.792 1.482-3.136 1.888 1.685.362 2.965 1.034 3.84 2.015.874.96 1.312 2.07 1.312 3.329a6.22 6.22 0 0 1-.928 3.328c-.619.98-1.515 1.77-2.688 2.367-1.152.577-2.539.864-4.16.864h-10.912V20.8Zm9.856 3.872h-4.992v5.12h4.992c1.088 0 1.856-.266 2.304-.8a2.757 2.757 0 0 0 .672-1.823c0-.747-.235-1.345-.704-1.793-.448-.469-1.206-.704-2.272-.704Zm.416 8.928h-5.408v5.728h5.408c1.13 0 1.983-.266 2.56-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.577-.577-1.43-.865-2.56-.865ZM158.581 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM199.888 43.2H183.92V20.8h4.928v18.305h11.04V43.2ZM207.125 43.2V20.8h16.416v4.096h-11.488v5.28h8.768v4.097h-8.768V43.2h-4.928ZM220.96 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM246.299 20.8h10.655c1.622 0 2.955.267 4 .8 1.067.534 1.857 1.227 2.368 2.08.534.854.8 1.771.8 2.753 0 1.109-.383 2.1-1.151 2.976-.747.853-1.793 1.482-3.136 1.888 1.685.362 2.965 1.034 3.839 2.015.875.96 1.312 2.07 1.312 3.329a6.218 6.218 0 0 1-.927 3.328c-.619.98-1.515 1.77-2.689 2.367-1.151.577-2.538.864-4.16.864h-10.911V20.8Zm9.855 3.872h-4.991v5.12h4.991c1.088 0 1.856-.266 2.304-.8a2.758 2.758 0 0 0 .673-1.823c0-.747-.235-1.345-.705-1.793-.447-.469-1.205-.704-2.272-.704Zm.416 8.928h-5.407v5.728h5.407c1.131 0 1.985-.266 2.561-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.576-.577-1.43-.865-2.561-.865ZM267.651 43.2V20.8h11.008c1.621 0 2.987.3 4.096.896 1.131.576 1.984 1.377 2.56 2.4.597 1.003.896 2.166.896 3.488 0 1.473-.373 2.763-1.12 3.872-.747 1.088-1.824 1.878-3.232 2.369l5.152 9.375h-5.504l-4.384-8.576h-4.544V43.2h-4.928Zm10.464-18.432h-5.536v5.92h5.536c1.024 0 1.781-.266 2.272-.8.512-.554.768-1.28.768-2.176 0-.874-.245-1.578-.736-2.111-.491-.555-1.259-.832-2.304-.832ZM289.441 20.8h4.928v22.4h-4.928V20.8ZM317.939 39.233c-1.258 1.472-2.656 2.56-4.192 3.264-1.514.682-3.232 1.023-5.152 1.023-1.621 0-3.136-.277-4.544-.832a11.707 11.707 0 0 1-3.712-2.4 11.513 11.513 0 0 1-2.464-3.68c-.576-1.407-.864-2.944-.864-4.607 0-1.664.288-3.2.864-4.608a11.144 11.144 0 0 1 2.464-3.649 11.102 11.102 0 0 1 3.68-2.4c1.408-.576 2.923-.864 4.544-.864 1.899 0 3.584.352 5.056 1.056 1.494.704 2.859 1.792 4.096 3.264l-3.168 2.88c-.853-1.045-1.76-1.813-2.72-2.303-.938-.491-2.026-.736-3.264-.736-1.216 0-2.314.309-3.296.928-.981.618-1.76 1.482-2.336 2.591-.576 1.11-.864 2.39-.864 3.84 0 1.451.288 2.731.864 3.84.576 1.11 1.355 1.974 2.336 2.592a6.215 6.215 0 0 0 3.328.928c1.28 0 2.411-.234 3.392-.703 1.003-.491 1.931-1.26 2.784-2.304l3.168 2.88Z" })),
+    React__default.createElement("path", { fill: "currentColor", d: "M83.048 43.52c-1.899 0-3.616-.469-5.152-1.408-1.515-.938-2.71-2.26-3.584-3.968C73.437 36.418 73 34.368 73 32.002c0-1.728.288-3.296.864-4.704a11.128 11.128 0 0 1 2.464-3.649 10.85 10.85 0 0 1 3.712-2.335c1.43-.555 2.965-.832 4.608-.832 1.92 0 3.637.351 5.152 1.055 1.515.704 2.901 1.792 4.16 3.264l-3.168 2.88c-.875-1.045-1.803-1.813-2.784-2.303-.981-.491-2.101-.736-3.36-.736-1.237 0-2.357.298-3.36.896-1.003.597-1.792 1.45-2.368 2.56-.576 1.087-.864 2.389-.864 3.904 0 1.578.277 2.922.832 4.032.555 1.087 1.301 1.92 2.24 2.495.939.555 1.995.833 3.168.833.981 0 1.867-.192 2.656-.576.81-.384 1.472-.896 1.984-1.536s.81-1.355.896-2.145h-5.344V31.17h10.304V43.2h-4.8v-3.744c-.704 1.323-1.653 2.336-2.848 3.04-1.173.683-2.539 1.024-4.096 1.024ZM113.884 43.2H97.916V20.8h4.928v18.305h11.04V43.2ZM125.359 43.52c-1.685 0-3.253-.277-4.704-.832a11.901 11.901 0 0 1-3.808-2.4 10.882 10.882 0 0 1-2.496-3.647c-.597-1.408-.896-2.955-.896-4.64 0-1.686.299-3.232.896-4.64a10.882 10.882 0 0 1 2.496-3.649 11.464 11.464 0 0 1 3.808-2.367c1.451-.576 3.019-.864 4.704-.864 1.685 0 3.253.287 4.704.863 1.451.555 2.709 1.345 3.776 2.368a10.668 10.668 0 0 1 2.528 3.648c.597 1.409.896 2.955.896 4.64 0 1.686-.299 3.233-.896 4.64a10.668 10.668 0 0 1-2.528 3.648c-1.067 1.025-2.325 1.825-3.776 2.4-1.451.555-3.019.832-4.704.832Zm0-4.16c1.301 0 2.464-.309 3.488-.928a6.613 6.613 0 0 0 2.464-2.56c.597-1.109.896-2.4.896-3.871 0-1.472-.299-2.763-.896-3.872-.597-1.11-1.419-1.963-2.464-2.56-1.024-.62-2.187-.928-3.488-.928-1.28 0-2.443.309-3.488.928-1.024.597-1.845 1.45-2.464 2.56-.597 1.109-.896 2.4-.896 3.872 0 1.471.299 2.762.896 3.872.619 1.088 1.44 1.94 2.464 2.56 1.045.618 2.208.928 3.488.928ZM139.934 20.8h10.656c1.621 0 2.954.267 4 .8 1.066.534 1.856 1.227 2.368 2.08.533.854.8 1.771.8 2.753 0 1.109-.384 2.1-1.152 2.976-.747.853-1.792 1.482-3.136 1.888 1.685.362 2.965 1.034 3.84 2.015.874.96 1.312 2.07 1.312 3.329a6.22 6.22 0 0 1-.928 3.328c-.619.98-1.515 1.77-2.688 2.367-1.152.577-2.539.864-4.16.864h-10.912V20.8Zm9.856 3.872h-4.992v5.12h4.992c1.088 0 1.856-.266 2.304-.8a2.757 2.757 0 0 0 .672-1.823c0-.747-.235-1.345-.704-1.793-.448-.469-1.206-.704-2.272-.704Zm.416 8.928h-5.408v5.728h5.408c1.13 0 1.983-.266 2.56-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.577-.577-1.43-.865-2.56-.865ZM158.581 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM199.888 43.2H183.92V20.8h4.928v18.305h11.04V43.2ZM207.125 43.2V20.8h16.416v4.096h-11.488v5.28h8.768v4.097h-8.768V43.2h-4.928ZM220.96 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM246.299 20.8h10.655c1.622 0 2.955.267 4 .8 1.067.534 1.857 1.227 2.368 2.08.534.854.8 1.771.8 2.753 0 1.109-.383 2.1-1.151 2.976-.747.853-1.793 1.482-3.136 1.888 1.685.362 2.965 1.034 3.839 2.015.875.96 1.312 2.07 1.312 3.329a6.218 6.218 0 0 1-.927 3.328c-.619.98-1.515 1.77-2.689 2.367-1.151.577-2.538.864-4.16.864h-10.911V20.8Zm9.855 3.872h-4.991v5.12h4.991c1.088 0 1.856-.266 2.304-.8a2.758 2.758 0 0 0 .673-1.823c0-.747-.235-1.345-.705-1.793-.447-.469-1.205-.704-2.272-.704Zm.416 8.928h-5.407v5.728h5.407c1.131 0 1.985-.266 2.561-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.576-.577-1.43-.865-2.561-.865ZM267.651 43.2V20.8h11.008c1.621 0 2.987.3 4.096.896 1.131.576 1.984 1.377 2.56 2.4.597 1.003.896 2.166.896 3.488 0 1.473-.373 2.763-1.12 3.872-.747 1.088-1.824 1.878-3.232 2.369l5.152 9.375h-5.504l-4.384-8.576h-4.544V43.2h-4.928Zm10.464-18.432h-5.536v5.92h5.536c1.024 0 1.781-.266 2.272-.8.512-.554.768-1.28.768-2.176 0-.874-.245-1.578-.736-2.111-.491-.555-1.259-.832-2.304-.832ZM289.441 20.8h4.928v22.4h-4.928V20.8ZM317.939 39.233c-1.258 1.472-2.656 2.56-4.192 3.264-1.514.682-3.232 1.023-5.152 1.023-1.621 0-3.136-.277-4.544-.832a11.707 11.707 0 0 1-3.712-2.4 11.513 11.513 0 0 1-2.464-3.68c-.576-1.407-.864-2.944-.864-4.607 0-1.664.288-3.2.864-4.608a11.144 11.144 0 0 1 2.464-3.649 11.102 11.102 0 0 1 3.68-2.4c1.408-.576 2.923-.864 4.544-.864 1.899 0 3.584.352 5.056 1.056 1.494.704 2.859 1.792 4.096 3.264l-3.168 2.88c-.853-1.045-1.76-1.813-2.72-2.303-.938-.491-2.026-.736-3.264-.736-1.216 0-2.314.309-3.296.928-.981.618-1.76 1.482-2.336 2.591-.576 1.11-.864 2.39-.864 3.84 0 1.451.288 2.731.864 3.84.576 1.11 1.355 1.974 2.336 2.592a6.215 6.215 0 0 0 3.328.928c1.28 0 2.411-.234 3.392-.703 1.003-.491 1.931-1.26 2.784-2.304l3.168 2.88Z" }),
+    React__default.createElement("path", { stroke: "currentColor", strokeWidth: ".5", d: "M83.048 43.52c-1.899 0-3.616-.469-5.152-1.408-1.515-.938-2.71-2.26-3.584-3.968C73.437 36.418 73 34.368 73 32.002c0-1.728.288-3.296.864-4.704a11.128 11.128 0 0 1 2.464-3.649 10.85 10.85 0 0 1 3.712-2.335c1.43-.555 2.965-.832 4.608-.832 1.92 0 3.637.351 5.152 1.055 1.515.704 2.901 1.792 4.16 3.264l-3.168 2.88c-.875-1.045-1.803-1.813-2.784-2.303-.981-.491-2.101-.736-3.36-.736-1.237 0-2.357.298-3.36.896-1.003.597-1.792 1.45-2.368 2.56-.576 1.087-.864 2.389-.864 3.904 0 1.578.277 2.922.832 4.032.555 1.087 1.301 1.92 2.24 2.495.939.555 1.995.833 3.168.833.981 0 1.867-.192 2.656-.576.81-.384 1.472-.896 1.984-1.536s.81-1.355.896-2.145h-5.344V31.17h10.304V43.2h-4.8v-3.744c-.704 1.323-1.653 2.336-2.848 3.04-1.173.683-2.539 1.024-4.096 1.024ZM113.884 43.2H97.916V20.8h4.928v18.305h11.04V43.2ZM125.359 43.52c-1.685 0-3.253-.277-4.704-.832a11.901 11.901 0 0 1-3.808-2.4 10.882 10.882 0 0 1-2.496-3.647c-.597-1.408-.896-2.955-.896-4.64 0-1.686.299-3.232.896-4.64a10.882 10.882 0 0 1 2.496-3.649 11.464 11.464 0 0 1 3.808-2.367c1.451-.576 3.019-.864 4.704-.864 1.685 0 3.253.287 4.704.863 1.451.555 2.709 1.345 3.776 2.368a10.668 10.668 0 0 1 2.528 3.648c.597 1.409.896 2.955.896 4.64 0 1.686-.299 3.233-.896 4.64a10.668 10.668 0 0 1-2.528 3.648c-1.067 1.025-2.325 1.825-3.776 2.4-1.451.555-3.019.832-4.704.832Zm0-4.16c1.301 0 2.464-.309 3.488-.928a6.613 6.613 0 0 0 2.464-2.56c.597-1.109.896-2.4.896-3.871 0-1.472-.299-2.763-.896-3.872-.597-1.11-1.419-1.963-2.464-2.56-1.024-.62-2.187-.928-3.488-.928-1.28 0-2.443.309-3.488.928-1.024.597-1.845 1.45-2.464 2.56-.597 1.109-.896 2.4-.896 3.872 0 1.471.299 2.762.896 3.872.619 1.088 1.44 1.94 2.464 2.56 1.045.618 2.208.928 3.488.928ZM139.934 20.8h10.656c1.621 0 2.954.267 4 .8 1.066.534 1.856 1.227 2.368 2.08.533.854.8 1.771.8 2.753 0 1.109-.384 2.1-1.152 2.976-.747.853-1.792 1.482-3.136 1.888 1.685.362 2.965 1.034 3.84 2.015.874.96 1.312 2.07 1.312 3.329a6.22 6.22 0 0 1-.928 3.328c-.619.98-1.515 1.77-2.688 2.367-1.152.577-2.539.864-4.16.864h-10.912V20.8Zm9.856 3.872h-4.992v5.12h4.992c1.088 0 1.856-.266 2.304-.8a2.757 2.757 0 0 0 .672-1.823c0-.747-.235-1.345-.704-1.793-.448-.469-1.206-.704-2.272-.704Zm.416 8.928h-5.408v5.728h5.408c1.13 0 1.983-.266 2.56-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.577-.577-1.43-.865-2.56-.865ZM158.581 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM199.888 43.2H183.92V20.8h4.928v18.305h11.04V43.2ZM207.125 43.2V20.8h16.416v4.096h-11.488v5.28h8.768v4.097h-8.768V43.2h-4.928ZM220.96 43.2l8.992-22.4h5.376l9.024 22.4h-5.216l-1.92-4.992h-9.28l-1.92 4.992h-5.056Zm8.416-8.736h6.432l-3.232-8.415-3.2 8.416ZM246.299 20.8h10.655c1.622 0 2.955.267 4 .8 1.067.534 1.857 1.227 2.368 2.08.534.854.8 1.771.8 2.753 0 1.109-.383 2.1-1.151 2.976-.747.853-1.793 1.482-3.136 1.888 1.685.362 2.965 1.034 3.839 2.015.875.96 1.312 2.07 1.312 3.329a6.218 6.218 0 0 1-.927 3.328c-.619.98-1.515 1.77-2.689 2.367-1.151.577-2.538.864-4.16.864h-10.911V20.8Zm9.855 3.872h-4.991v5.12h4.991c1.088 0 1.856-.266 2.304-.8a2.758 2.758 0 0 0 .673-1.823c0-.747-.235-1.345-.705-1.793-.447-.469-1.205-.704-2.272-.704Zm.416 8.928h-5.407v5.728h5.407c1.131 0 1.985-.266 2.561-.8.597-.533.896-1.226.896-2.08 0-.746-.299-1.407-.896-1.983-.576-.577-1.43-.865-2.561-.865ZM267.651 43.2V20.8h11.008c1.621 0 2.987.3 4.096.896 1.131.576 1.984 1.377 2.56 2.4.597 1.003.896 2.166.896 3.488 0 1.473-.373 2.763-1.12 3.872-.747 1.088-1.824 1.878-3.232 2.369l5.152 9.375h-5.504l-4.384-8.576h-4.544V43.2h-4.928Zm10.464-18.432h-5.536v5.92h5.536c1.024 0 1.781-.266 2.272-.8.512-.554.768-1.28.768-2.176 0-.874-.245-1.578-.736-2.111-.491-.555-1.259-.832-2.304-.832ZM289.441 20.8h4.928v22.4h-4.928V20.8ZM317.939 39.233c-1.258 1.472-2.656 2.56-4.192 3.264-1.514.682-3.232 1.023-5.152 1.023-1.621 0-3.136-.277-4.544-.832a11.707 11.707 0 0 1-3.712-2.4 11.513 11.513 0 0 1-2.464-3.68c-.576-1.407-.864-2.944-.864-4.607 0-1.664.288-3.2.864-4.608a11.144 11.144 0 0 1 2.464-3.649 11.102 11.102 0 0 1 3.68-2.4c1.408-.576 2.923-.864 4.544-.864 1.899 0 3.584.352 5.056 1.056 1.494.704 2.859 1.792 4.096 3.264l-3.168 2.88c-.853-1.045-1.76-1.813-2.72-2.303-.938-.491-2.026-.736-3.264-.736-1.216 0-2.314.309-3.296.928-.981.618-1.76 1.482-2.336 2.591-.576 1.11-.864 2.39-.864 3.84 0 1.451.288 2.731.864 3.84.576 1.11 1.355 1.974 2.336 2.592a6.215 6.215 0 0 0 3.328.928c1.28 0 2.411-.234 3.392-.703 1.003-.491 1.931-1.26 2.784-2.304l3.168 2.88Z", mask: "url(#a)" }))); };
+
+var BtMediaBroadcastLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 244 64" },
+    React__default.createElement("path", { fill: "currentColor", d: "M33.598 21.088h15.935v4.672H44.19v17.088h-5.248V25.76h-5.344v-4.672ZM32.03 60.065C16.542 60.065 3.966 47.489 3.966 32S16.542 3.936 32.03 3.936c15.487 0 28.064 12.577 28.064 28.065 0 15.488-12.575 28.064-28.064 28.064Zm0 3.935c17.663 0 32-14.336 32-32 0-17.665-14.336-32-32-32s-32 14.336-32 32c0 17.665 14.336 32 32 32Zm-5.408-27.808c0-1.375-.864-2.304-2.336-2.304h-3.52v4.544h3.52c1.472 0 2.336-.928 2.336-2.24Zm-.64-8.735c0-1.152-.735-1.953-1.983-1.953h-3.232v3.969h3.232c1.248-.001 1.984-.8 1.984-2.016Zm5.952 8.992c0 4.128-2.912 6.4-7.072 6.4H15.59V21.09h8.666c4.192 0 7.04 2.143 7.04 6.08 0 1.791-.8 3.391-2.08 4.352 1.471.864 2.719 2.528 2.719 4.928Z" }),
+    React__default.createElement("mask", { id: "a", width: "171", height: "50", x: "73.03", y: "6.64", fill: "#000", maskUnits: "userSpaceOnUse" },
+        React__default.createElement("path", { d: "M74.03 28.08V8.48h5.712l5.544 14.812L90.802 8.48h5.572v19.6h-4.2V13.66l-5.516 14.42h-2.912L78.23 13.66v14.42h-4.2ZM99.904 28.08V8.48h14.644v3.584h-10.332v4.34h7.252v3.584h-7.252v4.508h10.612v3.584H99.904ZM117.221 28.08V8.48h7.112c2.352 0 4.358.42 6.02 1.26 1.68.821 2.958 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.878 1.474-2.156 2.632-3.836 3.472-1.662.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.202 0 3.882-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.158-1.139-2.838-1.708-5.04-1.708ZM137.846 8.48h4.312v19.6h-4.312V8.48ZM143.854 28.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM169.344 22.564c0-1.158.298-2.184.896-3.08.597-.915 1.642-1.764 3.136-2.548-.728-.84-1.26-1.596-1.596-2.268a5.04 5.04 0 0 1-.476-2.184c0-.915.242-1.736.728-2.464.504-.728 1.185-1.307 2.044-1.736.877-.43 1.885-.644 3.024-.644 1.12 0 2.109.214 2.968.644.877.41 1.568.98 2.072 1.708s.756 1.577.756 2.548c0 1.008-.327 1.932-.98 2.772-.654.84-1.662 1.596-3.024 2.268l3.696 4.088c.429-.56.812-1.195 1.148-1.904.354-.71.634-1.494.84-2.352l3.388 1.176a14.601 14.601 0 0 1-1.26 3.164 13.077 13.077 0 0 1-1.792 2.492l3.472 3.836h-4.956l-1.344-1.484a12.698 12.698 0 0 1-2.912 1.344c-.971.28-1.867.42-2.688.42-1.438 0-2.698-.262-3.78-.784-1.064-.523-1.895-1.223-2.492-2.1a5.174 5.174 0 0 1-.868-2.912ZM175.28 12.4c0 .373.102.774.308 1.204.224.41.644.98 1.26 1.708.858-.467 1.418-.934 1.68-1.4.261-.486.392-.943.392-1.372 0-.542-.159-.98-.476-1.316-.318-.336-.766-.504-1.344-.504-.579 0-1.027.158-1.344.476-.318.317-.476.718-.476 1.204Zm-1.68 9.828c0 .802.289 1.446.868 1.932a3.15 3.15 0 0 0 2.044.728c1.138 0 2.23-.271 3.276-.812l-4.34-4.816c-.672.429-1.148.905-1.428 1.428a3.138 3.138 0 0 0-.42 1.54ZM74.03 36.48h9.324c1.418 0 2.585.233 3.5.7.933.466 1.624 1.073 2.072 1.82.466.746.7 1.549.7 2.408 0 .97-.336 1.838-1.008 2.604-.654.746-1.568 1.297-2.744 1.652 1.474.317 2.594.905 3.36 1.764.765.84 1.148 1.81 1.148 2.912 0 1.064-.271 2.034-.812 2.912-.542.858-1.326 1.549-2.352 2.072-1.008.504-2.222.756-3.64.756H74.03v-19.6Zm8.624 3.388h-4.368v4.48h4.368c.952 0 1.624-.234 2.016-.7.392-.467.588-.999.588-1.596 0-.654-.206-1.176-.616-1.568-.392-.411-1.055-.616-1.988-.616Zm.364 7.812h-4.732v5.012h4.732c.989 0 1.736-.234 2.24-.7.522-.467.784-1.074.784-1.82 0-.654-.262-1.232-.784-1.736-.504-.504-1.251-.756-2.24-.756ZM92.713 56.08v-19.6h9.632c1.419 0 2.613.261 3.584.784.989.504 1.736 1.204 2.24 2.1.523.877.784 1.894.784 3.052 0 1.288-.327 2.417-.98 3.388-.653.952-1.596 1.642-2.828 2.072l4.508 8.204h-4.816l-3.836-7.504h-3.976v7.504h-4.312Zm9.156-16.128h-4.844v5.18h4.844c.896 0 1.559-.234 1.988-.7.448-.486.672-1.12.672-1.904 0-.766-.215-1.382-.644-1.848-.429-.486-1.101-.728-2.016-.728ZM120.718 56.36c-1.475 0-2.847-.243-4.116-.728a10.42 10.42 0 0 1-3.332-2.1 9.54 9.54 0 0 1-2.184-3.192c-.523-1.232-.784-2.586-.784-4.06 0-1.475.261-2.828.784-4.06a9.54 9.54 0 0 1 2.184-3.192 10.04 10.04 0 0 1 3.332-2.072c1.269-.504 2.641-.756 4.116-.756 1.475 0 2.847.252 4.116.756a9.729 9.729 0 0 1 3.304 2.072 9.343 9.343 0 0 1 2.212 3.192c.523 1.232.784 2.585.784 4.06 0 1.474-.261 2.828-.784 4.06a9.344 9.344 0 0 1-2.212 3.192 10.09 10.09 0 0 1-3.304 2.1c-1.269.485-2.641.728-4.116.728Zm0-3.64c1.139 0 2.156-.271 3.052-.812a5.786 5.786 0 0 0 2.156-2.24c.523-.971.784-2.1.784-3.388 0-1.288-.261-2.418-.784-3.388-.523-.971-1.241-1.718-2.156-2.24-.896-.542-1.913-.812-3.052-.812-1.12 0-2.137.27-3.052.812-.896.522-1.615 1.269-2.156 2.24-.523.97-.784 2.1-.784 3.388 0 1.288.261 2.417.784 3.388a6.06 6.06 0 0 0 2.156 2.24c.915.541 1.932.812 3.052.812ZM130.529 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM152.701 56.08v-19.6h7.112c2.352 0 4.359.42 6.02 1.26 1.68.821 2.959 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.877 1.474-2.156 2.632-3.836 3.472-1.661.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.203 0 3.883-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.157-1.139-2.837-1.708-5.04-1.708ZM190.434 52.608c-1.102 1.288-2.324 2.24-3.668 2.856-1.326.597-2.828.896-4.508.896-1.419 0-2.744-.243-3.976-.728a10.236 10.236 0 0 1-3.248-2.1 10.044 10.044 0 0 1-2.156-3.22c-.504-1.232-.756-2.576-.756-4.032s.252-2.8.756-4.032a9.722 9.722 0 0 1 5.376-5.292c1.232-.504 2.557-.756 3.976-.756 1.661 0 3.136.308 4.424.924 1.306.616 2.501 1.568 3.584 2.856l-2.772 2.52c-.747-.915-1.54-1.587-2.38-2.016-.822-.43-1.774-.644-2.856-.644-1.064 0-2.026.27-2.884.812-.859.541-1.54 1.297-2.044 2.268-.504.97-.756 2.09-.756 3.36 0 1.269.252 2.389.756 3.36.504.97 1.185 1.726 2.044 2.268a5.435 5.435 0 0 0 2.912.812c1.12 0 2.109-.206 2.968-.616.877-.43 1.689-1.102 2.436-2.016l2.772 2.52ZM190.189 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM218.506 56.36c-1.587 0-3.08-.243-4.48-.728-1.382-.504-2.576-1.232-3.584-2.184l2.324-2.8a8.742 8.742 0 0 0 2.604 1.596c.952.354 1.988.532 3.108.532 1.045 0 1.866-.178 2.464-.532.597-.374.896-.878.896-1.512 0-.56-.178-1.018-.532-1.372-.355-.374-1.074-.719-2.156-1.036l-3.136-.924c-1.568-.467-2.744-1.148-3.528-2.044-.766-.915-1.148-2.016-1.148-3.304 0-1.176.317-2.203.952-3.08.634-.878 1.512-1.559 2.632-2.044 1.12-.486 2.398-.728 3.836-.728 1.456 0 2.79.27 4.004.812 1.232.522 2.249 1.185 3.052 1.988l-2.38 2.632c-.542-.542-1.214-.98-2.016-1.316-.784-.355-1.643-.532-2.576-.532-1.12 0-1.932.186-2.436.56-.486.373-.728.849-.728 1.428 0 .522.177.961.532 1.316.354.354.961.662 1.82.924l3.136.924c1.792.522 3.08 1.25 3.864 2.184.784.933 1.176 2.053 1.176 3.36 0 1.064-.243 1.978-.728 2.744a5.739 5.739 0 0 1-1.904 1.82 9.885 9.885 0 0 1-2.52 1.008c-.878.205-1.727.308-2.548.308ZM243.217 40.064h-6.272V56.08h-4.312V40.064h-6.272V36.48h16.856v3.584Z" })),
+    React__default.createElement("path", { fill: "currentColor", d: "M74.03 28.08V8.48h5.712l5.544 14.812L90.802 8.48h5.572v19.6h-4.2V13.66l-5.516 14.42h-2.912L78.23 13.66v14.42h-4.2ZM99.904 28.08V8.48h14.644v3.584h-10.332v4.34h7.252v3.584h-7.252v4.508h10.612v3.584H99.904ZM117.221 28.08V8.48h7.112c2.352 0 4.358.42 6.02 1.26 1.68.821 2.958 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.878 1.474-2.156 2.632-3.836 3.472-1.662.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.202 0 3.882-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.158-1.139-2.838-1.708-5.04-1.708ZM137.846 8.48h4.312v19.6h-4.312V8.48ZM143.854 28.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM169.344 22.564c0-1.158.298-2.184.896-3.08.597-.915 1.642-1.764 3.136-2.548-.728-.84-1.26-1.596-1.596-2.268a5.04 5.04 0 0 1-.476-2.184c0-.915.242-1.736.728-2.464.504-.728 1.185-1.307 2.044-1.736.877-.43 1.885-.644 3.024-.644 1.12 0 2.109.214 2.968.644.877.41 1.568.98 2.072 1.708s.756 1.577.756 2.548c0 1.008-.327 1.932-.98 2.772-.654.84-1.662 1.596-3.024 2.268l3.696 4.088c.429-.56.812-1.195 1.148-1.904.354-.71.634-1.494.84-2.352l3.388 1.176a14.601 14.601 0 0 1-1.26 3.164 13.077 13.077 0 0 1-1.792 2.492l3.472 3.836h-4.956l-1.344-1.484a12.698 12.698 0 0 1-2.912 1.344c-.971.28-1.867.42-2.688.42-1.438 0-2.698-.262-3.78-.784-1.064-.523-1.895-1.223-2.492-2.1a5.174 5.174 0 0 1-.868-2.912ZM175.28 12.4c0 .373.102.774.308 1.204.224.41.644.98 1.26 1.708.858-.467 1.418-.934 1.68-1.4.261-.486.392-.943.392-1.372 0-.542-.159-.98-.476-1.316-.318-.336-.766-.504-1.344-.504-.579 0-1.027.158-1.344.476-.318.317-.476.718-.476 1.204Zm-1.68 9.828c0 .802.289 1.446.868 1.932a3.15 3.15 0 0 0 2.044.728c1.138 0 2.23-.271 3.276-.812l-4.34-4.816c-.672.429-1.148.905-1.428 1.428a3.138 3.138 0 0 0-.42 1.54ZM74.03 36.48h9.324c1.418 0 2.585.233 3.5.7.933.466 1.624 1.073 2.072 1.82.466.746.7 1.549.7 2.408 0 .97-.336 1.838-1.008 2.604-.654.746-1.568 1.297-2.744 1.652 1.474.317 2.594.905 3.36 1.764.765.84 1.148 1.81 1.148 2.912 0 1.064-.271 2.034-.812 2.912-.542.858-1.326 1.549-2.352 2.072-1.008.504-2.222.756-3.64.756H74.03v-19.6Zm8.624 3.388h-4.368v4.48h4.368c.952 0 1.624-.234 2.016-.7.392-.467.588-.999.588-1.596 0-.654-.206-1.176-.616-1.568-.392-.411-1.055-.616-1.988-.616Zm.364 7.812h-4.732v5.012h4.732c.989 0 1.736-.234 2.24-.7.522-.467.784-1.074.784-1.82 0-.654-.262-1.232-.784-1.736-.504-.504-1.251-.756-2.24-.756ZM92.713 56.08v-19.6h9.632c1.419 0 2.613.261 3.584.784.989.504 1.736 1.204 2.24 2.1.523.877.784 1.894.784 3.052 0 1.288-.327 2.417-.98 3.388-.653.952-1.596 1.642-2.828 2.072l4.508 8.204h-4.816l-3.836-7.504h-3.976v7.504h-4.312Zm9.156-16.128h-4.844v5.18h4.844c.896 0 1.559-.234 1.988-.7.448-.486.672-1.12.672-1.904 0-.766-.215-1.382-.644-1.848-.429-.486-1.101-.728-2.016-.728ZM120.718 56.36c-1.475 0-2.847-.243-4.116-.728a10.42 10.42 0 0 1-3.332-2.1 9.54 9.54 0 0 1-2.184-3.192c-.523-1.232-.784-2.586-.784-4.06 0-1.475.261-2.828.784-4.06a9.54 9.54 0 0 1 2.184-3.192 10.04 10.04 0 0 1 3.332-2.072c1.269-.504 2.641-.756 4.116-.756 1.475 0 2.847.252 4.116.756a9.729 9.729 0 0 1 3.304 2.072 9.343 9.343 0 0 1 2.212 3.192c.523 1.232.784 2.585.784 4.06 0 1.474-.261 2.828-.784 4.06a9.344 9.344 0 0 1-2.212 3.192 10.09 10.09 0 0 1-3.304 2.1c-1.269.485-2.641.728-4.116.728Zm0-3.64c1.139 0 2.156-.271 3.052-.812a5.786 5.786 0 0 0 2.156-2.24c.523-.971.784-2.1.784-3.388 0-1.288-.261-2.418-.784-3.388-.523-.971-1.241-1.718-2.156-2.24-.896-.542-1.913-.812-3.052-.812-1.12 0-2.137.27-3.052.812-.896.522-1.615 1.269-2.156 2.24-.523.97-.784 2.1-.784 3.388 0 1.288.261 2.417.784 3.388a6.06 6.06 0 0 0 2.156 2.24c.915.541 1.932.812 3.052.812ZM130.529 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM152.701 56.08v-19.6h7.112c2.352 0 4.359.42 6.02 1.26 1.68.821 2.959 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.877 1.474-2.156 2.632-3.836 3.472-1.661.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.203 0 3.883-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.157-1.139-2.837-1.708-5.04-1.708ZM190.434 52.608c-1.102 1.288-2.324 2.24-3.668 2.856-1.326.597-2.828.896-4.508.896-1.419 0-2.744-.243-3.976-.728a10.236 10.236 0 0 1-3.248-2.1 10.044 10.044 0 0 1-2.156-3.22c-.504-1.232-.756-2.576-.756-4.032s.252-2.8.756-4.032a9.722 9.722 0 0 1 5.376-5.292c1.232-.504 2.557-.756 3.976-.756 1.661 0 3.136.308 4.424.924 1.306.616 2.501 1.568 3.584 2.856l-2.772 2.52c-.747-.915-1.54-1.587-2.38-2.016-.822-.43-1.774-.644-2.856-.644-1.064 0-2.026.27-2.884.812-.859.541-1.54 1.297-2.044 2.268-.504.97-.756 2.09-.756 3.36 0 1.269.252 2.389.756 3.36.504.97 1.185 1.726 2.044 2.268a5.435 5.435 0 0 0 2.912.812c1.12 0 2.109-.206 2.968-.616.877-.43 1.689-1.102 2.436-2.016l2.772 2.52ZM190.189 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM218.506 56.36c-1.587 0-3.08-.243-4.48-.728-1.382-.504-2.576-1.232-3.584-2.184l2.324-2.8a8.742 8.742 0 0 0 2.604 1.596c.952.354 1.988.532 3.108.532 1.045 0 1.866-.178 2.464-.532.597-.374.896-.878.896-1.512 0-.56-.178-1.018-.532-1.372-.355-.374-1.074-.719-2.156-1.036l-3.136-.924c-1.568-.467-2.744-1.148-3.528-2.044-.766-.915-1.148-2.016-1.148-3.304 0-1.176.317-2.203.952-3.08.634-.878 1.512-1.559 2.632-2.044 1.12-.486 2.398-.728 3.836-.728 1.456 0 2.79.27 4.004.812 1.232.522 2.249 1.185 3.052 1.988l-2.38 2.632c-.542-.542-1.214-.98-2.016-1.316-.784-.355-1.643-.532-2.576-.532-1.12 0-1.932.186-2.436.56-.486.373-.728.849-.728 1.428 0 .522.177.961.532 1.316.354.354.961.662 1.82.924l3.136.924c1.792.522 3.08 1.25 3.864 2.184.784.933 1.176 2.053 1.176 3.36 0 1.064-.243 1.978-.728 2.744a5.739 5.739 0 0 1-1.904 1.82 9.885 9.885 0 0 1-2.52 1.008c-.878.205-1.727.308-2.548.308ZM243.217 40.064h-6.272V56.08h-4.312V40.064h-6.272V36.48h16.856v3.584Z" }),
+    React__default.createElement("path", { stroke: "currentColor", strokeWidth: ".5", d: "M74.03 28.08V8.48h5.712l5.544 14.812L90.802 8.48h5.572v19.6h-4.2V13.66l-5.516 14.42h-2.912L78.23 13.66v14.42h-4.2ZM99.904 28.08V8.48h14.644v3.584h-10.332v4.34h7.252v3.584h-7.252v4.508h10.612v3.584H99.904ZM117.221 28.08V8.48h7.112c2.352 0 4.358.42 6.02 1.26 1.68.821 2.958 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.878 1.474-2.156 2.632-3.836 3.472-1.662.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.202 0 3.882-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.158-1.139-2.838-1.708-5.04-1.708ZM137.846 8.48h4.312v19.6h-4.312V8.48ZM143.854 28.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM169.344 22.564c0-1.158.298-2.184.896-3.08.597-.915 1.642-1.764 3.136-2.548-.728-.84-1.26-1.596-1.596-2.268a5.04 5.04 0 0 1-.476-2.184c0-.915.242-1.736.728-2.464.504-.728 1.185-1.307 2.044-1.736.877-.43 1.885-.644 3.024-.644 1.12 0 2.109.214 2.968.644.877.41 1.568.98 2.072 1.708s.756 1.577.756 2.548c0 1.008-.327 1.932-.98 2.772-.654.84-1.662 1.596-3.024 2.268l3.696 4.088c.429-.56.812-1.195 1.148-1.904.354-.71.634-1.494.84-2.352l3.388 1.176a14.601 14.601 0 0 1-1.26 3.164 13.077 13.077 0 0 1-1.792 2.492l3.472 3.836h-4.956l-1.344-1.484a12.698 12.698 0 0 1-2.912 1.344c-.971.28-1.867.42-2.688.42-1.438 0-2.698-.262-3.78-.784-1.064-.523-1.895-1.223-2.492-2.1a5.174 5.174 0 0 1-.868-2.912ZM175.28 12.4c0 .373.102.774.308 1.204.224.41.644.98 1.26 1.708.858-.467 1.418-.934 1.68-1.4.261-.486.392-.943.392-1.372 0-.542-.159-.98-.476-1.316-.318-.336-.766-.504-1.344-.504-.579 0-1.027.158-1.344.476-.318.317-.476.718-.476 1.204Zm-1.68 9.828c0 .802.289 1.446.868 1.932a3.15 3.15 0 0 0 2.044.728c1.138 0 2.23-.271 3.276-.812l-4.34-4.816c-.672.429-1.148.905-1.428 1.428a3.138 3.138 0 0 0-.42 1.54ZM74.03 36.48h9.324c1.418 0 2.585.233 3.5.7.933.466 1.624 1.073 2.072 1.82.466.746.7 1.549.7 2.408 0 .97-.336 1.838-1.008 2.604-.654.746-1.568 1.297-2.744 1.652 1.474.317 2.594.905 3.36 1.764.765.84 1.148 1.81 1.148 2.912 0 1.064-.271 2.034-.812 2.912-.542.858-1.326 1.549-2.352 2.072-1.008.504-2.222.756-3.64.756H74.03v-19.6Zm8.624 3.388h-4.368v4.48h4.368c.952 0 1.624-.234 2.016-.7.392-.467.588-.999.588-1.596 0-.654-.206-1.176-.616-1.568-.392-.411-1.055-.616-1.988-.616Zm.364 7.812h-4.732v5.012h4.732c.989 0 1.736-.234 2.24-.7.522-.467.784-1.074.784-1.82 0-.654-.262-1.232-.784-1.736-.504-.504-1.251-.756-2.24-.756ZM92.713 56.08v-19.6h9.632c1.419 0 2.613.261 3.584.784.989.504 1.736 1.204 2.24 2.1.523.877.784 1.894.784 3.052 0 1.288-.327 2.417-.98 3.388-.653.952-1.596 1.642-2.828 2.072l4.508 8.204h-4.816l-3.836-7.504h-3.976v7.504h-4.312Zm9.156-16.128h-4.844v5.18h4.844c.896 0 1.559-.234 1.988-.7.448-.486.672-1.12.672-1.904 0-.766-.215-1.382-.644-1.848-.429-.486-1.101-.728-2.016-.728ZM120.718 56.36c-1.475 0-2.847-.243-4.116-.728a10.42 10.42 0 0 1-3.332-2.1 9.54 9.54 0 0 1-2.184-3.192c-.523-1.232-.784-2.586-.784-4.06 0-1.475.261-2.828.784-4.06a9.54 9.54 0 0 1 2.184-3.192 10.04 10.04 0 0 1 3.332-2.072c1.269-.504 2.641-.756 4.116-.756 1.475 0 2.847.252 4.116.756a9.729 9.729 0 0 1 3.304 2.072 9.343 9.343 0 0 1 2.212 3.192c.523 1.232.784 2.585.784 4.06 0 1.474-.261 2.828-.784 4.06a9.344 9.344 0 0 1-2.212 3.192 10.09 10.09 0 0 1-3.304 2.1c-1.269.485-2.641.728-4.116.728Zm0-3.64c1.139 0 2.156-.271 3.052-.812a5.786 5.786 0 0 0 2.156-2.24c.523-.971.784-2.1.784-3.388 0-1.288-.261-2.418-.784-3.388-.523-.971-1.241-1.718-2.156-2.24-.896-.542-1.913-.812-3.052-.812-1.12 0-2.137.27-3.052.812-.896.522-1.615 1.269-2.156 2.24-.523.97-.784 2.1-.784 3.388 0 1.288.261 2.417.784 3.388a6.06 6.06 0 0 0 2.156 2.24c.915.541 1.932.812 3.052.812ZM130.529 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM152.701 56.08v-19.6h7.112c2.352 0 4.359.42 6.02 1.26 1.68.821 2.959 1.969 3.836 3.444.896 1.474 1.344 3.173 1.344 5.096 0 1.922-.448 3.621-1.344 5.096-.877 1.474-2.156 2.632-3.836 3.472-1.661.821-3.668 1.232-6.02 1.232h-7.112Zm7.112-16.016h-2.8v12.432h2.8c2.203 0 3.883-.56 5.04-1.68 1.157-1.12 1.736-2.632 1.736-4.536 0-1.886-.579-3.388-1.736-4.508-1.157-1.139-2.837-1.708-5.04-1.708ZM190.434 52.608c-1.102 1.288-2.324 2.24-3.668 2.856-1.326.597-2.828.896-4.508.896-1.419 0-2.744-.243-3.976-.728a10.236 10.236 0 0 1-3.248-2.1 10.044 10.044 0 0 1-2.156-3.22c-.504-1.232-.756-2.576-.756-4.032s.252-2.8.756-4.032a9.722 9.722 0 0 1 5.376-5.292c1.232-.504 2.557-.756 3.976-.756 1.661 0 3.136.308 4.424.924 1.306.616 2.501 1.568 3.584 2.856l-2.772 2.52c-.747-.915-1.54-1.587-2.38-2.016-.822-.43-1.774-.644-2.856-.644-1.064 0-2.026.27-2.884.812-.859.541-1.54 1.297-2.044 2.268-.504.97-.756 2.09-.756 3.36 0 1.269.252 2.389.756 3.36.504.97 1.185 1.726 2.044 2.268a5.435 5.435 0 0 0 2.912.812c1.12 0 2.109-.206 2.968-.616.877-.43 1.689-1.102 2.436-2.016l2.772 2.52ZM190.189 56.08l7.868-19.6h4.704l7.896 19.6h-4.564l-1.68-4.368h-8.12l-1.68 4.368h-4.424Zm7.364-7.644h5.628l-2.828-7.364-2.8 7.364ZM218.506 56.36c-1.587 0-3.08-.243-4.48-.728-1.382-.504-2.576-1.232-3.584-2.184l2.324-2.8a8.742 8.742 0 0 0 2.604 1.596c.952.354 1.988.532 3.108.532 1.045 0 1.866-.178 2.464-.532.597-.374.896-.878.896-1.512 0-.56-.178-1.018-.532-1.372-.355-.374-1.074-.719-2.156-1.036l-3.136-.924c-1.568-.467-2.744-1.148-3.528-2.044-.766-.915-1.148-2.016-1.148-3.304 0-1.176.317-2.203.952-3.08.634-.878 1.512-1.559 2.632-2.044 1.12-.486 2.398-.728 3.836-.728 1.456 0 2.79.27 4.004.812 1.232.522 2.249 1.185 3.052 1.988l-2.38 2.632c-.542-.542-1.214-.98-2.016-1.316-.784-.355-1.643-.532-2.576-.532-1.12 0-1.932.186-2.436.56-.486.373-.728.849-.728 1.428 0 .522.177.961.532 1.316.354.354.961.662 1.82.924l3.136.924c1.792.522 3.08 1.25 3.864 2.184.784.933 1.176 2.053 1.176 3.36 0 1.064-.243 1.978-.728 2.744a5.739 5.739 0 0 1-1.904 1.82 9.885 9.885 0 0 1-2.52 1.008c-.878.205-1.727.308-2.548.308ZM243.217 40.064h-6.272V56.08h-4.312V40.064h-6.272V36.48h16.856v3.584Z", mask: "url(#a)" }))); };
+
+var BtWholesaleLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 203 50" },
+    React__default.createElement("path", { d: "M26.226 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65ZM25 46.925C12.9 46.925 3.075 37.1 3.075 25 3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.925 12.9 46.925 25c0 12.1-9.825 21.925-21.925 21.925ZM25 50c13.8 0 25-11.2 25-25S38.8 0 25 0 0 11.2 0 25s11.2 25 25 25Zm-4.225-21.724c0-1.075-.675-1.8-1.825-1.8H16.2v3.551h2.75c1.15-.002 1.825-.727 1.825-1.751Zm-.5-6.825c0-.9-.576-1.526-1.551-1.526H16.2v3.1h2.526c.973.001 1.549-.625 1.549-1.574Zm4.65 7.024c0 3.224-2.274 5-5.524 5h-7.246v-17h6.772c3.275 0 5.5 1.676 5.5 4.75 0 1.4-.625 2.65-1.625 3.401 1.149.674 2.124 1.974 2.124 3.849Zm48.125.125-3.284-12.125h-3.942l-3.307 12.219-2.948-12.219h-4.364l4.93 16.995h4.458l3.13-11.268 3.109 11.268h4.459l4.928-16.995h-4.245L73.049 28.6Zm19.122-5.44H85.1v-6.685H81V33.47h4.1v-6.824h7.072v6.824h4.1V16.475h-4.1v6.685Zm20.784-4.471a8.77 8.77 0 0 0-2.873-1.808 9.774 9.774 0 0 0-3.556-.642c-1.267 0-2.463.215-3.556.642a8.753 8.753 0 0 0-2.874 1.808 8.224 8.224 0 0 0-1.908 2.769c-.452 1.064-.68 2.245-.68 3.516 0 1.27.23 2.451.68 3.515a8.224 8.224 0 0 0 1.908 2.77 8.773 8.773 0 0 0 2.874 1.807 9.773 9.773 0 0 0 3.555.642c1.267 0 2.463-.215 3.557-.642a8.716 8.716 0 0 0 2.873-1.808 8.195 8.195 0 0 0 1.907-2.769c.451-1.064.679-2.245.679-3.515 0-1.269-.23-2.452-.68-3.516a8.194 8.194 0 0 0-1.906-2.77Zm-1.605 6.285c0 1.042-.214 1.961-.633 2.735a4.67 4.67 0 0 1-1.722 1.814c-.723.432-1.554.652-2.468.652-.898 0-1.721-.218-2.445-.652a4.772 4.772 0 0 1-1.735-1.815c-.427-.773-.644-1.692-.644-2.734 0-1.043.217-1.967.644-2.747a4.653 4.653 0 0 1 1.734-1.813c.723-.425 1.547-.642 2.445-.642.913 0 1.744.215 2.469.642a4.577 4.577 0 0 1 1.72 1.811c.421.782.635 1.706.635 2.748Zm9.53-8.499h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 10.171h6.118V23.16h-6.118v-3.2h8.716v-3.485h-12.814V33.47h13.05v-3.483h-8.952v-3.341Zm22.279-1.113c-.688-.819-1.823-1.464-3.371-1.916l-2.644-.78c-.685-.208-1.17-.451-1.439-.721a1.275 1.275 0 0 1-.381-.947c0-.415.174-.75.534-1.02.374-.282 1.015-.425 1.904-.425a5.2 5.2 0 0 1 2.09.418 5.24 5.24 0 0 1 1.62 1.074l.17.171 2.318-2.563-.156-.155c-.695-.695-1.58-1.279-2.632-1.737-1.058-.459-2.23-.692-3.483-.692-1.239 0-2.359.214-3.329.634-.978.425-1.758 1.03-2.316 1.8-.563.777-.846 1.698-.846 2.735 0 1.137.347 2.122 1.035 2.924.68.796 1.715 1.402 3.075 1.808l2.646.78c.871.256 1.447.526 1.718.8.257.265.382.595.382 1.008 0 .453-.211.8-.645 1.065-.466.284-1.124.427-1.958.427-.912 0-1.766-.15-2.538-.444a6.99 6.99 0 0 1-2.126-1.292l-.178-.157-2.251 2.712.157.148a8.77 8.77 0 0 0 3.117 1.88 11.47 11.47 0 0 0 3.846.639c.707 0 1.451-.094 2.215-.279a8.06 8.06 0 0 0 2.176-.875 4.942 4.942 0 0 0 1.685-1.61c.433-.672.651-1.49.651-2.428 0-1.151-.352-2.155-1.046-2.982Zm7.387-9.058-6.822 16.995h4.231l1.416-3.684h6.532l1.417 3.684h4.351l-6.846-16.995h-4.279Zm4.142 10.086h-4.077l2.03-5.334 2.047 5.334Zm12.046-10.086h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 13.512v-3.341h6.117V23.16h-6.117v-3.2h8.715v-3.485h-12.814V33.47h13.052v-3.483h-8.953Z", fill: "currentColor" }))); };
+
+var BtRedcareLogo = function () { return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 169 50" },
+    React__default.createElement("path", { d: "M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z", fill: "currentColor" }))); };
+
+var NavigationHeaderLogo = function (_a) {
+    var _b;
+    var _c = _a.brand, brand = _c === void 0 ? "bt" : _c, _d = _a.href, href = _d === void 0 ? "/" : _d, _e = _a.ariaLabel, ariaLabel = _e === void 0 ? "Home" : _e, _f = _a.isSurfaceSensitive, isSurfaceSensitive = _f === void 0 ? true : _f, svg = _a.svg, onClick = _a.onClick;
+    var surface = useContext(Context).surface;
+    var logos = {
+        bt: BtLogo,
+        ee: EeLogo,
+        btGlobalFabric: BtGlobalFabricLogo,
+        btMediaBroadCast: BtMediaBroadcastLogo,
+        btRedcare: BtRedcareLogo,
+        btWholesale: BtWholesaleLogo,
+    };
+    var icon = svg || React__default.createElement(logos[brand]);
+    return (React__default.createElement("a", { className: classNames("arc-NavigationHeaderLogo", (_b = {
+                "arc-NavigationHeaderLogo--staticColor": !isSurfaceSensitive
+            },
+            _b[suffixModifier("arc-NavigationHeaderLogo--on", surface)] = isSurfaceSensitive,
+            _b)), "aria-label": ariaLabel, onClick: onClick, href: href }, icon));
+};
+
+// src/check-element-visibility/check-element-visibility.ts
+var checkElementVisibility = (element) => {
+  if (element.checkVisibility) {
+    return element.checkVisibility();
+  } else {
+    const el = element;
+    return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
+  }
+};
+
+var NavigationHeaderInlineAction = function (_a) {
+    var icon = _a.icon, text = _a.text, href = _a.href, onClick = _a.onClick;
+    return (React__default.createElement(ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default.createElement("a", { "aria-label": text, className: classNames("arc-NavigationHeaderInlineAction", "arc-NavigationHeaderInlineAction-link"), href: href, onClick: onClick }, children)); }, fallback: function (children) { return (React__default.createElement("button", { "aria-label": text, className: classNames("arc-NavigationHeaderInlineAction", "arc-NavigationHeaderInlineAction-button"), onClick: onClick }, children)); } },
+        React__default.createElement("div", { className: "arc-NavigationHeaderInlineAction-content" },
+            React__default.createElement(Icon, { "aria-hidden": true, icon: icon, size: 28 }),
+            React__default.createElement(Text, { size: "l" }, text))));
+};
+
+var NavigationHeaderDisclosure = function (_a) {
+    var heading = _a.heading, children = _a.children;
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var containerRef = useRef(null);
+    var handleOnClick = function (e) {
+        e.preventDefault();
+        setIsOpen(function (isOpen) { return !isOpen; });
+    };
+    useEffect(function () {
+        if (containerRef.current && containerRef.current.firstChild && isOpen) {
+            containerRef.current.firstChild.focus();
+        }
+    }, [isOpen, containerRef.current]);
+    return (React__default.createElement("details", { className: "arc-NavigationHeaderDisclosure", open: isOpen },
+        React__default.createElement("summary", { "aria-expanded": isOpen, onClick: handleOnClick, className: "arc-NavigationHeaderDisclosure-summary" },
+            React__default.createElement("span", { className: "arc-NavigationHeaderDisclosure-heading" }, heading),
+            React__default.createElement("span", { className: "arc-NavigationHeaderDisclosure-icon" },
+                React__default.createElement(ThemeIcon, { size: 28, icon: "navigationHeaderDisclosure" }))),
+        React__default.createElement("div", { ref: containerRef, className: "arc-NavigationHeaderDisclosure-details" }, children)));
+};
+
+var NavigationHeaderMenuLink = function (_a) {
+    var href = _a.href, onClick = _a.onClick, text = _a.text, _b = _a.size, size = _b === void 0 ? "l" : _b;
+    var icons = {
+        s: {
+            icon: "navigationHeaderMenuLinkSmall",
+            size: 24,
+        },
+        l: {
+            icon: "navigationHeaderMenuLinkLarge",
+            size: 28,
+        },
+    };
+    return (React__default.createElement("a", { "aria-label": text, href: href, onClick: onClick, className: classNames("arc-NavigationHeaderMenuLink", suffixModifier("arc-NavigationHeaderMenuLink--size", size)) },
+        React__default.createElement("div", { className: "arc-NavigationHeaderMenuLink-text" }, text),
+        React__default.createElement("span", { className: "arc-NavigationHeaderMenuLink-icon" },
+            React__default.createElement(ThemeIcon, __assign({}, icons[size])))));
+};
+
+var NavigationHeaderBurgerMenu = function (_a) {
+    var navItems = _a.navItems, actions = _a.actions, header = _a.header, footer = _a.footer, logo = _a.logo;
+    var id = useId();
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var triggerRef = useRef(null);
+    var interactionMode = useInteractionMode().interactionMode;
+    var _c = useThemeElement(), themeElement = _c[0], setThemeElement = _c[1];
+    var closeMenu = function () {
+        setIsOpen(false);
+    };
+    var focusTriggerElement = function () {
+        if (triggerRef.current && interactionMode === "keyboard") {
+            triggerRef.current.focus();
+        }
+    };
+    // Close the menu if the nav or trigger is hidden
+    useEffect(function () {
+        var resizeObserver = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            if (!checkElementVisibility(entry.target) && isOpen) {
+                setIsOpen(false);
+            }
+        });
+        if (triggerRef.current) {
+            resizeObserver.observe(triggerRef.current);
+        }
+        return function () {
+            if (triggerRef.current) {
+                resizeObserver.unobserve(triggerRef.current);
+            }
+        };
+    }, [isOpen, setIsOpen, triggerRef.current]);
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Tooltip, { asChild: true, delayDuration: 0, title: "Menu", side: "bottom" },
+            React__default.createElement(NavigationHeaderButton, { ref: triggerRef, isPadded: false, "aria-expanded": isOpen, "aria-label": isOpen ? "close menu" : "open menu", onClick: function () { return setIsOpen(!isOpen); } },
+                React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-trigger" },
+                    React__default.createElement(ThemeIcon, { icon: "siteHeaderBurger", size: 24 })),
+                React__default.createElement(VisuallyHidden, null, isOpen ? "close menu" : "open menu"))),
+        React__default.createElement("div", { ref: setThemeElement },
+            React__default.createElement(Root, { open: isOpen },
+                React__default.createElement(Portal, { container: themeElement },
+                    React__default.createElement(Overlay, { className: "arc-NavigationHeaderBurgerMenu-overlay" },
+                        React__default.createElement(Content, { "aria-describedby": undefined, className: "arc-NavigationHeaderBurgerMenu-slider", onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeMenu, onInteractOutside: closeMenu, "aria-modal": "true" },
+                            React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-container" },
+                                React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-mainContent" },
+                                    React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-header" },
+                                        React__default.createElement(Title, null,
+                                            React__default.createElement(VisuallyHidden, null, "Menu")),
+                                        React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-logoContainer" },
+                                            React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-logoWrapper" },
+                                                React__default.createElement(NavigationHeaderLogo, __assign({}, logo, { isSurfaceSensitive: false })))),
+                                        React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-closeButtonContainer" },
+                                            React__default.createElement(Tooltip, { asChild: true, delayDuration: 0, title: "Close menu", side: "left" },
+                                                React__default.createElement(NavigationHeaderCloseButton, { onClick: closeMenu })))),
+                                    header && (React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-topContent" }, header)),
+                                    (navItems || actions) && (React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-navigationContent" },
+                                        navItems && (React__default.createElement("ul", { className: "arc-NavigationHeaderBurgerMenu-list" }, navItems.map(function (navItem, navItemIndex) { return (React__default.createElement(React__default.Fragment, { key: "".concat(id, "-burger-nav-item-").concat(navItemIndex) },
+                                            React__default.createElement("li", { className: "arc-NavigationHeaderBurgerMenu-listItem" },
+                                                React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-listItemContent" },
+                                                    (navItem.type === "link" ||
+                                                        navItem.type === "meatball") && (React__default.createElement(NavigationHeaderMenuLink, { href: navItem.href, onClick: navItem.onClick, text: navItem.text })),
+                                                    (navItem.type === "subnav" ||
+                                                        navItem.type === "dropdown") && (React__default.createElement(NavigationHeaderDisclosure, { heading: navItem.text }, navItem.items.map(function (subNavItem, subNavItemIndex) { return (React__default.createElement(NavigationHeaderMenuLink, { size: "s", key: "".concat(id, "-").concat(navItemIndex, "-burger-sub-nav-item-").concat(subNavItemIndex), href: subNavItem.href, onClick: subNavItem.onClick, text: subNavItem.text })); }))))))); }))),
+                                        actions && (React__default.createElement("div", { className: classNames("arc-NavigationHeaderBurgerMenu-actionsContainer", {
+                                                "arc-NavigationHeaderBurgerMenu-actionsContainer--seperator": navItems && actions,
+                                            }) }, actions.map(function (props, i) { return (React__default.createElement(NavigationHeaderInlineAction, __assign({ key: "".concat(id, "-action-{").concat(i, "}") }, props))); })))))),
+                                footer && (React__default.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-footer" },
+                                    React__default.createElement(Surface, { isTransparent: true, background: "dark-black" }, footer)))))))))));
+};
+
+var NavigationHeaderNavLink = function (_a) {
+    var text = _a.text, onClick = _a.onClick, href = _a.href, _b = _a.borderRadiusSize, borderRadiusSize = _b === void 0 ? "s" : _b;
+    var surface = useContext(Context).surface;
+    return (React__default.createElement("a", { href: href, onClick: onClick, className: classNames("arc-NavigationHeaderNavLink", suffixModifier("arc-NavigationHeaderNavLink--borderRadiusSize", borderRadiusSize), suffixModifier("arc-NavigationHeaderNavLink--on", surface)) },
+        React__default.createElement(Text, null, text)));
+};
+
+// src/get-focusable-elements/get-focusable-elements.ts
+var getFocusableElements = (rootElement) => {
+  const nodes = [];
+  const walker = document.createTreeWalker(
+    rootElement,
+    NodeFilter.SHOW_ELEMENT,
+    {
+      acceptNode: (node) => {
+        const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+        if (node.disabled || node.hidden || isHiddenInput || !checkElementVisibility(node))
+          return NodeFilter.FILTER_SKIP;
+        return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      }
+    }
+  );
+  while (walker.nextNode()) nodes.push(walker.currentNode);
+  return nodes;
+};
+
+var NavigationHeaderDropdown = function (_a) {
+    var children = _a.children, trigger = _a.trigger, ariaLabel = _a.ariaLabel, tooltip = _a.tooltip;
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    var _c = useState(false), isTooltipOpen = _c[0], setIsTooltipOpen = _c[1];
+    var interactionMode = useInteractionMode().interactionMode;
+    var navigationHeaderContext = useContext(NavigationHeaderContext);
+    // Close the dropdown if the nav or trigger is hidden
+    useEffect(function () {
+        var resizeObserver = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            if (!checkElementVisibility(entry.target) && isOpen) {
+                setIsOpen(false);
+                setIsTooltipOpen(false);
+            }
+        });
+        if (triggerRef.current) {
+            resizeObserver.observe(triggerRef.current);
+        }
+        return function () {
+            if (triggerRef.current) {
+                resizeObserver.unobserve(triggerRef.current);
+            }
+        };
+    }, [
+        isOpen,
+        setIsOpen,
+        navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive,
+        triggerRef.current,
+    ]);
+    // if focus isnt going anywhere else and closed via keyboard, return focus to the trigger
+    var onCloseAutoFocus = function () {
+        var _a, _b;
+        if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY" &&
+            interactionMode === "keyboard") {
+            (_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    };
+    // Only count it as an outside interaction if the trigger isnt being clicked.
+    var handleOutSideInteraction = function (event) {
+        var _a;
+        if (!((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.currentTarget))) {
+            setIsOpen(false);
+        }
+    };
+    // Find the first focusable element.
+    var focusOnFirstElement = function () {
+        getFocusableElements(containerRef.current)[0].focus();
+    };
+    var toggleVisibility = function () { return setIsOpen(function (isOpen) { return !isOpen; }); };
+    return (React__default.createElement(Popover, { useBespokeTrigger: true, align: "center", background: "light", arrow: true, sideOffset: 12, alignOffset: 0, open: isOpen, onCloseAutoFocus: onCloseAutoFocus, onOpenAutoFocus: focusOnFirstElement, onEscapeKeyDown: handleOutSideInteraction, onFocusOutside: handleOutSideInteraction, onInteractOutside: handleOutSideInteraction, onPointerDownOutside: handleOutSideInteraction, content: React__default.createElement("div", { ref: containerRef },
+            React__default.createElement("ul", { className: "arc-NavigationHeaderDropdown-navList" }, children)) }, tooltip ? (React__default.createElement(Tooltip, { asChild: true, title: tooltip, open: isTooltipOpen, delayDuration: 0, alignContent: "center", side: "bottom" },
+        React__default.createElement(NavigationHeaderButton, { ref: triggerRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "dialog", "aria-describedby": undefined, isActive: isOpen, onClick: toggleVisibility, onMouseEnter: function () { return setIsTooltipOpen(!isOpen); }, onMouseLeave: function () { return setIsTooltipOpen(false); }, onFocus: function () { return setIsTooltipOpen(true); }, onBlur: function () { return setIsTooltipOpen(false); } }, trigger))) : (React__default.createElement(NavigationHeaderButton, { ref: triggerRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "dialog", isActive: isOpen, onClick: toggleVisibility }, trigger))));
+};
+
+var NavigationHeaderContainer = function (_a) {
+    var _b = _a.isPill, isPill = _b === void 0 ? false : _b, _c = _a.isExtended, isExtended = _c === void 0 ? false : _c, _d = _a.isFluid, isFluid = _d === void 0 ? false : _d, _e = _a.background, background = _e === void 0 ? "transparentOnLight" : _e, children = _a.children;
+    var backgrounds = {
+        light: {
+            surface: "light-white",
+            classSuffix: "backgroundLight",
+        },
+        neutral: {
+            surface: "light-white",
+            classSuffix: "backgroundNeutral",
+        },
+        lightElevated: {
+            surface: "light-white",
+            classSuffix: "backgroundLightElevated",
+        },
+        transparentOnDark: {
+            surface: "dark-black",
+            classSuffix: "backgroundTransparent",
+        },
+        transparentOnLight: {
+            surface: "light-white",
+            classSuffix: "backgroundTransparent",
+        },
+        ghostedOnLight: {
+            surface: "light-white",
+            classSuffix: "backgroundGhosted",
+        },
+        ghostedOnDark: {
+            surface: "dark-black",
+            classSuffix: "backgroundGhosted",
+        },
+    };
+    return (React__default.createElement("div", { "data-testid": "NavigationHeader-container", className: classNames("arc-NavigationHeaderContainer", "arc-NavigationHeaderContainer--".concat(backgrounds[background].classSuffix), {
+            "arc-NavigationHeaderContainer--pill": isPill,
+            "arc-NavigationHeaderContainer--fullWidth": !isPill,
+            "arc-NavigationHeaderContainer--regular": !isExtended,
+            "arc-NavigationHeaderContainer--extended": isExtended,
+            "arc-NavigationHeaderContainer--fluid": isFluid,
+        }) },
+        React__default.createElement("div", { className: "arc-NavigationHeaderContainer-outer" },
+            React__default.createElement(Surface, { isTransparent: true, background: backgrounds[background].surface },
+                React__default.createElement("div", { className: "arc-NavigationHeaderContainer-contentWrapper" },
+                    React__default.createElement("div", { className: "arc-NavigationHeaderContainer-inner" },
+                        React__default.createElement("div", { className: "arc-NavigationHeaderContainer-content" }, children)))))));
+};
+
+var NavigationHeaderSubnav = function (_a) {
+    var _b;
+    var trigger = _a.trigger, ariaLabel = _a.ariaLabel, children = _a.children;
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var navigationHeaderContext = useContext(NavigationHeaderContext);
+    var containerRef = useRef(null);
+    var dialogRef = useRef(null);
+    var listRef = useRef(null);
+    var triggerRef = useRef(null);
+    // if focus isnt going anywhere else, return it to the trigger
+    var onCloseAutoFocus = function () {
+        var _a, _b;
+        if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
+            (_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    };
+    // close when escape key is pressed
+    var onEscapeKeyDown = function () {
+        setIsOpen(false);
+        navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive(false);
+    };
+    // Find the first focusable element.
+    var onOpenAutoFocus = function () {
+        getFocusableElements(listRef.current)[0].focus();
+    };
+    // Toggle visibility when trigger is clicked
+    var onTriggerClick = function () {
+        setIsOpen(!isOpen);
+        navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive(!isOpen);
+    };
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            var target = event.target;
+            var isThisTriggerClicked = containerRef.current && containerRef.current.contains(target);
+            var otherSubNavItemClicked = !isThisTriggerClicked && target.getAttribute("data-sub-nav-item");
+            var outSideSubnavClicked = !otherSubNavItemClicked &&
+                dialogRef.current &&
+                !dialogRef.current.contains(target);
+            // dont do anything if the trigger was clicked, toggling is already handled.
+            if (isThisTriggerClicked) {
+                return;
+            }
+            // just hide the current menu if another one was clicked
+            if (otherSubNavItemClicked) {
+                setIsOpen(false);
+            }
+            // close and reset the navbar if clicking outside the dialog
+            if (outSideSubnavClicked) {
+                setIsOpen(false);
+                navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive(false);
+            }
+        };
+        document.addEventListener("click", handleClickOutside);
+        return function () {
+            document.removeEventListener("click", handleClickOutside);
+        };
+    }, [
+        setIsOpen,
+        dialogRef.current,
+        containerRef.current,
+        navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive,
+    ]);
+    // Close the subnav if the trigger is hidden and the submenu is open
+    useEffect(function () {
+        var resizeObserver = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            if (!checkElementVisibility(entry.target) && isOpen) {
+                setIsOpen(false);
+                navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive(false);
+            }
+        });
+        if (triggerRef.current) {
+            resizeObserver.observe(triggerRef.current);
+        }
+        return function () {
+            if (triggerRef.current) {
+                resizeObserver.unobserve(triggerRef.current);
+            }
+        };
+    }, [
+        isOpen,
+        setIsOpen,
+        navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.setIsSubMenuItemActive,
+        triggerRef.current,
+    ]);
+    return (React__default.createElement("div", { ref: containerRef },
+        React__default.createElement(NavigationHeaderButton, { "data-sub-nav-item": true, ref: triggerRef, isActive: isOpen, "aria-label": ariaLabel, onClick: onTriggerClick }, trigger),
+        React__default.createElement(Root, { open: isOpen, modal: false },
+            React__default.createElement(Portal, { container: (_b = navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.navBarPortalRef) === null || _b === void 0 ? void 0 : _b.current },
+                React__default.createElement("div", { className: "arc-NavigationHeaderSubnav" },
+                    React__default.createElement("div", { className: "arc-NavigationHeaderSubnav-container" },
+                        React__default.createElement(NavigationHeaderContainer, { isExtended: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isExtended, isFluid: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isFluid, isPill: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isPill, background: "neutral" },
+                            React__default.createElement(Content, { ref: dialogRef, "aria-describedby": undefined, onEscapeKeyDown: onEscapeKeyDown, onCloseAutoFocus: onCloseAutoFocus, onOpenAutoFocus: onOpenAutoFocus },
+                                React__default.createElement("div", { className: "arc-NavigationHeaderSubnav-content" },
+                                    React__default.createElement(VisuallyHidden, null,
+                                        React__default.createElement(Title, null,
+                                            trigger,
+                                            " sub menu")),
+                                    React__default.createElement("ul", { ref: listRef, className: "arc-NavigationHeaderSubnav-navList" }, children))))))))));
+};
+
+var NavigationHeaderNavItem = function (_a) {
+    var navItem = _a.navItem;
+    var id = useId();
+    return (React__default.createElement(React__default.Fragment, null,
+        navItem.type === "link" && (React__default.createElement(NavigationHeaderNavLink, __assign({}, navItem, { borderRadiusSize: "m" }))),
+        navItem.type === "dropdown" && (React__default.createElement(NavigationHeaderDropdown, { visibleFrom: navItem.visibleFrom, trigger: navItem.text, ariaLabel: navItem.ariaLabel }, navItem.items.map(function (navLink, i) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-dropdown-item-").concat(i) },
+            React__default.createElement(NavigationHeaderNavLink, __assign({}, navLink)))); }))),
+        navItem.type === "subnav" && (React__default.createElement(NavigationHeaderSubnav, { visibleFrom: navItem.visibleFrom, trigger: navItem.text, ariaLabel: navItem.ariaLabel }, navItem.items.map(function (navLink, i) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-subnav-item-").concat(i) },
+            React__default.createElement(NavigationHeaderNavLink, __assign({}, navLink, { borderRadiusSize: "m" })))); })))));
+};
+
+var MeatBall = function () { return (React__default.createElement("svg", { width: 18, "aria-hidden": true, viewBox: "0 0 17 3", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("g", { id: "Vector" },
+        React__default.createElement("path", { d: "M1.5 6.1196e-07C2.32843 5.75748e-07 3 0.671573 3 1.5C3 2.32843 2.32843 3 1.5 3C0.671573 3 3.62117e-08 2.32843 0 1.5C-3.62117e-08 0.671574 0.671573 6.48172e-07 1.5 6.1196e-07Z", fill: "currentColor" }),
+        React__default.createElement("path", { d: "M8.5 3.0598e-07C9.32843 2.69769e-07 10 0.671573 10 1.5C10 2.32843 9.32843 3 8.5 3C7.67157 3 7 2.32843 7 1.5C7 0.671573 7.67157 3.42192e-07 8.5 3.0598e-07Z", fill: "currentColor" }),
+        React__default.createElement("path", { d: "M15.5 0C16.3284 -3.62112e-08 17 0.671573 17 1.5C17 2.32843 16.3284 3 15.5 3C14.6716 3 14 2.32843 14 1.5C14 0.671573 14.6716 3.62122e-08 15.5 0Z", fill: "currentColor" })))); };
+
+var getQuery = function (_a) {
+    var breakpoint = _a.breakpoint, type = _a.type, _b = _a.isMatchMedia, isMatchMedia = _b === void 0 ? false : _b;
+    var breakpointValue = typeof breakpoint === "number" ? breakpoint : ArcBreakpoints[breakpoint];
+    return "".concat(isMatchMedia ? "" : "@media", "(").concat(type, "-width: ").concat(breakpointValue, "px)");
+};
+
+/*
+  This is to ensure there are no cumulative layout shifts on SSR because of the dynamic media queries.
+  matchMedia can cause flickering when it returns a different value than the default state the server used.
+  This is plain old css so the styles will appear correctly on first paint.
+  The items these styles are applied to will still appear in the server rendered HTML for SEO purposes.
+*/
+var NavigationHeaderStyleElement = function (_a) {
+    var css = _a.css;
+    var generateCssStyles = function (declarations) {
+        return Object.entries(declarations).reduce(function (acc, _a) {
+            var property = _a[0], value = _a[1];
+            return "".concat(acc).concat(kebabCase(property), ":").concat(value, ";");
+        }, "");
+    };
+    var styleStrings = css.map(function (_a) {
+        var declarations = _a.declarations, className = _a.className, mediaQuery = _a.mediaQuery;
+        var escapedClassName = cssEscape(className, { isIdentifier: true });
+        var escapedStyles = cssEscape(generateCssStyles(declarations));
+        var cssDeclarations = ".".concat(escapedClassName, " { ").concat(escapedStyles, " }");
+        return mediaQuery
+            ? "".concat(getQuery(mediaQuery), " { ").concat(cssDeclarations, " }")
+            : cssDeclarations;
+    });
+    return React__default.createElement("style", null, styleStrings.join("").replace(/\s/g, ""));
+};
+
+var NavigationHeaderMeatBallMenu = function (_a) {
+    var extraNavItems = _a.extraNavItems, mainNavItems = _a.mainNavItems, _b = _a.tooltip, tooltip = _b === void 0 ? "More links" : _b, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? "Show hidden menu items" : _c;
+    var id = useId();
+    var meatBallMenuItemClassName = useUniqueString("arc-NavigationHeaderMeatBalllMenu-item");
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(NavigationHeaderStyleElement, { css: __spreadArray([
+                {
+                    className: meatBallMenuItemClassName,
+                    declarations: {
+                        display: "none",
+                    },
+                }
+            ], mainNavItems.map(function (navItem, i) { return ({
+                mediaQuery: { type: "max", breakpoint: navItem.visibleFrom || 0 },
+                className: "".concat(meatBallMenuItemClassName, "-").concat(i),
+                declarations: {
+                    display: "block",
+                },
+            }); }), true) }),
+        React__default.createElement("div", { className: "arc-NavigationHeaderMeatBalllMenu-container" },
+            React__default.createElement(NavigationHeaderDropdown, { ariaLabel: ariaLabel, tooltip: tooltip, trigger: React__default.createElement(MeatBall, null) },
+                extraNavItems.map(function (navItem, i) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-meatball-item-").concat(i) },
+                    React__default.createElement(NavigationHeaderNavLink, __assign({}, navItem)))); }),
+                mainNavItems.map(function (navItem, itemIndex) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-meatball-item-").concat(itemIndex), className: classNames(meatBallMenuItemClassName, "".concat(meatBallMenuItemClassName, "-").concat(itemIndex)) },
+                    navItem.type === "link" && (React__default.createElement(NavigationHeaderNavLink, __assign({}, navItem))),
+                    (navItem.type === "subnav" || navItem.type === "dropdown") &&
+                        navItem.items.map(function (navLink, subItemIndex) { return (React__default.createElement(NavigationHeaderNavLink, __assign({ key: "".concat(id, "-NavigationHeader-meatball-link--").concat(itemIndex, "-").concat(subItemIndex) }, navLink))); }))); })))));
+};
+
+var NavigationHeaderNavList = function (_a) {
+    var navItems = _a.navItems, meatBallMenuAriaLabel = _a.meatBallMenuAriaLabel, meatballMenuTooltip = _a.meatballMenuTooltip;
+    var id = useId();
+    var navListItemClassName = useUniqueString("arc-NavigationHeaderNavList-item");
+    var meatBallMenuClassName = useUniqueString("arc-NavigationHeaderNavList-meatballMenu");
+    var ref = useRef(null);
+    var mainNavItems = navItems.filter(function (navItem) { return navItem.type !== "meatball"; });
+    var meatBallMenuItems = navItems.filter(function (navItem) { return navItem.type === "meatball"; });
+    var largestElementBreakpoint = function (navItems) {
+        return Math.max.apply(Math, navItems.map(function (navItem) {
+            if (navItem.visibleFrom) {
+                return typeof navItem.visibleFrom === "number"
+                    ? navItem.visibleFrom
+                    : ArcBreakpoints[navItem.visibleFrom];
+            }
+            return 0;
+        }));
+    };
+    var meatBallMenuBreakpoint = meatBallMenuItems.length
+        ? { type: "max", breakpoint: 0 }
+        : { type: "min", breakpoint: largestElementBreakpoint(mainNavItems) };
+    return (React__default.createElement("div", { className: "arc-NavigationHeaderNavList-container" },
+        React__default.createElement(NavigationHeaderStyleElement, { css: __spreadArray([
+                {
+                    className: meatBallMenuClassName,
+                    mediaQuery: meatBallMenuBreakpoint,
+                    declarations: {
+                        display: "none",
+                    },
+                },
+                {
+                    className: navListItemClassName,
+                    declarations: {
+                        display: "none",
+                    },
+                }
+            ], mainNavItems.map(function (navItem, i) { return ({
+                mediaQuery: { type: "min", breakpoint: navItem.visibleFrom || 0 },
+                className: "".concat(navListItemClassName, "-").concat(i),
+                declarations: {
+                    display: "block",
+                },
+            }); }), true) }),
+        React__default.createElement("ul", { ref: ref, className: "arc-NavigationHeaderNavList" }, mainNavItems.map(function (navItem, i) { return (React__default.createElement("li", { key: "".concat(id, "-navigation-header-navitem-").concat(i), className: classNames(navListItemClassName, "".concat(navListItemClassName, "-").concat(i)) },
+            React__default.createElement(NavigationHeaderNavItem, { navItem: navItem }))); })),
+        React__default.createElement("div", { className: meatBallMenuClassName },
+            React__default.createElement(NavigationHeaderMeatBallMenu, { tooltip: meatballMenuTooltip, ariaLabel: meatBallMenuAriaLabel, mainNavItems: mainNavItems, extraNavItems: meatBallMenuItems }))));
+};
+
+var NavigationHeaderNav = function (props) {
+    var navigationHeaderContext = useContext(NavigationHeaderContext);
+    return (React__default.createElement("nav", { "aria-label": "primary" },
+        React__default.createElement("div", { ref: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.navBarPortalRef }),
+        React__default.createElement(NavigationHeaderContainer, __assign({}, props))));
+};
+
+var defaultHeaderVisibility = {
+    burgerMenu: {
+        xs: true,
+        s: false,
+        m: false,
+        l: false,
+        xl: false,
+        xxl: false,
+    },
+    navItems: {
+        xs: false,
+        s: true,
+        m: true,
+        l: true,
+        xl: true,
+        xxl: true,
+    },
+};
+
+var NavigationHeader = function (_a) {
+    var leftSlot = _a.leftSlot, middleSlot = _a.middleSlot, rightSlot = _a.rightSlot, isPill = _a.isPill, isExtended = _a.isExtended, isFluid = _a.isFluid, logo = _a.logo, navItems = _a.navItems, background = _a.background, meatballMenuTooltip = _a.meatballMenuTooltip, burgerMenuActions = _a.burgerMenuActions, burgerMenuFooter = _a.burgerMenuFooter, burgerMenuHeader = _a.burgerMenuHeader, burgerMenuVisibility = _a.burgerMenuVisibility, navMenuVisibility = _a.navMenuVisibility;
+    var navBarPortalRef = useRef(null);
+    var _b = useState(false), isSubMenuItemActive = _b[0], setIsSubMenuItemActive = _b[1];
+    var navBarBackground = isSubMenuItemActive ? "lightElevated" : background;
+    var burgerMenuVisibilityProps = __assign(__assign({}, defaultHeaderVisibility.burgerMenu), burgerMenuVisibility);
+    var navMenuVisibilityProps = __assign(__assign({}, defaultHeaderVisibility.navItems), navMenuVisibility);
+    return (React__default.createElement(NavigationHeaderContext.Provider, { value: {
+            navBarPortalRef: navBarPortalRef,
+            isPill: isPill,
+            isExtended: isExtended,
+            isFluid: isFluid,
+            setIsSubMenuItemActive: setIsSubMenuItemActive,
+        } },
+        React__default.createElement(NavigationHeaderNav, { isFluid: isFluid, isExtended: isExtended, background: navBarBackground, isPill: isPill },
+            React__default.createElement("div", { className: "arc-NavigationHeader-inner" },
+                React__default.createElement("div", { className: "arc-NavigationHeader-leftSlot" },
+                    React__default.createElement(NavigationHeaderLogo, __assign({}, logo)),
+                    leftSlot),
+                React__default.createElement("div", { className: "arc-NavigationHeader-navSlot" },
+                    navItems && (React__default.createElement(Visible, __assign({}, navMenuVisibilityProps),
+                        React__default.createElement(NavigationHeaderNavList, { navItems: navItems, meatballMenuTooltip: meatballMenuTooltip }))),
+                    React__default.createElement("div", { className: "arc-NavigationHeader-middleSlot" }, middleSlot)),
+                rightSlot && (React__default.createElement("div", { className: "arc-NavigationHeader-rightSlot" }, rightSlot)),
+                React__default.createElement(Visible, __assign({}, burgerMenuVisibilityProps),
+                    React__default.createElement("div", { className: "arc-NavigationHeader-burgerMenuSlot" },
+                        React__default.createElement(NavigationHeaderBurgerMenu, { logo: logo, navItems: navItems, actions: burgerMenuActions, header: burgerMenuHeader, footer: burgerMenuFooter })))))));
+};
+
+var NavigationHeaderAction = function (_a) {
+    var ariaLabel = _a.ariaLabel, icon = _a.icon, onClick = _a.onClick, title = _a.title, supportingCopy = _a.supportingCopy, _b = _a.isAttention, isAttention = _b === void 0 ? false : _b;
+    return (React__default.createElement("div", { className: classNames("arc-NavigationHeaderAction", {
+            "arc-NavigationHeaderAction--attention": isAttention,
+        }) },
+        React__default.createElement(Tooltip, { asChild: true, delayDuration: 0, title: title, alignContent: "center", supportingCopy: supportingCopy, side: "bottom" },
+            React__default.createElement(NavigationHeaderButton, { isPadded: false, onClick: onClick },
+                React__default.createElement("div", { className: "arc-NavigationHeaderAction-content" },
+                    React__default.createElement(Icon, { "aria-hidden": true, icon: icon, size: 24 }),
+                    React__default.createElement(VisuallyHidden, null, ariaLabel))))));
+};
+
+var NavigationHeaderActionBar = function (_a) {
+    var children = _a.children;
+    var id = useId();
+    var items = React__default.Children.map(children, function (child, i) { return (React__default.createElement("li", { key: "".concat(id, "-navigation-header-bar-action-item-").concat(i) }, child)); });
+    return React__default.createElement("ul", { className: "arc-NavigationHeaderActionBar" }, items);
+};
+
+var NavigationHeaderPage = function (_a) {
+    var icon = _a.icon, title = _a.title, page = _a.page;
+    var surface = useContext(Context).surface;
+    var iconToRender = function (size) { return React__default.createElement(Icon, { size: size, icon: icon }); };
+    return (React__default.createElement("div", { className: classNames("arc-NavigationHeaderPage", suffixModifier("arc-NavigationHeaderPage--on", surface)) },
+        icon && (React__default.createElement("div", { className: "arc-NavigationHeaderPage-icon" },
+            React__default.createElement(Visible, { xs: true }, iconToRender(20)),
+            React__default.createElement(Hidden, { xs: true }, iconToRender(32)))),
+        React__default.createElement("span", { className: "arc-NavigationHeaderPage-heading" }, title),
+        page && (React__default.createElement("div", { className: "arc-NavigationHeaderPage-pageSection" },
+            React__default.createElement("div", { className: "arc-NavigationHeaderPage-pageSectionText" },
+                React__default.createElement(Text, null, page))))));
+};
+
+export { NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, NavigationHeaderPage };