@typespec/html-program-viewer 0.83.0-dev.1 → 0.83.0-dev.2

package/dist/emitter/index.js

@@ -11,7 +11,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __copyProps = (to, from, except, desc) => {
 	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
 		key = keys[i];
@@ -31,7 +31,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/constants.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/constants.js
 var __GLOBAL__ = typeof window === "undefined" ? global : window;
 var __NAMESPACE_PREFIX__ = "@griffel/";
 function getGlobalVar(name, defaultValue) {
@@ -71,7 +71,7 @@ function murmur2(str) {
 	return ((h ^ h >>> 15) >>> 0).toString(36);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/runtime/utils/hashSequence.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/runtime/utils/hashSequence.js
 function padEndHash(value) {
 	const hashLength = value.length;
 	if (hashLength === 7) return value;
@@ -83,7 +83,7 @@ function hashSequence(classes, dir, sequenceIds = []) {
 	return "___" + padEndHash(murmur2(classes + dir)) + "_" + padEndHash(murmur2(sequenceIds.join("")));
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/runtime/reduceToClassNameForSlots.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/runtime/reduceToClassNameForSlots.js
 /**
 * Reduces a classname map for slot to a classname string. Uses classnames according to text directions.
 *
@@ -127,7 +127,7 @@ function reduceToClassNameForSlots(classesMapBySlot, dir) {
 	return classNamesForSlots;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/mergeClasses.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/mergeClasses.js
 var mergeClassesCachedResults = {};
 function mergeClasses() {
 	let dir = null;
@@ -183,7 +183,7 @@ Source string: ${className}`);
 	return resultClassName + newClassName;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/store.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/store.js
 var sequenceDetails = {};
 var cssRules = /* @__PURE__ */ new Set();
 var debugData = {
@@ -211,7 +211,7 @@ var debugData = {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/utils.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/utils.js
 function getDirectionalClassName(classes, direction) {
 	return Array.isArray(classes) ? direction === "rtl" ? classes[1] : classes[0] : classes || "";
 }
@@ -235,7 +235,7 @@ function getDebugClassNames(lookupItem, parentLookupItem, parentDebugClassNames,
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/getAtomicDebugSequenceTree.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/getAtomicDebugSequenceTree.js
 function getAtomicDebugSequenceTree(debugSequenceHash, parentNode) {
 	const lookupItem = DEFINITION_LOOKUP_TABLE[debugSequenceHash];
 	if (lookupItem === void 0) return;
@@ -267,7 +267,7 @@ function getAtomicDebugSequenceTree(debugSequenceHash, parentNode) {
 	return node;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/getResetDebugSequence.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/getResetDebugSequence.js
 function getResetDebugSequence(debugSequenceHash) {
 	if (DEBUG_RESET_CLASSES[debugSequenceHash] === void 0) return;
 	const node = {
@@ -286,7 +286,7 @@ function getResetDebugSequence(debugSequenceHash) {
 	return node;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/mergeDebugSequence.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/mergeDebugSequence.js
 function mergeDebugSequence(atomicClases, resetClassName) {
 	const debugResultRootAtomic = atomicClases ? getAtomicDebugSequenceTree(atomicClases) : void 0;
 	const debugResultRootReset = resetClassName ? getResetDebugSequence(resetClassName) : void 0;
@@ -301,7 +301,7 @@ function mergeDebugSequence(atomicClases, resetClassName) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/injectDevTools.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/injectDevTools.js
 function injectDevTools(document) {
 	const window = document.defaultView;
 	if (!window || window.__GRIFFEL_DEVTOOLS__) return;
@@ -323,17 +323,73 @@ function injectDevTools(document) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/isDevToolsEnabled.esm.js
-var isDevToolsEnabled = /* @__PURE__ */ (() => {
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/isDevToolsEnabled.js
+var isDevToolsEnabled = (() => {
 	var _a;
 	try {
 		return Boolean(typeof window !== "undefined" && ((_a = window.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem("__GRIFFEL_DEVTOOLS__")));
-	} catch (e) {
+	} catch {
 		return false;
 	}
 })();
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/runtime/utils/normalizeCSSBucketEntry.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/react-render-tracker/stackTrace.js
+var UNKNOWN_FUNCTION = "<unknown>";
+function parseStackTraceLine(line) {
+	return parseChrome(line) || parseGecko(line) || parseJSC(line);
+}
+var chromeRe = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)?\)?\s*$/i;
+var chromeRe2 = /^\s*at ()((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)\s*$/i;
+var chromeEvalRe = /\((\S*)\)/;
+function parseChrome(line) {
+	const parts = chromeRe.exec(line) || chromeRe2.exec(line);
+	if (!parts) return null;
+	let loc = parts[2];
+	const isNative = loc && loc.indexOf("native") === 0;
+	const isEval = loc && loc.indexOf("eval") === 0;
+	const submatch = chromeEvalRe.exec(loc);
+	if (isEval && submatch !== null) loc = submatch[1];
+	return {
+		loc: !isNative ? parts[2] : null,
+		name: parts[1] || UNKNOWN_FUNCTION
+	};
+}
+var geckoRe = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\[native).*?|[^@]*bundle)\s*$/i;
+var geckoEvalRe = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
+function parseGecko(line) {
+	const parts = geckoRe.exec(line);
+	if (!parts) return null;
+	let loc = parts[3];
+	const isEval = loc && loc.indexOf(" > eval") > -1;
+	const submatch = geckoEvalRe.exec(loc);
+	if (isEval && submatch !== null) loc = submatch[1];
+	return {
+		loc: parts[3],
+		name: parts[1] || UNKNOWN_FUNCTION
+	};
+}
+var javaScriptCoreRe = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?)\s*$/i;
+function parseJSC(line) {
+	const parts = javaScriptCoreRe.exec(line);
+	if (!parts) return null;
+	return {
+		loc: parts[3],
+		name: parts[1] || UNKNOWN_FUNCTION
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/devtools/getSourceURLfromError.js
+function getSourceURLfromError() {
+	const userMakeStyleCallLine = findUserMakeStyleCallInStacks(String((/* @__PURE__ */ new Error()).stack).split("\n"));
+	if (userMakeStyleCallLine === void 0) return;
+	const result = parseStackTraceLine(userMakeStyleCallLine);
+	return result === null || result === void 0 ? void 0 : result.loc;
+}
+function findUserMakeStyleCallInStacks(stacks) {
+	for (let i = stacks.length - 1; i >= 0; --i) if (stacks[i].includes("at getSourceURLfromError")) return stacks[i + 3];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/runtime/utils/normalizeCSSBucketEntry.js
 /**
 * @internal
 *
@@ -346,7 +402,7 @@ function normalizeCSSBucketEntry(entry) {
 	return entry;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/renderer/createIsomorphicStyleSheet.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/renderer/createIsomorphicStyleSheet.js
 function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementAttributes) {
 	const __cssRulesForSSR = [];
 	elementAttributes[DATA_BUCKET_ATTR] = bucketName;
@@ -400,7 +456,10 @@ function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, rend
 	const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
 	if (!renderer.stylesheets[stylesheetKey]) {
 		const tag = targetDocument && targetDocument.createElement("style");
-		const stylesheet = createIsomorphicStyleSheet(tag, bucketName, priority, Object.assign({}, renderer.styleElementAttributes, isMediaBucket && { media }));
+		const stylesheet = createIsomorphicStyleSheet(tag, bucketName, priority, {
+			...renderer.styleElementAttributes,
+			...isMediaBucket && { media }
+		});
 		renderer.stylesheets[stylesheetKey] = stylesheet;
 		if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.head) && tag) targetDocument.head.insertBefore(tag, findInsertionPoint(targetDocument, insertionPoint, bucketName, renderer, metadata));
 	}
@@ -449,7 +508,7 @@ function findInsertionPoint(targetDocument, insertionPoint, targetBucket, render
 	return insertionPoint ? insertionPoint.nextSibling : null;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/renderer/safeInsertRule.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/renderer/safeInsertRule.js
 var ignoreSuffixesRegex = /* @__PURE__ */ new RegExp(`:(${/* @__PURE__ */ [
 	"-moz-placeholder",
 	"-moz-focus-inner",
@@ -471,7 +530,7 @@ function safeInsertRule(sheet, ruleCSS) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/renderer/createDOMRenderer.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/renderer/createDOMRenderer.js
 var lastIndex = 0;
 /** @internal */
 var defaultCompareMediaQueries = (a, b) => a < b ? -1 : a > b ? 1 : 0;
@@ -509,63 +568,7 @@ function createDOMRenderer(targetDocument = typeof document === "undefined" ? vo
 	return renderer;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/react-render-tracker/stackTrace.esm.js
-var UNKNOWN_FUNCTION = "<unknown>";
-function parseStackTraceLine(line) {
-	return parseChrome(line) || parseGecko(line) || parseJSC(line);
-}
-var chromeRe = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)?\)?\s*$/i;
-var chromeRe2 = /^\s*at ()((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)\s*$/i;
-var chromeEvalRe = /\((\S*)\)/;
-function parseChrome(line) {
-	const parts = chromeRe.exec(line) || chromeRe2.exec(line);
-	if (!parts) return null;
-	let loc = parts[2];
-	const isNative = loc && loc.indexOf("native") === 0;
-	const isEval = loc && loc.indexOf("eval") === 0;
-	const submatch = chromeEvalRe.exec(loc);
-	if (isEval && submatch != null) loc = submatch[1];
-	return {
-		loc: !isNative ? parts[2] : null,
-		name: parts[1] || UNKNOWN_FUNCTION
-	};
-}
-var geckoRe = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\[native).*?|[^@]*bundle)\s*$/i;
-var geckoEvalRe = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
-function parseGecko(line) {
-	const parts = geckoRe.exec(line);
-	if (!parts) return null;
-	let loc = parts[3];
-	const isEval = loc && loc.indexOf(" > eval") > -1;
-	const submatch = geckoEvalRe.exec(loc);
-	if (isEval && submatch != null) loc = submatch[1];
-	return {
-		loc: parts[3],
-		name: parts[1] || UNKNOWN_FUNCTION
-	};
-}
-var javaScriptCoreRe = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?)\s*$/i;
-function parseJSC(line) {
-	const parts = javaScriptCoreRe.exec(line);
-	if (!parts) return null;
-	return {
-		loc: parts[3],
-		name: parts[1] || UNKNOWN_FUNCTION
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/devtools/getSourceURLfromError.esm.js
-function getSourceURLfromError() {
-	const userMakeStyleCallLine = findUserMakeStyleCallInStacks(String((/* @__PURE__ */ new Error()).stack).split("\n"));
-	if (userMakeStyleCallLine === void 0) return;
-	const result = parseStackTraceLine(userMakeStyleCallLine);
-	return result === null || result === void 0 ? void 0 : result.loc;
-}
-function findUserMakeStyleCallInStacks(stacks) {
-	for (let i = stacks.length - 1; i >= 0; --i) if (stacks[i].includes("at getSourceURLfromError")) return stacks[i + 3];
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/insertionFactory.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/insertionFactory.js
 /**
 * Default implementation of insertion factory. Inserts styles only once per renderer and performs
 * insertion immediately after styles computation.
@@ -582,11 +585,11 @@ var insertionFactory = () => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+core@1.20.1/node_modules/@griffel/core/__styles.esm.js
+//#region ../../node_modules/.pnpm/@griffel+core@1.21.2/node_modules/@griffel/core/src/__styles.js
 /**
 * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
 *
-* @internal
+* @private
 */
 function __styles(classesMapBySlot, cssRules, factory = insertionFactory) {
 	const insertStyles = factory();
@@ -608,150 +611,393 @@ function __styles(classesMapBySlot, cssRules, factory = insertionFactory) {
 	return computeClasses;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@griffel+react@1.6.1_react@19.2.5/node_modules/@griffel/react/RendererContext.esm.js
-/**
-* @private
-*/
-var RendererContext = /* @__PURE__ */ React.createContext(/* @__PURE__ */ createDOMRenderer());
-/**
-* Returns an instance of current makeStyles() renderer.
-*
-* @private Exported as "useRenderer_unstable" use it on own risk. Can be changed or removed without a notice.
-*/
-function useRenderer() {
-	return React.useContext(RendererContext);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@griffel+react@1.6.1_react@19.2.5/node_modules/@griffel/react/TextDirectionContext.esm.js
-/**
-* @private
-*/
-var TextDirectionContext = /* @__PURE__ */ React.createContext("ltr");
-/**
-* @public
-*/
-var TextDirectionProvider = ({ children, dir }) => {
-	return /* @__PURE__ */ React.createElement(TextDirectionContext.Provider, { value: dir }, children);
-};
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/createCSSRuleFromTheme.js
-var CSS_ESCAPE_MAP = {
-	"<": "\\3C ",
-	">": "\\3E "
-};
-/**
-* Escapes characters that could break out of a <style> tag during SSR.
-*
-* IMPORTANT: Do not strip quotes. Theme values legitimately include quoted font families and other CSS.
-* We only need to ensure the generated text cannot terminate the style tag and inject HTML.
-*/ function escapeForStyleTag(value) {
-	return value.replace(/[<>]/g, (match) => CSS_ESCAPE_MAP[match]);
-}
+//#region ../../node_modules/.pnpm/react@19.2.6/node_modules/react/cjs/react-jsx-runtime.production.js
 /**
-* Creates a CSS rule from a theme object.
+* @license React
+* react-jsx-runtime.production.js
 *
-* Useful for scenarios when you want to apply theming statically to a top level elements like `body`.
-*/ function createCSSRuleFromTheme(selector, theme) {
-	if (theme) return `${selector} { ${escapeForStyleTag(Object.keys(theme).reduce((cssVarRule, cssVar) => {
-		return `${cssVarRule}--${cssVar}: ${theme[cssVar]}; `;
-	}, ""))} }`;
-	return `${selector} {}`;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/compose/constants.js
-/**
-* @internal
-* Internal reference for the render function
-*/ var SLOT_RENDER_FUNCTION_SYMBOL = Symbol.for("fui.slotRenderFunction");
-/**
-* @internal
-* Internal reference for the render function
-*/ var SLOT_ELEMENT_TYPE_SYMBOL = Symbol.for("fui.slotElementType");
-/**
-* @internal
-* Internal cache of the original className prop for the slot, before being modified by the useStyles hook.
-*/ var SLOT_CLASS_NAME_PROP_SYMBOL = Symbol.for("fui.slotClassNameProp");
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/compose/slot.js
-/**
-* Creates a slot from a slot shorthand or properties (`props.SLOT_NAME` or `props` itself)
-* @param value - the value of the slot, it can be a slot shorthand, a slot component or a slot properties
-* @param options - values you can pass to alter the signature of a slot, those values are:
+* Copyright (c) Meta Platforms, Inc. and affiliates.
 *
-* * `elementType` - the base element type of a slot, defaults to `'div'`
-* * `defaultProps` - similar to a React component declaration, you can provide a slot default properties to be merged with the shorthand/properties provided.
-*/ function always(value, options) {
-	const { defaultProps, elementType } = options;
-	const props = resolveShorthand(value);
-	/**
-	* Casting is required here as SlotComponentType is a function, not an object.
-	* Although SlotComponentType has a function signature, it is still just an object.
-	* This is required to make a slot callable (JSX compatible), this is the exact same approach
-	* that is used on `@types/react` components
-	*/ const propsWithMetadata = {
-		...defaultProps,
-		...props,
-		[SLOT_ELEMENT_TYPE_SYMBOL]: elementType,
-		[SLOT_CLASS_NAME_PROP_SYMBOL]: (props === null || props === void 0 ? void 0 : props.className) || (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.className)
-	};
-	if (props && typeof props.children === "function") {
-		propsWithMetadata[SLOT_RENDER_FUNCTION_SYMBOL] = props.children;
-		propsWithMetadata.children = defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.children;
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+	function jsxProd(type, config, maybeKey) {
+		var key = null;
+		void 0 !== maybeKey && (key = "" + maybeKey);
+		void 0 !== config.key && (key = "" + config.key);
+		if ("key" in config) {
+			maybeKey = {};
+			for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
+		} else maybeKey = config;
+		config = maybeKey.ref;
+		return {
+			$$typeof: REACT_ELEMENT_TYPE,
+			type,
+			key,
+			ref: void 0 !== config ? config : null,
+			props: maybeKey
+		};
 	}
-	return propsWithMetadata;
-}
-/**
-* Helper function that converts a slot shorthand or properties to a slot properties object
-* The main difference between this function and `slot` is that this function does not return the metadata required for a slot to be considered a properly renderable slot, it only converts the value to a slot properties object
-* @param value - the value of the slot, it can be a slot shorthand or a slot properties object
-*/ function resolveShorthand(value) {
-	if (typeof value === "string" || typeof value === "number" || isIterable(value) || React.isValidElement(value)) return { children: value };
-	if (value && typeof value !== "object" && process.env.NODE_ENV !== "production") console.error(`@fluentui/react-utilities [slot.${resolveShorthand.name}]:
-A slot got an invalid value "${value}" (${typeof value}).
-A valid value for a slot is a slot shorthand or slot properties object.
-Slot shorthands can be strings, numbers, arrays or JSX elements`);
-	return value;
-}
-var isIterable = (value) => typeof value === "object" && value !== null && Symbol.iterator in value;
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/compose/isSlot.js
-/**
-* Guard method to ensure a given element is a slot.
-* This is mainly used internally to ensure a slot is being used as a component.
-*/ function isSlot(element) {
-	return Boolean(element === null || element === void 0 ? void 0 : element.hasOwnProperty(SLOT_ELEMENT_TYPE_SYMBOL));
-}
+	exports.Fragment = REACT_FRAGMENT_TYPE;
+	exports.jsx = jsxProd;
+	exports.jsxs = jsxProd;
+}));
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/compose/assertSlots.js
+//#region ../../node_modules/.pnpm/react@19.2.6/node_modules/react/cjs/react-jsx-runtime.development.js
 /**
-* @internal
-* Assertion method to ensure state slots properties are properly declared.
-* A properly declared slot must be declared by using the `slot` method.
+* @license React
+* react-jsx-runtime.development.js
 *
-* @example
-* ```tsx
-* export const renderInput_unstable  = (state: InputState): JSXElement => {
-assertSlots<InputSlots>(state);
-return (
-<state.root>
-{state.contentBefore && <state.contentBefore />}
-<state.input />
-{state.contentAfter && <state.contentAfter />}
-</state.root>
-);
-};
-* ```
-*/ function assertSlots(state) {
-	/**
-	* This verification is not necessary in production
-	* as we're verifying static properties that will not change between environments
-	*/ if (process.env.NODE_ENV !== "production") {
-		const typedState = state;
-		for (const slotName of Object.keys(typedState.components)) {
-			const slotElement = typedState[slotName];
-			if (slotElement === void 0) continue;
-			if (!isSlot(slotElement)) {
-				typedState[slotName] = always(slotElement, { elementType: typedState.components[slotName] });
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	"production" !== process.env.NODE_ENV && (function() {
+		function getComponentNameFromType(type) {
+			if (null == type) return null;
+			if ("function" === typeof type) return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+			if ("string" === typeof type) return type;
+			switch (type) {
+				case REACT_FRAGMENT_TYPE: return "Fragment";
+				case REACT_PROFILER_TYPE: return "Profiler";
+				case REACT_STRICT_MODE_TYPE: return "StrictMode";
+				case REACT_SUSPENSE_TYPE: return "Suspense";
+				case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList";
+				case REACT_ACTIVITY_TYPE: return "Activity";
+			}
+			if ("object" === typeof type) switch ("number" === typeof type.tag && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
+				case REACT_PORTAL_TYPE: return "Portal";
+				case REACT_CONTEXT_TYPE: return type.displayName || "Context";
+				case REACT_CONSUMER_TYPE: return (type._context.displayName || "Context") + ".Consumer";
+				case REACT_FORWARD_REF_TYPE:
+					var innerType = type.render;
+					type = type.displayName;
+					type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+					return type;
+				case REACT_MEMO_TYPE: return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+				case REACT_LAZY_TYPE:
+					innerType = type._payload;
+					type = type._init;
+					try {
+						return getComponentNameFromType(type(innerType));
+					} catch (x) {}
+			}
+			return null;
+		}
+		function testStringCoercion(value) {
+			return "" + value;
+		}
+		function checkKeyStringCoercion(value) {
+			try {
+				testStringCoercion(value);
+				var JSCompiler_inline_result = !1;
+			} catch (e) {
+				JSCompiler_inline_result = !0;
+			}
+			if (JSCompiler_inline_result) {
+				JSCompiler_inline_result = console;
+				var JSCompiler_temp_const = JSCompiler_inline_result.error;
+				var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+				JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
+				return testStringCoercion(value);
+			}
+		}
+		function getTaskName(type) {
+			if (type === REACT_FRAGMENT_TYPE) return "<>";
+			if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE) return "<...>";
+			try {
+				var name = getComponentNameFromType(type);
+				return name ? "<" + name + ">" : "<...>";
+			} catch (x) {
+				return "<...>";
+			}
+		}
+		function getOwner() {
+			var dispatcher = ReactSharedInternals.A;
+			return null === dispatcher ? null : dispatcher.getOwner();
+		}
+		function UnknownOwner() {
+			return Error("react-stack-top-frame");
+		}
+		function hasValidKey(config) {
+			if (hasOwnProperty.call(config, "key")) {
+				var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+				if (getter && getter.isReactWarning) return !1;
+			}
+			return void 0 !== config.key;
+		}
+		function defineKeyPropWarningGetter(props, displayName) {
+			function warnAboutAccessingKey() {
+				specialPropKeyWarningShown || (specialPropKeyWarningShown = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
+			}
+			warnAboutAccessingKey.isReactWarning = !0;
+			Object.defineProperty(props, "key", {
+				get: warnAboutAccessingKey,
+				configurable: !0
+			});
+		}
+		function elementRefGetterWithDeprecationWarning() {
+			var componentName = getComponentNameFromType(this.type);
+			didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
+			componentName = this.props.ref;
+			return void 0 !== componentName ? componentName : null;
+		}
+		function ReactElement(type, key, props, owner, debugStack, debugTask) {
+			var refProp = props.ref;
+			type = {
+				$$typeof: REACT_ELEMENT_TYPE,
+				type,
+				key,
+				props,
+				_owner: owner
+			};
+			null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
+				enumerable: !1,
+				get: elementRefGetterWithDeprecationWarning
+			}) : Object.defineProperty(type, "ref", {
+				enumerable: !1,
+				value: null
+			});
+			type._store = {};
+			Object.defineProperty(type._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			});
+			Object.defineProperty(type, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			});
+			Object.defineProperty(type, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: debugStack
+			});
+			Object.defineProperty(type, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: debugTask
+			});
+			Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+			return type;
+		}
+		function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
+			var children = config.children;
+			if (void 0 !== children) if (isStaticChildren) if (isArrayImpl(children)) {
+				for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++) validateChildKeys(children[isStaticChildren]);
+				Object.freeze && Object.freeze(children);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else validateChildKeys(children);
+			if (hasOwnProperty.call(config, "key")) {
+				children = getComponentNameFromType(type);
+				var keys = Object.keys(config).filter(function(k) {
+					return "key" !== k;
+				});
+				isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+				didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", isStaticChildren, children, keys, children), didWarnAboutKeySpread[children + isStaticChildren] = !0);
+			}
+			children = null;
+			void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+			hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+			if ("key" in config) {
+				maybeKey = {};
+				for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
+			} else maybeKey = config;
+			children && defineKeyPropWarningGetter(maybeKey, "function" === typeof type ? type.displayName || type.name || "Unknown" : type);
+			return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
+		}
+		function validateChildKeys(node) {
+			isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
+		}
+		function isValidElement(object) {
+			return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
+		}
+		var React = __require("react"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		React = { react_stack_bottom_frame: function(callStackForError) {
+			return callStackForError();
+		} };
+		var specialPropKeyWarningShown;
+		var didWarnAboutElementRef = {};
+		var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(React, UnknownOwner)();
+		var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+		var didWarnAboutKeySpread = {};
+		exports.Fragment = REACT_FRAGMENT_TYPE;
+		exports.jsx = function(type, config, maybeKey) {
+			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+			return jsxDEVImpl(type, config, maybeKey, !1, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
+		};
+		exports.jsxs = function(type, config, maybeKey) {
+			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+			return jsxDEVImpl(type, config, maybeKey, !0, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
+		};
+	})();
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/@griffel+react@1.7.4_react@19.2.6/node_modules/@griffel/react/src/RendererContext.js
+var import_jsx_runtime = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_react_jsx_runtime_production();
+	else module.exports = require_react_jsx_runtime_development();
+})))(), 1);
+/**
+* @private
+*/
+var RendererContext = /* @__PURE__ */ createContext(/* @__PURE__ */ createDOMRenderer());
+/**
+* Returns an instance of current makeStyles() renderer.
+*
+* @private Exported as "useRenderer_unstable" use it on own risk. Can be changed or removed without a notice.
+*/
+function useRenderer() {
+	return useContext(RendererContext);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@griffel+react@1.7.4_react@19.2.6/node_modules/@griffel/react/src/TextDirectionContext.js
+/**
+* @private
+*/
+var TextDirectionContext = /* @__PURE__ */ createContext("ltr");
+/**
+* @public
+*/
+var TextDirectionProvider = ({ children, dir }) => {
+	return (0, import_jsx_runtime.jsx)(TextDirectionContext.Provider, {
+		value: dir,
+		children
+	});
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/createCSSRuleFromTheme.js
+var CSS_ESCAPE_MAP = {
+	"<": "\\3C ",
+	">": "\\3E "
+};
+/**
+* Escapes characters that could break out of a <style> tag during SSR.
+*
+* IMPORTANT: Do not strip quotes. Theme values legitimately include quoted font families and other CSS.
+* We only need to ensure the generated text cannot terminate the style tag and inject HTML.
+*/ function escapeForStyleTag(value) {
+	return value.replace(/[<>]/g, (match) => CSS_ESCAPE_MAP[match]);
+}
+/**
+* Creates a CSS rule from a theme object.
+*
+* Useful for scenarios when you want to apply theming statically to a top level elements like `body`.
+*/ function createCSSRuleFromTheme(selector, theme) {
+	if (theme) return `${selector} { ${escapeForStyleTag(Object.keys(theme).reduce((cssVarRule, cssVar) => {
+		return `${cssVarRule}--${cssVar}: ${theme[cssVar]}; `;
+	}, ""))} }`;
+	return `${selector} {}`;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/compose/constants.js
+/**
+* Internal reference for the render function
+*
+* @internal
+*/ var SLOT_RENDER_FUNCTION_SYMBOL = Symbol.for("fui.slotRenderFunction");
+/**
+* Internal reference for the render function
+*
+* @internal
+*/ var SLOT_ELEMENT_TYPE_SYMBOL = Symbol.for("fui.slotElementType");
+/**
+* Internal cache of the original className prop for the slot, before being modified by the useStyles hook.
+*
+* @internal
+*/ var SLOT_CLASS_NAME_PROP_SYMBOL = Symbol.for("fui.slotClassNameProp");
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/compose/slot.js
+/**
+* Creates a slot from a slot shorthand or properties (`props.SLOT_NAME` or `props` itself)
+* @param value - the value of the slot, it can be a slot shorthand, a slot component or a slot properties
+* @param options - values you can pass to alter the signature of a slot, those values are:
+*
+* * `elementType` - the base element type of a slot, defaults to `'div'`
+* * `defaultProps` - similar to a React component declaration, you can provide a slot default properties to be merged with the shorthand/properties provided.
+*/ function always(value, options) {
+	const { defaultProps, elementType } = options;
+	const props = resolveShorthand(value);
+	/**
+	* Casting is required here as SlotComponentType is a function, not an object.
+	* Although SlotComponentType has a function signature, it is still just an object.
+	* This is required to make a slot callable (JSX compatible), this is the exact same approach
+	* that is used on `@types/react` components
+	*/ const propsWithMetadata = {
+		...defaultProps,
+		...props,
+		[SLOT_ELEMENT_TYPE_SYMBOL]: elementType,
+		[SLOT_CLASS_NAME_PROP_SYMBOL]: (props === null || props === void 0 ? void 0 : props.className) || (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.className)
+	};
+	if (props && typeof props.children === "function") {
+		propsWithMetadata[SLOT_RENDER_FUNCTION_SYMBOL] = props.children;
+		propsWithMetadata.children = defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.children;
+	}
+	return propsWithMetadata;
+}
+/**
+* Helper function that converts a slot shorthand or properties to a slot properties object
+* The main difference between this function and `slot` is that this function does not return the metadata required for a slot to be considered a properly renderable slot, it only converts the value to a slot properties object
+* @param value - the value of the slot, it can be a slot shorthand or a slot properties object
+*/ function resolveShorthand(value) {
+	if (typeof value === "string" || typeof value === "number" || isIterable(value) || React.isValidElement(value)) return { children: value };
+	if (value && typeof value !== "object" && process.env.NODE_ENV !== "production") console.error(`@fluentui/react-utilities [slot.${resolveShorthand.name}]:
+A slot got an invalid value "${value}" (${typeof value}).
+A valid value for a slot is a slot shorthand or slot properties object.
+Slot shorthands can be strings, numbers, arrays or JSX elements`);
+	return value;
+}
+var isIterable = (value) => typeof value === "object" && value !== null && Symbol.iterator in value;
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/compose/isSlot.js
+/**
+* Guard method to ensure a given element is a slot.
+* This is mainly used internally to ensure a slot is being used as a component.
+*/ function isSlot(element) {
+	return Boolean(element === null || element === void 0 ? void 0 : element.hasOwnProperty(SLOT_ELEMENT_TYPE_SYMBOL));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/compose/assertSlots.js
+/**
+* Assertion method to ensure state slots properties are properly declared.
+* A properly declared slot must be declared by using the `slot` method.
+*
+* @internal
+* @example
+* ```tsx
+* export const renderInput_unstable  = (state: InputState): JSXElement => {
+*     assertSlots<InputSlots>(state);
+*     return (
+*       <state.root>
+*         {state.contentBefore && <state.contentBefore />}
+*         <state.input />
+*         {state.contentAfter && <state.contentAfter />}
+*       </state.root>
+*     );
+*   };
+* ```
+*/ function assertSlots(state) {
+	/**
+	* This verification is not necessary in production
+	* as we're verifying static properties that will not change between environments
+	*/ if (process.env.NODE_ENV !== "production") {
+		const typedState = state;
+		for (const slotName of Object.keys(typedState.components)) {
+			const slotElement = typedState[slotName];
+			if (slotElement === void 0) continue;
+			if (!isSlot(slotElement)) {
+				typedState[slotName] = always(slotElement, { elementType: typedState.components[slotName] });
 				console.warn(`@fluentui/react-utilities [${assertSlots.name}]:
 "state.${slotName}" is not a slot!
 Be sure to create slots properly by using "slot.always" or "slot.optional".`);
@@ -769,7 +1015,7 @@ Be sure to create slots properly by using "slot.always" or "slot.optional" with
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/utils/properties.js
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/utils/properties.js
 var toObjectMap = (...items) => {
 	const result = {};
 	for (const item of items) {
@@ -883,6 +1129,7 @@ var toObjectMap = (...items) => {
 	"lang",
 	"popover",
 	"focusgroup",
+	"focusgroupstart",
 	"ref",
 	"role",
 	"style",
@@ -1136,7 +1383,7 @@ var colProperties = toObjectMap(htmlElementProperties, ["span"]);
 	return result;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/utils/getNativeElementProps.js
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/utils/getNativeElementProps.js
 var nativeElementMap = {
 	label: labelProperties,
 	audio: audioProperties,
@@ -1176,463 +1423,226 @@ var nativeElementMap = {
 	return getNativeProps(props, allowedPropNames, excludedPropNames);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/compose/getIntrinsicElementProps.js
-/**
-* Given an element tagname and user props, filters the props to only allowed props for the given
-* element type.
-*
-* Equivalent to {@link getNativeElementProps}, but more type-safe.
-*
-* @param tagName - The slot's default element type (e.g. 'div')
-* @param props - The component's props object
-* @param excludedPropNames - List of native props to exclude from the returned value
-*/ var getIntrinsicElementProps = (tagName, props, excludedPropNames) => {
-	var _props_as;
-	return getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : tagName, props, excludedPropNames);
-};
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_8bda8370fa9c9696999ee0a23faa49e6/node_modules/@fluentui/react-shared-contexts/lib/ThemeContext/ThemeContext.js
-/**
-* @internal
-*/ var ThemeContext = React.createContext(void 0);
-/**
-* @internal
-*/ var ThemeProvider = ThemeContext.Provider;
-var ThemeClassNameProvider = React.createContext(void 0).Provider;
-/**
-* @internal
-*/ var TooltipVisibilityProvider = React.createContext(void 0).Provider;
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_8bda8370fa9c9696999ee0a23faa49e6/node_modules/@fluentui/react-shared-contexts/lib/ProviderContext/ProviderContext.js
-/**
-* @internal
-*/ var ProviderContext = React.createContext(void 0);
-var providerContextDefaultValue = {
-	targetDocument: typeof document === "object" ? document : void 0,
-	dir: "ltr"
-};
-/**
-* @internal
-*/ var Provider = ProviderContext.Provider;
-function useFluent() {
-	var _React_useContext;
-	return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : providerContextDefaultValue;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_8bda8370fa9c9696999ee0a23faa49e6/node_modules/@fluentui/react-shared-contexts/lib/OverridesContext/OverridesContext.js
-/**
-* @internal
-*/ var OverridesContext = React.createContext(void 0);
-/**
-* @internal
-*/ var OverridesProvider = OverridesContext.Provider;
-function useOverrides() {
-	var _React_useContext;
-	return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== void 0 ? _React_useContext : {};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_8bda8370fa9c9696999ee0a23faa49e6/node_modules/@fluentui/react-shared-contexts/lib/CustomStyleHooksContext/CustomStyleHooksContext.js
-/**
-* @internal
-*/ var CustomStyleHooksContext = React.createContext(void 0);
-/**
-* @internal
-*/ var CustomStyleHooksProvider = CustomStyleHooksContext.Provider;
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/ssr/canUseDOM.js
-/**
-* Verifies if an application can use DOM.
-*/ function canUseDOM() {
-	return typeof window !== "undefined" && !!(window.document && window.document.createElement);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/ssr/SSRContext.js
-/**
-* Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
-*
-* @internal
-*/ var defaultSSRContextValue = { current: 0 };
-var SSRContext = /* @__PURE__ */ React.createContext(void 0);
-/**
-* @internal
-*/ function useSSRContext() {
-	var _React_useContext;
-	return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultSSRContextValue;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/hooks/useIsomorphicLayoutEffect.js
-/**
-* React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
-* useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
-* ensure we don't get a render flash for certain operations, but we may also need affected components to render on
-* the server.
-*
-* https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
-* https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
-*/ var useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/hooks/useId.js
-var IdPrefixContext = React.createContext(void 0);
-IdPrefixContext.Provider;
-function useIdPrefix() {
-	return React.useContext(IdPrefixContext) || "";
-}
-/**
-* Hook to generate a unique ID.
-*
-* @param prefix - Optional prefix for the ID. Defaults to 'fui-'.
-* @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
-*  without conditioning the hook call
-* @returns The ID
-*/ function useId(prefix = "fui-", providedId) {
-	"use no memo";
-	const contextValue = useSSRContext();
-	const idPrefix = useIdPrefix();
-	const _useId = React["useId"];
-	if (_useId) {
-		const generatedId = _useId();
-		const escapedId = React.useMemo(() => generatedId.replace(/:/g, ""), [generatedId]);
-		return providedId || `${idPrefix}${prefix}${escapedId}`;
-	}
-	return React.useMemo(() => {
-		if (providedId) return providedId;
-		return `${idPrefix}${prefix}${++contextValue.current}`;
-	}, [
-		idPrefix,
-		prefix,
-		providedId,
-		contextValue
-	]);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/hooks/useMergedRefs.js
-/**
-* React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
-* updates all provided refs
-* @param refs - Refs to collectively update with one ref value.
-* @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
-*/ function useMergedRefs(...refs) {
-	"use no memo";
-	const mergedCallback = React.useCallback((value) => {
-		mergedCallback.current = value;
-		for (const ref of refs) {
-			if (typeof ref === "string" && process.env.NODE_ENV !== "production") console.error(`@fluentui/react-utilities [useMergedRefs]:
-This hook does not support the usage of string refs. Please use React.useRef instead.
-
-For more info on 'React.useRef', see https://react.dev/reference/react/useRef.
-For more info on string refs, see https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-string-refs.`);
-			if (typeof ref === "function") ref(value);
-			else if (ref) ref.current = value;
-		}
-	}, [...refs]);
-	return mergedCallback;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_a4269a14c6e5e3251a31d6808775b455/node_modules/@fluentui/react-utilities/lib/utils/isHTMLElement.js
-/**
-* Verifies if a given node is an HTMLElement,
-* this method works seamlessly with frames and elements from different documents
-*
-* This is preferred over simply using `instanceof`.
-* Since `instanceof` might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)
-*
-* @example
-* ```ts
-* isHTMLElement(event.target) && event.target.focus()
-* isHTMLElement(event.target, {constructorName: 'HTMLInputElement'}) && event.target.value // some value
-* ```
-*
-*/ function isHTMLElement(element, options) {
-	var _typedElement_ownerDocument;
-	const typedElement = element;
-	var _options_constructorName;
-	return Boolean((typedElement === null || typedElement === void 0 ? void 0 : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === void 0 ? void 0 : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = options === null || options === void 0 ? void 0 : options.constructorName) !== null && _options_constructorName !== void 0 ? _options_constructorName : "HTMLElement"]);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/utils/createCompatSlotComponent.js
-function createCompatSlotComponent(type, props) {
-	return {
-		...props,
-		[SLOT_ELEMENT_TYPE_SYMBOL]: type
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/utils/warnIfElementTypeIsInvalid.js
-function warnIfElementTypeIsInvalid(type) {
-	if (process.env.NODE_ENV === "development" && typeof type === "object" && type !== null && type["$$typeof"] === void 0) console.error(`@fluentui/react-jsx-runtime:
-Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.
-
-If this happened in a slot of Fluent UI component, you might be facing package resolution issues.
-Please make sure you don't have multiple versions of "@fluentui/react-utilities" installed in your dependencies or sub-dependencies.
-You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).`);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/jsx/createJSX.js
-function createJSX(runtime, slotRuntime) {
-	return function jsx(type, overrideProps, key, source, self) {
-		if (isSlot(overrideProps)) return slotRuntime(createCompatSlotComponent(type, overrideProps), null, key, source, self);
-		if (isSlot(type)) return slotRuntime(type, overrideProps, key, source, self);
-		warnIfElementTypeIsInvalid(type);
-		return runtime(type, overrideProps, key, source, self);
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/utils/getMetadataFromSlotComponent.js
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/compose/getIntrinsicElementProps.js
+/**
+* Given an element tagname and user props, filters the props to only allowed props for the given
+* element type.
+*
+* Equivalent to {@link getNativeElementProps}, but more type-safe.
+*
+* @param tagName - The slot's default element type (e.g. 'div')
+* @param props - The component's props object
+* @param excludedPropNames - List of native props to exclude from the returned value
+*/ var getIntrinsicElementProps = (tagName, props, excludedPropNames) => {
+	var _props_as;
+	return getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : tagName, props, excludedPropNames);
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_84eb2088645cd925a4ae315842fc30c8/node_modules/@fluentui/react-shared-contexts/lib/ThemeContext/ThemeContext.js
 /**
 * @internal
-*/ function getMetadataFromSlotComponent(type) {
-	const { as, [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
-	const props = propsWithoutMetadata;
-	const elementType = typeof baseElementType === "string" ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
-	if (typeof elementType !== "string" && as) props.as = as;
-	return {
-		elementType,
-		props,
-		renderFunction
-	};
-}
+*/ var ThemeContext = React.createContext(void 0);
+/**
+* @internal
+*/ var ThemeProvider = ThemeContext.Provider;
+var ThemeClassNameProvider = React.createContext(void 0).Provider;
+/**
+* @internal
+*/ var TooltipVisibilityProvider = React.createContext(void 0).Provider;
 //#endregion
-//#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
+//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_84eb2088645cd925a4ae315842fc30c8/node_modules/@fluentui/react-shared-contexts/lib/ProviderContext/ProviderContext.js
 /**
-* @license React
-* react-jsx-runtime.production.js
-*
-* Copyright (c) Meta Platforms, Inc. and affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((exports) => {
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-		var key = null;
-		void 0 !== maybeKey && (key = "" + maybeKey);
-		void 0 !== config.key && (key = "" + config.key);
-		if ("key" in config) {
-			maybeKey = {};
-			for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
-		} else maybeKey = config;
-		config = maybeKey.ref;
-		return {
-			$$typeof: REACT_ELEMENT_TYPE,
-			type,
-			key,
-			ref: void 0 !== config ? config : null,
-			props: maybeKey
-		};
-	}
-	exports.Fragment = REACT_FRAGMENT_TYPE;
-	exports.jsx = jsxProd;
-	exports.jsxs = jsxProd;
-}));
+* @internal
+*/ var ProviderContext = React.createContext(void 0);
+var providerContextDefaultValue = {
+	targetDocument: typeof document === "object" ? document : void 0,
+	dir: "ltr"
+};
+/**
+* @internal
+*/ var Provider = ProviderContext.Provider;
+function useFluent() {
+	var _React_useContext;
+	return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : providerContextDefaultValue;
+}
 //#endregion
-//#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.development.js
+//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_84eb2088645cd925a4ae315842fc30c8/node_modules/@fluentui/react-shared-contexts/lib/OverridesContext/OverridesContext.js
 /**
-* @license React
-* react-jsx-runtime.development.js
-*
-* Copyright (c) Meta Platforms, Inc. and affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((exports) => {
-	"production" !== process.env.NODE_ENV && (function() {
-		function getComponentNameFromType(type) {
-			if (null == type) return null;
-			if ("function" === typeof type) return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-			if ("string" === typeof type) return type;
-			switch (type) {
-				case REACT_FRAGMENT_TYPE: return "Fragment";
-				case REACT_PROFILER_TYPE: return "Profiler";
-				case REACT_STRICT_MODE_TYPE: return "StrictMode";
-				case REACT_SUSPENSE_TYPE: return "Suspense";
-				case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList";
-				case REACT_ACTIVITY_TYPE: return "Activity";
-			}
-			if ("object" === typeof type) switch ("number" === typeof type.tag && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
-				case REACT_PORTAL_TYPE: return "Portal";
-				case REACT_CONTEXT_TYPE: return type.displayName || "Context";
-				case REACT_CONSUMER_TYPE: return (type._context.displayName || "Context") + ".Consumer";
-				case REACT_FORWARD_REF_TYPE:
-					var innerType = type.render;
-					type = type.displayName;
-					type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
-					return type;
-				case REACT_MEMO_TYPE: return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
-				case REACT_LAZY_TYPE:
-					innerType = type._payload;
-					type = type._init;
-					try {
-						return getComponentNameFromType(type(innerType));
-					} catch (x) {}
-			}
-			return null;
-		}
-		function testStringCoercion(value) {
-			return "" + value;
-		}
-		function checkKeyStringCoercion(value) {
-			try {
-				testStringCoercion(value);
-				var JSCompiler_inline_result = !1;
-			} catch (e) {
-				JSCompiler_inline_result = !0;
-			}
-			if (JSCompiler_inline_result) {
-				JSCompiler_inline_result = console;
-				var JSCompiler_temp_const = JSCompiler_inline_result.error;
-				var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-				JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
-				return testStringCoercion(value);
-			}
-		}
-		function getTaskName(type) {
-			if (type === REACT_FRAGMENT_TYPE) return "<>";
-			if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE) return "<...>";
-			try {
-				var name = getComponentNameFromType(type);
-				return name ? "<" + name + ">" : "<...>";
-			} catch (x) {
-				return "<...>";
-			}
-		}
-		function getOwner() {
-			var dispatcher = ReactSharedInternals.A;
-			return null === dispatcher ? null : dispatcher.getOwner();
-		}
-		function UnknownOwner() {
-			return Error("react-stack-top-frame");
-		}
-		function hasValidKey(config) {
-			if (hasOwnProperty.call(config, "key")) {
-				var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-				if (getter && getter.isReactWarning) return !1;
-			}
-			return void 0 !== config.key;
-		}
-		function defineKeyPropWarningGetter(props, displayName) {
-			function warnAboutAccessingKey() {
-				specialPropKeyWarningShown || (specialPropKeyWarningShown = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
-			}
-			warnAboutAccessingKey.isReactWarning = !0;
-			Object.defineProperty(props, "key", {
-				get: warnAboutAccessingKey,
-				configurable: !0
-			});
-		}
-		function elementRefGetterWithDeprecationWarning() {
-			var componentName = getComponentNameFromType(this.type);
-			didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
-			componentName = this.props.ref;
-			return void 0 !== componentName ? componentName : null;
-		}
-		function ReactElement(type, key, props, owner, debugStack, debugTask) {
-			var refProp = props.ref;
-			type = {
-				$$typeof: REACT_ELEMENT_TYPE,
-				type,
-				key,
-				props,
-				_owner: owner
-			};
-			null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
-				enumerable: !1,
-				get: elementRefGetterWithDeprecationWarning
-			}) : Object.defineProperty(type, "ref", {
-				enumerable: !1,
-				value: null
-			});
-			type._store = {};
-			Object.defineProperty(type._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			});
-			Object.defineProperty(type, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			});
-			Object.defineProperty(type, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: debugStack
-			});
-			Object.defineProperty(type, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: debugTask
-			});
-			Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-			return type;
-		}
-		function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
-			var children = config.children;
-			if (void 0 !== children) if (isStaticChildren) if (isArrayImpl(children)) {
-				for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++) validateChildKeys(children[isStaticChildren]);
-				Object.freeze && Object.freeze(children);
-			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else validateChildKeys(children);
-			if (hasOwnProperty.call(config, "key")) {
-				children = getComponentNameFromType(type);
-				var keys = Object.keys(config).filter(function(k) {
-					return "key" !== k;
-				});
-				isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-				didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", isStaticChildren, children, keys, children), didWarnAboutKeySpread[children + isStaticChildren] = !0);
-			}
-			children = null;
-			void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-			hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
-			if ("key" in config) {
-				maybeKey = {};
-				for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
-			} else maybeKey = config;
-			children && defineKeyPropWarningGetter(maybeKey, "function" === typeof type ? type.displayName || type.name || "Unknown" : type);
-			return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
-		}
-		function validateChildKeys(node) {
-			isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
-		}
-		function isValidElement(object) {
-			return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
+* @internal
+*/ var OverridesContext = React.createContext(void 0);
+/**
+* @internal
+*/ var OverridesProvider = OverridesContext.Provider;
+function useOverrides() {
+	var _React_useContext;
+	return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== void 0 ? _React_useContext : {};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-shared-cont_84eb2088645cd925a4ae315842fc30c8/node_modules/@fluentui/react-shared-contexts/lib/CustomStyleHooksContext/CustomStyleHooksContext.js
+/**
+* @internal
+*/ var CustomStyleHooksContext = React.createContext(void 0);
+/**
+* @internal
+*/ var CustomStyleHooksProvider = CustomStyleHooksContext.Provider;
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/ssr/canUseDOM.js
+/**
+* Verifies if an application can use DOM.
+*/ function canUseDOM() {
+	return typeof window !== "undefined" && !!(window.document && window.document.createElement);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/ssr/SSRContext.js
+/**
+* Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
+*
+* @internal
+*/ var defaultSSRContextValue = { current: 0 };
+var SSRContext = /* @__PURE__ */ React.createContext(void 0);
+/**
+* @internal
+*/ function useSSRContext() {
+	var _React_useContext;
+	return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultSSRContextValue;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/hooks/useIsomorphicLayoutEffect.js
+/**
+* React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
+* useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
+* ensure we don't get a render flash for certain operations, but we may also need affected components to render on
+* the server.
+*
+* https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+* https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
+*/ var useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/hooks/useId.js
+var IdPrefixContext = React.createContext(void 0);
+IdPrefixContext.Provider;
+function useIdPrefix() {
+	return React.useContext(IdPrefixContext) || "";
+}
+/**
+* Hook to generate a unique ID.
+*
+* @param prefix - Optional prefix for the ID. Defaults to 'fui-'.
+* @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
+*  without conditioning the hook call
+* @returns The ID
+*/ function useId(prefix = "fui-", providedId) {
+	"use no memo";
+	const contextValue = useSSRContext();
+	const idPrefix = useIdPrefix();
+	const _useId = React["useId"];
+	if (_useId) {
+		const generatedId = _useId();
+		const escapedId = React.useMemo(() => generatedId.replace(/:/g, ""), [generatedId]);
+		return providedId || `${idPrefix}${prefix}${escapedId}`;
+	}
+	return React.useMemo(() => {
+		if (providedId) return providedId;
+		return `${idPrefix}${prefix}${++contextValue.current}`;
+	}, [
+		idPrefix,
+		prefix,
+		providedId,
+		contextValue
+	]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/hooks/useMergedRefs.js
+/**
+* React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
+* updates all provided refs
+* @param refs - Refs to collectively update with one ref value.
+* @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
+*/ function useMergedRefs(...refs) {
+	"use no memo";
+	const mergedCallback = React.useCallback((value) => {
+		mergedCallback.current = value;
+		for (const ref of refs) {
+			if (typeof ref === "string" && process.env.NODE_ENV !== "production") console.error(`@fluentui/react-utilities [useMergedRefs]:
+This hook does not support the usage of string refs. Please use React.useRef instead.
+
+For more info on 'React.useRef', see https://react.dev/reference/react/useRef.
+For more info on string refs, see https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-string-refs.`);
+			if (typeof ref === "function") ref(value);
+			else if (ref) ref.current = value;
 		}
-		var React = __require("react"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		React = { react_stack_bottom_frame: function(callStackForError) {
-			return callStackForError();
-		} };
-		var specialPropKeyWarningShown;
-		var didWarnAboutElementRef = {};
-		var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(React, UnknownOwner)();
-		var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-		var didWarnAboutKeySpread = {};
-		exports.Fragment = REACT_FRAGMENT_TYPE;
-		exports.jsx = function(type, config, maybeKey) {
-			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-			return jsxDEVImpl(type, config, maybeKey, !1, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-		};
-		exports.jsxs = function(type, config, maybeKey) {
-			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-			return jsxDEVImpl(type, config, maybeKey, !0, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-		};
-	})();
-}));
+	}, [...refs]);
+	return mergedCallback;
+}
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/utils/Runtime.js
-var import_jsx_runtime = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
-	if (process.env.NODE_ENV === "production") module.exports = require_react_jsx_runtime_production();
-	else module.exports = require_react_jsx_runtime_development();
-})))());
+//#region ../../node_modules/.pnpm/@fluentui+react-utilities@9_577f9e2ebd066f817969987874f2d290/node_modules/@fluentui/react-utilities/lib/utils/isHTMLElement.js
+/**
+* Verifies if a given node is an HTMLElement,
+* this method works seamlessly with frames and elements from different documents
+*
+* This is preferred over simply using `instanceof`.
+* Since `instanceof` might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)
+*
+* @example
+* ```ts
+* isHTMLElement(event.target) && event.target.focus()
+* isHTMLElement(event.target, {constructorName: 'HTMLInputElement'}) && event.target.value // some value
+* ```
+*
+*/ function isHTMLElement(element, options) {
+	var _typedElement_ownerDocument;
+	const typedElement = element;
+	var _options_constructorName;
+	return Boolean((typedElement === null || typedElement === void 0 ? void 0 : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === void 0 ? void 0 : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = options === null || options === void 0 ? void 0 : options.constructorName) !== null && _options_constructorName !== void 0 ? _options_constructorName : "HTMLElement"]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/utils/createCompatSlotComponent.js
+function createCompatSlotComponent(type, props) {
+	return {
+		...props,
+		[SLOT_ELEMENT_TYPE_SYMBOL]: type
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/utils/warnIfElementTypeIsInvalid.js
+function warnIfElementTypeIsInvalid(type) {
+	if (process.env.NODE_ENV === "development" && typeof type === "object" && type !== null && type["$$typeof"] === void 0) console.error(`@fluentui/react-jsx-runtime:
+Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.
+
+If this happened in a slot of Fluent UI component, you might be facing package resolution issues.
+Please make sure you don't have multiple versions of "@fluentui/react-utilities" installed in your dependencies or sub-dependencies.
+You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).`);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/jsx/createJSX.js
+function createJSX(runtime, slotRuntime) {
+	return function jsx(type, overrideProps, key, source, self) {
+		if (isSlot(overrideProps)) return slotRuntime(createCompatSlotComponent(type, overrideProps), null, key, source, self);
+		if (isSlot(type)) return slotRuntime(type, overrideProps, key, source, self);
+		warnIfElementTypeIsInvalid(type);
+		return runtime(type, overrideProps, key, source, self);
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/utils/getMetadataFromSlotComponent.js
+/**
+* @internal
+*/ function getMetadataFromSlotComponent(type) {
+	const { as, [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
+	const props = propsWithoutMetadata;
+	const elementType = typeof baseElementType === "string" ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
+	if (typeof elementType !== "string" && as) props.as = as;
+	return {
+		elementType,
+		props,
+		renderFunction
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/utils/Runtime.js
 var Runtime = import_jsx_runtime;
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/jsx/jsxSlot.js
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/jsx/jsxSlot.js
 var jsxSlot = (type, overrideProps, key) => {
 	const { elementType, renderFunction, props: slotProps } = getMetadataFromSlotComponent(type);
 	const props = {
@@ -1643,7 +1653,7 @@ var jsxSlot = (type, overrideProps, key) => {
 	return Runtime.jsx(elementType, props, key);
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/jsx/jsxsSlot.js
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/jsx/jsxsSlot.js
 var jsxsSlot = (type, overrideProps, key) => {
 	const { elementType, renderFunction, props: slotProps } = getMetadataFromSlotComponent(type);
 	const props = {
@@ -1662,12 +1672,12 @@ var jsxsSlot = (type, overrideProps, key) => {
 	return Runtime.jsxs(elementType, props, key);
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_b0b40ca7e87c7cae82b6e54fdc7eecf8/node_modules/@fluentui/react-jsx-runtime/lib/jsx-runtime.js
+//#region ../../node_modules/.pnpm/@fluentui+react-jsx-runtime_4dbae1c49a4b76b7a2576260fd599c4f/node_modules/@fluentui/react-jsx-runtime/lib/jsx-runtime.js
 var jsx = createJSX(Runtime.jsx, jsxSlot);
 var jsxs = createJSX(Runtime.jsxs, jsxsSlot);
 var IconDirectionContextProvider = React.createContext(void 0).Provider;
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/renderFluentProvider.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/renderFluentProvider.js
 /**
 * Render the final JSX of FluentProvider
 */ var renderFluentProvider_unstable = (state, contextValues) => {
@@ -1702,31 +1712,27 @@ var IconDirectionContextProvider = React.createContext(void 0).Provider;
 	});
 };
 //#endregion
-//#region ../../node_modules/.pnpm/keyborg@2.6.0/node_modules/keyborg/dist/esm/index.js
-var _canUseWeakRef = typeof WeakRef !== "undefined";
-var WeakRefInstance = class {
-	constructor(instance) {
-		if (_canUseWeakRef && typeof instance === "object") this._weakRef = new WeakRef(instance);
-		else this._instance = instance;
-	}
-	/**
-	* @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakRef/deref}
-	*/
-	deref() {
-		var _a, _b;
-		let instance;
-		if (this._weakRef) {
-			instance = (_a = this._weakRef) == null ? void 0 : _a.deref();
-			if (!instance) delete this._weakRef;
-		} else {
-			instance = this._instance;
-			if ((_b = instance == null ? void 0 : instance.isDisposed) == null ? void 0 : _b.call(instance)) delete this._instance;
-		}
-		return instance;
-	}
+//#region ../../node_modules/.pnpm/keyborg@2.14.1/node_modules/keyborg/dist/index.js
+/*!
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
+*/
+var addEventListener = (target, type, handler) => {
+	target.addEventListener(type, handler, true);
 };
+var removeEventListener = (target, type, handler) => {
+	target.removeEventListener(type, handler, true);
+};
+/*!
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
+*/
 var KEYBORG_FOCUSIN = "keyborg:focusin";
 var KEYBORG_FOCUSOUT = "keyborg:focusout";
+var FOCUS_IN_HANDLER = 0;
+var FOCUS_OUT_HANDLER = 1;
+var SHADOW_TARGETS = 2;
+var LAST_FOCUSED_PROGRAMMATICALLY = 3;
 function canOverrideNativeFocus(win) {
 	const HTMLElement = win.HTMLElement;
 	const origFocus = HTMLElement.prototype.focus;
@@ -1739,12 +1745,17 @@ function canOverrideNativeFocus(win) {
 	return isCustomFocusCalled;
 }
 var _canOverrideNativeFocus = false;
+/**
+* Overrides the native `focus` and setups the keyborg focus event
+*/
 function setupFocusEvent(win) {
 	const kwin = win;
+	const doc = kwin.document;
+	const proto = kwin.HTMLElement.prototype;
 	if (!_canOverrideNativeFocus) _canOverrideNativeFocus = canOverrideNativeFocus(kwin);
-	const origFocus = kwin.HTMLElement.prototype.focus;
+	const origFocus = proto.focus;
 	if (origFocus.__keyborgNativeFocus) return;
-	kwin.HTMLElement.prototype.focus = focus;
+	proto.focus = focus;
 	const shadowTargets = /* @__PURE__ */ new Set();
 	const focusOutHandler = (e) => {
 		const target = e.target;
@@ -1771,21 +1782,67 @@ function setupFocusEvent(win) {
 			if (!shadowRoot || !currentShadows.has(shadowRoot)) {
 				shadowTargets.delete(shadowRootWeakRef);
 				if (shadowRoot) {
-					shadowRoot.removeEventListener("focusin", focusInHandler, true);
-					shadowRoot.removeEventListener("focusout", focusOutHandler, true);
+					removeEventListener(shadowRoot, "focusin", focusInHandler);
+					removeEventListener(shadowRoot, "focusout", focusOutHandler);
 				}
 			}
 		}
 		onFocusIn(target, e.relatedTarget || void 0);
 	};
 	const onFocusIn = (target, relatedTarget, originalEvent) => {
-		var _a;
 		const shadowRoot = target.shadowRoot;
 		if (shadowRoot) {
+			/**
+			* https://bugs.chromium.org/p/chromium/issues/detail?id=1512028
+			* focusin events don't bubble up through an open shadow root once focus is inside
+			* once focus moves into a shadow root - we drop the same focusin handler there
+			* keyborg's custom event will still bubble up since it is composed
+			* event handlers should be cleaned up once focus leaves the shadow root.
+			*
+			* When a focusin event is dispatched from a shadow root, its target is the shadow root parent.
+			* Each shadow root encounter requires a new capture listener.
+			* Why capture? - we want to follow the focus event in order or descending nested shadow roots
+			* When there are no more shadow root targets - dispatch the keyborg:focusin event
+			*
+			* 1. no focus event
+			* > document - capture listener ✅
+			*   > shadow root 1
+			*     > shadow root 2
+			*       > shadow root 3
+			*         > focused element
+			*
+			* 2. focus event received by document listener
+			* > document - capture listener ✅ (focus event here)
+			*   > shadow root 1 - capture listener ✅
+			*     > shadow root 2
+			*       > shadow root 3
+			*         > focused element
+			*
+			* 3. focus event received by root l1 listener
+			* > document - capture listener ✅
+			*   > shadow root 1 - capture listener ✅ (focus event here)
+			*     > shadow root 2 - capture listener ✅
+			*       > shadow root 3
+			*         > focused element
+			*
+			* 4. focus event received by root l2 listener
+			* > document - capture listener ✅
+			*   > shadow root 1 - capture listener ✅
+			*     > shadow root 2 - capture listener ✅ (focus event here)
+			*       > shadow root 3 - capture listener ✅
+			*         > focused element
+			*
+			* 5. focus event received by root l3 listener, no more shadow root targets
+			* > document - capture listener ✅
+			*   > shadow root 1 - capture listener ✅
+			*     > shadow root 2 - capture listener ✅
+			*       > shadow root 3 - capture listener ✅ (focus event here)
+			*         > focused element ✅ (no shadow root - dispatch keyborg event)
+			*/
 			for (const shadowRootWeakRef of shadowTargets) if (shadowRootWeakRef.deref() === shadowRoot) return;
-			shadowRoot.addEventListener("focusin", focusInHandler, true);
-			shadowRoot.addEventListener("focusout", focusOutHandler, true);
-			shadowTargets.add(new WeakRefInstance(shadowRoot));
+			addEventListener(shadowRoot, "focusin", focusInHandler);
+			addEventListener(shadowRoot, "focusout", focusOutHandler);
+			shadowTargets.add(new WeakRef(shadowRoot));
 			return;
 		}
 		const details = {
@@ -1799,257 +1856,225 @@ function setupFocusEvent(win) {
 			detail: details
 		});
 		event.details = details;
-		if (_canOverrideNativeFocus || data.lastFocusedProgrammatically) {
-			details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) == null ? void 0 : _a.deref());
-			data.lastFocusedProgrammatically = void 0;
+		if (_canOverrideNativeFocus || data[LAST_FOCUSED_PROGRAMMATICALLY]) {
+			details.isFocusedProgrammatically = target === data[LAST_FOCUSED_PROGRAMMATICALLY]?.deref();
+			data[LAST_FOCUSED_PROGRAMMATICALLY] = void 0;
 		}
 		target.dispatchEvent(event);
 	};
-	const data = kwin.__keyborgData = {
+	const data = [
 		focusInHandler,
 		focusOutHandler,
 		shadowTargets
-	};
-	kwin.document.addEventListener("focusin", kwin.__keyborgData.focusInHandler, true);
-	kwin.document.addEventListener("focusout", kwin.__keyborgData.focusOutHandler, true);
+	];
+	kwin.__keyborgData = data;
+	addEventListener(doc, "focusin", focusInHandler);
+	addEventListener(doc, "focusout", focusOutHandler);
 	function focus() {
-		const keyborgNativeFocusEvent = kwin.__keyborgData;
-		if (keyborgNativeFocusEvent) keyborgNativeFocusEvent.lastFocusedProgrammatically = new WeakRefInstance(this);
+		const d = kwin.__keyborgData;
+		if (d) d[LAST_FOCUSED_PROGRAMMATICALLY] = new WeakRef(this);
 		return origFocus.apply(this, arguments);
 	}
-	let activeElement = kwin.document.activeElement;
+	let activeElement = doc.activeElement;
 	while (activeElement && activeElement.shadowRoot) {
 		onFocusIn(activeElement);
 		activeElement = activeElement.shadowRoot.activeElement;
 	}
 	focus.__keyborgNativeFocus = origFocus;
 }
+/**
+* Removes keyborg event listeners and custom focus override
+* @param win The window that stores keyborg focus events
+*/
 function disposeFocusEvent(win) {
 	const kwin = win;
 	const proto = kwin.HTMLElement.prototype;
 	const origFocus = proto.focus.__keyborgNativeFocus;
-	const keyborgNativeFocusEvent = kwin.__keyborgData;
-	if (keyborgNativeFocusEvent) {
-		kwin.document.removeEventListener("focusin", keyborgNativeFocusEvent.focusInHandler, true);
-		kwin.document.removeEventListener("focusout", keyborgNativeFocusEvent.focusOutHandler, true);
-		for (const shadowRootWeakRef of keyborgNativeFocusEvent.shadowTargets) {
+	const data = kwin.__keyborgData;
+	if (data) {
+		const doc = kwin.document;
+		removeEventListener(doc, "focusin", data[FOCUS_IN_HANDLER]);
+		removeEventListener(doc, "focusout", data[FOCUS_OUT_HANDLER]);
+		for (const shadowRootWeakRef of data[SHADOW_TARGETS]) {
 			const shadowRoot = shadowRootWeakRef.deref();
 			if (shadowRoot) {
-				shadowRoot.removeEventListener("focusin", keyborgNativeFocusEvent.focusInHandler, true);
-				shadowRoot.removeEventListener("focusout", keyborgNativeFocusEvent.focusOutHandler, true);
+				removeEventListener(shadowRoot, "focusin", data[FOCUS_IN_HANDLER]);
+				removeEventListener(shadowRoot, "focusout", data[FOCUS_OUT_HANDLER]);
 			}
 		}
-		keyborgNativeFocusEvent.shadowTargets.clear();
+		data[SHADOW_TARGETS].clear();
 		delete kwin.__keyborgData;
 	}
 	if (origFocus) proto.focus = origFocus;
 }
+/*!
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
+*/
 var _dismissTimeout = 500;
 var _lastId = 0;
-var KeyborgCore = class {
-	constructor(win, props) {
-		this._isNavigatingWithKeyboard_DO_NOT_USE = false;
-		this._onFocusIn = (e) => {
-			if (this._isMouseOrTouchUsedTimer) return;
-			if (this.isNavigatingWithKeyboard) return;
-			const details = e.detail;
-			if (!details.relatedTarget) return;
-			if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === void 0) return;
-			this.isNavigatingWithKeyboard = true;
-		};
-		this._onMouseDown = (e) => {
-			if (e.buttons === 0 || e.clientX === 0 && e.clientY === 0 && e.screenX === 0 && e.screenY === 0) return;
-			this._onMouseOrTouch();
-		};
-		this._onMouseOrTouch = () => {
-			const win = this._win;
-			if (win) {
-				if (this._isMouseOrTouchUsedTimer) win.clearTimeout(this._isMouseOrTouchUsedTimer);
-				this._isMouseOrTouchUsedTimer = win.setTimeout(() => {
-					delete this._isMouseOrTouchUsedTimer;
-				}, 1e3);
-			}
-			this.isNavigatingWithKeyboard = false;
-		};
-		this._onKeyDown = (e) => {
-			if (this.isNavigatingWithKeyboard) {
-				if (this._shouldDismissKeyboardNavigation(e)) this._scheduleDismiss();
-			} else if (this._shouldTriggerKeyboardNavigation(e)) this.isNavigatingWithKeyboard = true;
-		};
-		this.id = "c" + ++_lastId;
-		this._win = win;
-		const doc = win.document;
-		if (props) {
-			const triggerKeys = props.triggerKeys;
-			const dismissKeys = props.dismissKeys;
-			if (triggerKeys == null ? void 0 : triggerKeys.length) this._triggerKeys = new Set(triggerKeys);
-			if (dismissKeys == null ? void 0 : dismissKeys.length) this._dismissKeys = new Set(dismissKeys);
-		}
-		doc.addEventListener(KEYBORG_FOCUSIN, this._onFocusIn, true);
-		doc.addEventListener("mousedown", this._onMouseDown, true);
-		win.addEventListener("keydown", this._onKeyDown, true);
-		doc.addEventListener("touchstart", this._onMouseOrTouch, true);
-		doc.addEventListener("touchend", this._onMouseOrTouch, true);
-		doc.addEventListener("touchcancel", this._onMouseOrTouch, true);
-		setupFocusEvent(win);
-	}
-	get isNavigatingWithKeyboard() {
-		return this._isNavigatingWithKeyboard_DO_NOT_USE;
-	}
-	set isNavigatingWithKeyboard(val) {
-		if (this._isNavigatingWithKeyboard_DO_NOT_USE !== val) {
-			this._isNavigatingWithKeyboard_DO_NOT_USE = val;
-			this.update();
-		}
+function createKeyborgCore(targetWindow, props) {
+	let currentTargetWindow = targetWindow;
+	let isNavigating = false;
+	let isMouseOrTouchUsedTimer;
+	let dismissTimer;
+	let triggerKeys;
+	let dismissKeys;
+	if (props) {
+		if (props.triggerKeys?.length) triggerKeys = new Set(props.triggerKeys);
+		if (props.dismissKeys?.length) dismissKeys = new Set(props.dismissKeys);
 	}
-	dispose() {
-		const win = this._win;
-		if (win) {
-			if (this._isMouseOrTouchUsedTimer) {
-				win.clearTimeout(this._isMouseOrTouchUsedTimer);
-				this._isMouseOrTouchUsedTimer = void 0;
-			}
-			if (this._dismissTimer) {
-				win.clearTimeout(this._dismissTimer);
-				this._dismissTimer = void 0;
-			}
-			disposeFocusEvent(win);
-			const doc = win.document;
-			doc.removeEventListener(KEYBORG_FOCUSIN, this._onFocusIn, true);
-			doc.removeEventListener("mousedown", this._onMouseDown, true);
-			win.removeEventListener("keydown", this._onKeyDown, true);
-			doc.removeEventListener("touchstart", this._onMouseOrTouch, true);
-			doc.removeEventListener("touchend", this._onMouseOrTouch, true);
-			doc.removeEventListener("touchcancel", this._onMouseOrTouch, true);
-			delete this._win;
+	const broadcast = () => {
+		const refs = currentTargetWindow?.__keyborg?.refs;
+		if (refs) for (const id of Object.keys(refs)) refs[id]._cb.forEach((cb) => cb(isNavigating));
+	};
+	const setNavigating = (val) => {
+		if (isNavigating !== val) {
+			isNavigating = val;
+			broadcast();
 		}
-	}
-	isDisposed() {
-		return !!this._win;
-	}
-	/**
-	* Updates all keyborg instances with the keyboard navigation state
-	*/
-	update() {
-		var _a, _b;
-		const keyborgs = (_b = (_a = this._win) == null ? void 0 : _a.__keyborg) == null ? void 0 : _b.refs;
-		if (keyborgs) for (const id of Object.keys(keyborgs)) Keyborg.update(keyborgs[id], this.isNavigatingWithKeyboard);
-	}
-	/**
-	* @returns whether the keyboard event should trigger keyboard navigation mode
-	*/
-	_shouldTriggerKeyboardNavigation(e) {
-		var _a;
+	};
+	const shouldTrigger = (e) => {
 		if (e.key === "Tab") return true;
-		const activeElement = (_a = this._win) == null ? void 0 : _a.document.activeElement;
-		const isTriggerKey = !this._triggerKeys || this._triggerKeys.has(e.keyCode);
-		const isEditable = activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.isContentEditable);
+		const active = currentTargetWindow?.document.activeElement;
+		const isTriggerKey = !triggerKeys || triggerKeys.has(e.keyCode);
+		const isEditable = active && (active.tagName === "INPUT" || active.tagName === "TEXTAREA" || active.isContentEditable);
 		return isTriggerKey && !isEditable;
-	}
-	/**
-	* @returns whether the keyboard event should dismiss keyboard navigation mode
-	*/
-	_shouldDismissKeyboardNavigation(e) {
-		var _a;
-		return (_a = this._dismissKeys) == null ? void 0 : _a.has(e.keyCode);
-	}
-	_scheduleDismiss() {
-		const win = this._win;
-		if (win) {
-			if (this._dismissTimer) {
-				win.clearTimeout(this._dismissTimer);
-				this._dismissTimer = void 0;
-			}
-			const was = win.document.activeElement;
-			this._dismissTimer = win.setTimeout(() => {
-				this._dismissTimer = void 0;
-				const cur = win.document.activeElement;
-				if (was && cur && was === cur) this.isNavigatingWithKeyboard = false;
-			}, _dismissTimeout);
+	};
+	const shouldDismiss = (e) => {
+		return !!dismissKeys?.has(e.keyCode);
+	};
+	const scheduleDismiss = () => {
+		const targetWindow = currentTargetWindow;
+		if (!targetWindow) return;
+		if (dismissTimer) {
+			targetWindow.clearTimeout(dismissTimer);
+			dismissTimer = void 0;
 		}
-	}
-};
-var Keyborg = class _Keyborg {
-	constructor(win, props) {
-		this._cb = [];
-		this._id = "k" + ++_lastId;
-		this._win = win;
-		const current = win.__keyborg;
-		if (current) {
-			this._core = current.core;
-			current.refs[this._id] = this;
-		} else {
-			this._core = new KeyborgCore(win, props);
-			win.__keyborg = {
-				core: this._core,
-				refs: { [this._id]: this }
-			};
+		const previousActiveElement = targetWindow.document.activeElement;
+		dismissTimer = targetWindow.setTimeout(() => {
+			dismissTimer = void 0;
+			const currentActiveElement = targetWindow.document.activeElement;
+			if (previousActiveElement && currentActiveElement && previousActiveElement === currentActiveElement) setNavigating(false);
+		}, _dismissTimeout);
+	};
+	const onFocusIn = (e) => {
+		if (isMouseOrTouchUsedTimer) return;
+		if (isNavigating) return;
+		const details = e.detail;
+		if (!details.relatedTarget) return;
+		if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === void 0) return;
+		setNavigating(true);
+	};
+	const onMouseOrTouch = () => {
+		if (currentTargetWindow) {
+			if (isMouseOrTouchUsedTimer) currentTargetWindow.clearTimeout(isMouseOrTouchUsedTimer);
+			isMouseOrTouchUsedTimer = currentTargetWindow.setTimeout(() => {
+				isMouseOrTouchUsedTimer = void 0;
+			}, 1e3);
 		}
-	}
-	static create(win, props) {
-		return new _Keyborg(win, props);
-	}
-	static dispose(instance) {
-		instance.dispose();
-	}
-	/**
-	* Updates all subscribed callbacks with the keyboard navigation state
-	*/
-	static update(instance, isNavigatingWithKeyboard) {
-		instance._cb.forEach((callback) => callback(isNavigatingWithKeyboard));
-	}
-	dispose() {
-		var _a;
-		const current = (_a = this._win) == null ? void 0 : _a.__keyborg;
-		if (current == null ? void 0 : current.refs[this._id]) {
-			delete current.refs[this._id];
-			if (Object.keys(current.refs).length === 0) {
-				current.core.dispose();
-				delete this._win.__keyborg;
-			}
-		} else if (process.env.NODE_ENV !== "production") console.error(`Keyborg instance ${this._id} is being disposed incorrectly.`);
-		this._cb = [];
-		delete this._core;
-		delete this._win;
-	}
-	/**
-	* @returns Whether the user is navigating with keyboard
-	*/
-	isNavigatingWithKeyboard() {
-		var _a;
-		return !!((_a = this._core) == null ? void 0 : _a.isNavigatingWithKeyboard);
-	}
-	/**
-	* @param callback - Called when the keyboard navigation state changes
-	*/
-	subscribe(callback) {
-		this._cb.push(callback);
-	}
-	/**
-	* @param callback - Registered with subscribe
-	*/
-	unsubscribe(callback) {
-		const index = this._cb.indexOf(callback);
-		if (index >= 0) this._cb.splice(index, 1);
-	}
-	/**
-	* Manually set the keyboard navigtion state
-	*/
-	setVal(isNavigatingWithKeyboard) {
-		if (this._core) this._core.isNavigatingWithKeyboard = isNavigatingWithKeyboard;
-	}
-};
+		setNavigating(false);
+	};
+	const onMouseDown = (e) => {
+		if (e.buttons === 0 || e.clientX === 0 && e.clientY === 0 && e.screenX === 0 && e.screenY === 0) return;
+		onMouseOrTouch();
+	};
+	const onKeyDown = (e) => {
+		if (isNavigating) {
+			if (shouldDismiss(e)) scheduleDismiss();
+		} else if (shouldTrigger(e)) setNavigating(true);
+	};
+	const targetDocument = targetWindow.document;
+	addEventListener(targetDocument, KEYBORG_FOCUSIN, onFocusIn);
+	addEventListener(targetDocument, "mousedown", onMouseDown);
+	addEventListener(targetWindow, "keydown", onKeyDown);
+	addEventListener(targetDocument, "touchstart", onMouseOrTouch);
+	addEventListener(targetDocument, "touchend", onMouseOrTouch);
+	addEventListener(targetDocument, "touchcancel", onMouseOrTouch);
+	setupFocusEvent(targetWindow);
+	const dispose = () => {
+		if (!currentTargetWindow) return;
+		if (isMouseOrTouchUsedTimer) {
+			currentTargetWindow.clearTimeout(isMouseOrTouchUsedTimer);
+			isMouseOrTouchUsedTimer = void 0;
+		}
+		if (dismissTimer) {
+			currentTargetWindow.clearTimeout(dismissTimer);
+			dismissTimer = void 0;
+		}
+		disposeFocusEvent(currentTargetWindow);
+		const targetDocument = currentTargetWindow.document;
+		removeEventListener(targetDocument, KEYBORG_FOCUSIN, onFocusIn);
+		removeEventListener(targetDocument, "mousedown", onMouseDown);
+		removeEventListener(currentTargetWindow, "keydown", onKeyDown);
+		removeEventListener(targetDocument, "touchstart", onMouseOrTouch);
+		removeEventListener(targetDocument, "touchend", onMouseOrTouch);
+		removeEventListener(targetDocument, "touchcancel", onMouseOrTouch);
+		currentTargetWindow = void 0;
+	};
+	return {
+		dispose,
+		get isNavigatingWithKeyboard() {
+			return isNavigating;
+		},
+		set isNavigatingWithKeyboard(val) {
+			setNavigating(val);
+		}
+	};
+}
 function createKeyborg(win, props) {
-	return Keyborg.create(win, props);
+	const kwin = win;
+	const id = "k" + ++_lastId;
+	let localWin = kwin;
+	let core;
+	const callbacks = [];
+	const existing = kwin.__keyborg;
+	if (existing) core = existing.core;
+	else core = createKeyborgCore(kwin, props);
+	const instance = {
+		isNavigatingWithKeyboard() {
+			return !!core?.isNavigatingWithKeyboard;
+		},
+		subscribe(callback) {
+			callbacks.push(callback);
+		},
+		unsubscribe(callback) {
+			const index = callbacks.indexOf(callback);
+			if (index >= 0) callbacks.splice(index, 1);
+		},
+		setVal(val) {
+			if (core) core.isNavigatingWithKeyboard = val;
+		},
+		_cb: callbacks,
+		dispose() {
+			const wkb = localWin?.__keyborg;
+			if (wkb?.refs[id]) {
+				delete wkb.refs[id];
+				if (Object.keys(wkb.refs).length === 0) {
+					wkb.core.dispose();
+					delete localWin.__keyborg;
+				}
+			} else if (process.env.NODE_ENV !== "production") console.error(`Keyborg instance ${id} is being disposed incorrectly.`);
+			callbacks.length = 0;
+			core = void 0;
+			localWin = void 0;
+		}
+	};
+	if (existing) existing.refs[id] = instance;
+	else kwin.__keyborg = {
+		core,
+		refs: { [id]: instance }
+	};
+	return instance;
 }
 function disposeKeyborg(instance) {
-	Keyborg.dispose(instance);
+	instance.dispose();
 }
 /**
 * @internal
 */ var FOCUS_VISIBLE_ATTR = "data-fui-focus-visible";
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-tabster@9.2_3af048685736281217b4acf806a2e008/node_modules/@fluentui/react-tabster/lib/focus/focusVisiblePolyfill.js
+//#region ../../node_modules/.pnpm/@fluentui+react-tabster@9.2_c4af69583e3fe2c9dbcedd7db3565fb4/node_modules/@fluentui/react-tabster/lib/focus/focusVisiblePolyfill.js
 /**
 * @internal
 * @param scope - Applies the ponyfill to all DOM children
@@ -2100,7 +2125,7 @@ function alreadyInScope(el) {
 	return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-tabster@9.2_3af048685736281217b4acf806a2e008/node_modules/@fluentui/react-tabster/lib/hooks/useFocusVisible.js
+//#region ../../node_modules/.pnpm/@fluentui+react-tabster@9.2_c4af69583e3fe2c9dbcedd7db3565fb4/node_modules/@fluentui/react-tabster/lib/hooks/useFocusVisible.js
 function useFocusVisible(options = {}) {
 	const contextValue = useFluent();
 	const scopeRef = React.useRef(null);
@@ -3213,7 +3238,7 @@ var webLightTheme = createLightTheme({
 	160: `#ebf3fc`
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderStyles.styles.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderStyles.styles.js
 var fluentProviderClassNames = { root: "fui-FluentProvider" };
 var useStyles = /* @__PURE__ */ __styles({ root: {
 	sj55zd: "f19n0e5",
@@ -3245,7 +3270,7 @@ var useFluentProviderStyles_unstable = (state) => {
 	return state;
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js
 var useInsertionEffect = React["useInsertionEffect"] ? React["useInsertionEffect"] : useIsomorphicLayoutEffect;
 var createStyleTag = (target, elementAttributes) => {
 	if (!(target === null || target === void 0 ? void 0 : target.head)) return;
@@ -3337,7 +3362,7 @@ function useHandleSSRStyleElements(targetDocument, styleTagId) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProvider.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProvider.js
 var DEFAULT_STYLE_HOOKS = {};
 var DEFAULT_RENDERER_ATTRIBUTES = {};
 /**
@@ -3407,7 +3432,7 @@ function useTheme() {
 	return React.useContext(ThemeContext);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderContextValues.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/useFluentProviderContextValues.js
 function useFluentProviderContextValues_unstable(state) {
 	const { applyStylesToPortals, customStyleHooks_unstable, dir, root, targetDocument, theme, themeClassName, overrides_unstable } = state;
 	const provider = React.useMemo(() => ({
@@ -3427,7 +3452,7 @@ function useFluentProviderContextValues_unstable(state) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._4942f6154b51c3194d4114596007c551/node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js
+//#region ../../node_modules/.pnpm/@fluentui+react-provider@9._87d239fab920efecd26910627c433f07/node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js
 var FluentProvider = /* @__PURE__ */ React.forwardRef((props, ref) => {
 	const state = useFluentProvider_unstable(props, ref);
 	useFluentProviderStyles_unstable(state);