@aussieljk/forkbook 0.0.1-5 → 0.0.1-7

package/dist/manager/_manager-chunks/{runtime-Bldwclun.js → runtime-DvrwKw7z.js}

@@ -1,10 +1,17 @@
-import { n as __esmMin } from "./runtime-EITvVbkG.js";
-import { Et as init_manager_api, Ft as useGlobals, It as useParameter, K as Select, Pt as useGlobalTypes, Rt as useStorybookApi, So as useSyncExternalStore, bo as useRef, co as init__storybook_global_react, do as useCallback, mo as useEffect, q as Separator, st as init_components, to as _storybook_global_react_default, vo as useMemo, xo as useState } from "./runtime-B-eSQdxk.js";
-import { c as Icons, l as init_icon } from "./runtime-DFhLVh8q.js";
-import { i as init_esm, r as dedent } from "./runtime-DrjpEyLM.js";
-import { d as isEqual, u as init_isEqual } from "./runtime-a5zd7km2.js";
-import { a as StatusTypeIdMismatchError$1, o as UniversalStoreFollowerTimeoutError, s as init_manager_errors } from "./runtime-Cmu7D8A0.js";
-import { n as init_preview_errors, t as StatusTypeIdMismatchError$2 } from "./runtime-CuJiHYCp.js";
+import { n as __esmMin } from "./runtime-BdGkqNEt.js";
+import { Dr as useState, Er as useRef, Ht as useGlobalTypes, Kt as useStorybookApi, M as init_icon, Or as useSyncExternalStore, Pt as init_manager_api, Ut as useGlobals, _r as useCallback, br as useEffect, et as Select, ht as init_components, j as Icons, mr as init__storybook_global_react, sr as _storybook_global_react_default, tt as Separator, wr as useMemo, yr as useDebugValue } from "./runtime-BM30BmeT.js";
+import { i as init_esm, r as dedent } from "./runtime-B4U0u9p4.js";
+import { a as StatusTypeIdMismatchError$2, o as UniversalStoreFollowerTimeoutError, s as init_manager_errors } from "./runtime-ecY5qnmo.js";
+import { l as init_isEqual, u as isEqual } from "./runtime-Cf0p9DUx.js";
+import { a as init_constants$1 } from "./runtime-D09XMY6V.js";
+//#region src/shared/global.ts
+var global;
+function init_global() {
+	return (init_global = __esmMin((() => {
+		global = globalThis;
+	})))();
+}
+//#endregion
 //#region src/toolbar/utils/normalize-toolbar-arg-type.ts
 var normalizeArgType;
 function init_normalize_toolbar_arg_type() {
@@ -92,8 +99,8 @@ function init_ToolbarMenuSelect_module() {
 			document.head.appendChild(style);
 		}
 		ToolbarMenuSelect_module_default = {
-			"itemMiddle": "fb-FCSgfW-itemMiddle",
-			"item": "fb-FCSgfW-item"
+			"item": "fb-FCSgfW-item",
+			"itemMiddle": "fb-FCSgfW-itemMiddle"
 		};
 	})))();
 }
@@ -326,6 +333,60 @@ function init_useCopyButton() {
 	})))();
 }
 //#endregion
+//#region src/shared/use-sync-external-store/with-selector.ts
+function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+	const instRef = useRef(null);
+	if (instRef.current === null) instRef.current = {
+		hasValue: false,
+		value: null
+	};
+	const inst = instRef.current;
+	const [getSelection, getServerSelection] = useMemo(() => {
+		let hasMemo = false;
+		let memoizedSnapshot;
+		let memoizedSelection;
+		const memoizedSelector = (nextSnapshot) => {
+			if (!hasMemo) {
+				hasMemo = true;
+				memoizedSnapshot = nextSnapshot;
+				const nextSelection = selector(nextSnapshot);
+				if (isEqual !== void 0 && inst.hasValue) {
+					const currentSelection = inst.value;
+					if (isEqual(currentSelection, nextSelection)) return memoizedSelection = currentSelection;
+				}
+				return memoizedSelection = nextSelection;
+			}
+			const currentSelection = memoizedSelection;
+			if (Object.is(memoizedSnapshot, nextSnapshot)) return currentSelection;
+			const nextSelection = selector(nextSnapshot);
+			if (isEqual !== void 0 && isEqual(currentSelection, nextSelection)) {
+				memoizedSnapshot = nextSnapshot;
+				return currentSelection;
+			}
+			memoizedSnapshot = nextSnapshot;
+			return memoizedSelection = nextSelection;
+		};
+		return [() => memoizedSelector(getSnapshot()), getServerSnapshot == null ? void 0 : () => memoizedSelector(getServerSnapshot())];
+	}, [
+		getSnapshot,
+		getServerSnapshot,
+		selector,
+		isEqual
+	]);
+	const value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
+	useEffect(() => {
+		inst.hasValue = true;
+		inst.value = value;
+	}, [value]);
+	useDebugValue(value);
+	return value;
+}
+function init_with_selector() {
+	return (init_with_selector = __esmMin((() => {
+		init__storybook_global_react();
+	})))();
+}
+//#endregion
 //#region src/shared/review/events.ts
 var REVIEW_NAMESPACE, REVIEW_EVENTS;
 function init_events() {
@@ -335,16 +396,6 @@ function init_events() {
 	})))();
 }
 //#endregion
-//#region src/viewport/constants.ts
-var ADDON_ID, PARAM_KEY, RESPONSIVE_VIEWPORT_VALUE;
-function init_constants$1() {
-	return (init_constants$1 = __esmMin((() => {
-		ADDON_ID = "@aussieljk/forkbook/viewport";
-		PARAM_KEY = "viewport";
-		RESPONSIVE_VIEWPORT_VALUE = "100pct-100pct";
-	})))();
-}
-//#endregion
 //#region src/shared/constants/iframe-resize.ts
 var IFRAME_RESIZE_REQUEST_CONTEXT, isPositiveFinite, parseViewport, parseIframeResizeMessage, hasFixedViewportDimensions, iframeResizeViewportsEqual, iframeResizeDimensionsEqual;
 function init_iframe_resize() {
@@ -400,287 +451,6 @@ function init_iframe_resize() {
 	})))();
 }
 //#endregion
-//#region src/viewport/defaults.ts
-var MINIMAL_VIEWPORTS;
-function init_defaults() {
-	return (init_defaults = __esmMin((() => {
-		MINIMAL_VIEWPORTS = {
-			mobile1: {
-				name: "Small mobile",
-				styles: {
-					height: "568px",
-					width: "320px"
-				},
-				type: "mobile"
-			},
-			mobile2: {
-				name: "Large mobile",
-				styles: {
-					height: "896px",
-					width: "414px"
-				},
-				type: "mobile"
-			},
-			tablet: {
-				name: "Tablet",
-				styles: {
-					height: "1112px",
-					width: "834px"
-				},
-				type: "tablet"
-			},
-			desktop: {
-				name: "Desktop",
-				styles: {
-					height: "1024px",
-					width: "1280px"
-				},
-				type: "desktop"
-			}
-		};
-	})))();
-}
-//#endregion
-//#region src/viewport/resolveViewport.ts
-var URL_VALUE_PATTERN, normalizeGlobal$1, resolveViewport;
-function init_resolveViewport() {
-	return (init_resolveViewport = __esmMin((() => {
-		init_constants$1();
-		URL_VALUE_PATTERN = /^([0-9]{1,4})([a-z]{0,4})-([0-9]{1,4})([a-z]{0,4})$/;
-		normalizeGlobal$1 = (value, defaultIsRotated) => typeof value === "string" ? {
-			value,
-			isRotated: defaultIsRotated
-		} : {
-			value: value?.value,
-			isRotated: value?.isRotated ?? defaultIsRotated
-		};
-		resolveViewport = ({ globals, storyGlobals, userGlobals, options, lastSelectedOption, disable = false, viewMode }) => {
-			if (viewMode !== "story") return {
-				name: "Responsive",
-				type: "desktop",
-				width: "100%",
-				height: "100%",
-				value: RESPONSIVE_VIEWPORT_VALUE,
-				option: void 0,
-				isCustom: false,
-				isDefault: true,
-				isLocked: true,
-				isRotated: false
-			};
-			const global = normalizeGlobal$1(globals?.[PARAM_KEY]);
-			const userGlobal = normalizeGlobal$1(userGlobals?.[PARAM_KEY]);
-			const storyGlobal = normalizeGlobal$1(storyGlobals?.[PARAM_KEY]);
-			const storyHasViewport = PARAM_KEY in storyGlobals;
-			const primaryGlobal = storyHasViewport ? storyGlobal : userGlobal;
-			const secondaryGlobal = storyHasViewport ? userGlobal : storyGlobal;
-			const value = primaryGlobal?.value ?? secondaryGlobal?.value ?? global?.value;
-			const isRotated = primaryGlobal?.isRotated ?? secondaryGlobal?.isRotated ?? global?.isRotated ?? false;
-			const keys = Object.keys(options);
-			const isLocked = disable || "viewport" in storyGlobals || !keys.length;
-			const [match, vx, ux, vy, uy] = value?.match(URL_VALUE_PATTERN) || [];
-			if (match) {
-				const x = ux && ux !== "px" ? vx : Math.max(Number(vx), 40);
-				const y = uy && uy !== "px" ? vy : Math.max(Number(vy), 40);
-				const width = `${x}${ux === "pct" ? "%" : ux || "px"}`;
-				const height = `${y}${uy === "pct" ? "%" : uy || "px"}`;
-				const selection = lastSelectedOption ? options[lastSelectedOption] : void 0;
-				return {
-					name: selection?.name ?? "Custom",
-					type: selection?.type ?? "other",
-					width: isRotated ? height : width,
-					height: isRotated ? width : height,
-					value: match,
-					option: void 0,
-					isCustom: true,
-					isDefault: false,
-					isLocked,
-					isRotated
-				};
-			}
-			if (value && keys.length) {
-				const { name, styles, type = "other" } = options[value] ?? options[keys[0]];
-				return {
-					name,
-					type,
-					width: isRotated ? styles.height : styles.width,
-					height: isRotated ? styles.width : styles.height,
-					value,
-					option: value,
-					isCustom: false,
-					isDefault: false,
-					isLocked,
-					isRotated
-				};
-			}
-			return {
-				name: "Responsive",
-				type: "desktop",
-				width: "100%",
-				height: "100%",
-				value: RESPONSIVE_VIEWPORT_VALUE,
-				option: void 0,
-				isCustom: false,
-				isDefault: true,
-				isLocked,
-				isRotated: false
-			};
-		};
-	})))();
-}
-//#endregion
-//#region src/viewport/useViewport.ts
-var cycle, normalizeGlobal, useViewport;
-function init_useViewport() {
-	return (init_useViewport = __esmMin((() => {
-		init__storybook_global_react();
-		init_manager_api();
-		init_constants$1();
-		init_defaults();
-		init_resolveViewport();
-		cycle = (viewports, current, direction = 1) => {
-			const keys = Object.keys(viewports);
-			const nextIndex = (current ? keys.indexOf(current) : -1) + direction;
-			return nextIndex < 0 ? keys[keys.length - 1] : nextIndex >= keys.length ? keys[0] : keys[nextIndex];
-		};
-		normalizeGlobal = (value, defaultIsRotated) => typeof value === "string" ? {
-			value,
-			isRotated: defaultIsRotated
-		} : {
-			value: value?.value,
-			isRotated: value?.isRotated ?? defaultIsRotated
-		};
-		useViewport = () => {
-			const api = useStorybookApi();
-			const { viewMode } = api.getUrlState();
-			const lastSelectedOption = useRef();
-			const parameter = useParameter(PARAM_KEY);
-			const [globals, updateGlobals, storyGlobals, userGlobals] = useGlobals();
-			const { options = MINIMAL_VIEWPORTS, disable = false } = parameter || {};
-			const { name, type, width, height, value, option, isCustom, isDefault, isLocked, isRotated } = resolveViewport({
-				globals,
-				storyGlobals,
-				userGlobals,
-				options,
-				lastSelectedOption: lastSelectedOption.current,
-				disable,
-				viewMode
-			});
-			const update = useCallback((input) => updateGlobals({ [PARAM_KEY]: normalizeGlobal(input, false) }), [updateGlobals]);
-			const resize = useCallback((width, height) => {
-				const w = width.replace(/px$/, "").replace(/%$/, "pct");
-				const h = height.replace(/px$/, "").replace(/%$/, "pct");
-				const value = isRotated ? `${h}-${w}` : `${w}-${h}`;
-				update({
-					value,
-					isRotated
-				});
-			}, [update, isRotated]);
-			useEffect(() => {
-				if (!parameter) return;
-				if (option) {
-					if (Object.hasOwn(options, option)) lastSelectedOption.current = option;
-					else {
-						lastSelectedOption.current = void 0;
-						if (!("viewport" in storyGlobals)) update({
-							value: void 0,
-							isRotated: false
-						});
-					}
-				}
-			}, [
-				parameter,
-				storyGlobals,
-				options,
-				option,
-				update
-			]);
-			useEffect(() => {
-				api.setAddonShortcut(ADDON_ID, {
-					label: "Next viewport",
-					defaultShortcut: ["alt", "V"],
-					actionName: "next",
-					action: () => update({
-						value: cycle(options, lastSelectedOption.current),
-						isRotated
-					})
-				});
-				api.setAddonShortcut(ADDON_ID, {
-					label: "Previous viewport",
-					defaultShortcut: [
-						"alt",
-						"shift",
-						"V"
-					],
-					actionName: "previous",
-					action: () => update({
-						value: cycle(options, lastSelectedOption.current, -1),
-						isRotated
-					})
-				});
-				api.setAddonShortcut(ADDON_ID, {
-					label: "Reset viewport",
-					defaultShortcut: [
-						"alt",
-						"control",
-						"V"
-					],
-					actionName: "reset",
-					action: () => update({
-						value: void 0,
-						isRotated: false
-					})
-				});
-			}, [
-				api,
-				update,
-				options,
-				isRotated
-			]);
-			return useMemo(() => ({
-				name,
-				type,
-				width,
-				height,
-				value,
-				option,
-				isCustom,
-				isDefault,
-				isLocked,
-				isRotated,
-				options,
-				lastSelectedOption: lastSelectedOption.current,
-				resize,
-				reset: () => update({
-					value: void 0,
-					isRotated: false
-				}),
-				rotate: () => update({
-					value,
-					isRotated: !isRotated
-				}),
-				select: (value) => update({
-					value,
-					isRotated
-				})
-			}), [
-				name,
-				type,
-				width,
-				height,
-				value,
-				option,
-				isCustom,
-				isDefault,
-				isRotated,
-				isLocked,
-				options,
-				resize,
-				update
-			]);
-		};
-	})))();
-}
-//#endregion
 //#region src/shared/constants/tags.ts
 var Tag, BUILT_IN_FILTERS, USER_TAG_FILTER;
 function init_tags() {
@@ -771,6 +541,25 @@ function init_storybook_error() {
 	})))();
 }
 //#endregion
+//#region src/preview-errors.ts
+var StatusTypeIdMismatchError$1;
+function init_preview_errors() {
+	return (init_preview_errors = __esmMin((() => {
+		init_storybook_error();
+		StatusTypeIdMismatchError$1 = class extends StorybookError {
+			constructor(data) {
+				super({
+					name: "StatusTypeIdMismatchError",
+					category: "PREVIEW_API",
+					code: 16,
+					message: `Status has typeId "${data.status.typeId}" but was added to store with typeId "${data.typeId}". Full status: ${JSON.stringify(data.status, null, 2)}`
+				});
+				this.data = data;
+			}
+		};
+	})))();
+}
+//#endregion
 //#region src/server-errors.ts
 var StatusTypeIdMismatchError;
 function init_server_errors() {
@@ -855,11 +644,11 @@ function createStatusStore({ universalStatusStore, useUniversalStore, environmen
 							status,
 							typeId
 						});
-						case "manager": throw new StatusTypeIdMismatchError$1({
+						case "manager": throw new StatusTypeIdMismatchError$2({
 							status,
 							typeId
 						});
-						default: throw new StatusTypeIdMismatchError$2({
+						default: throw new StatusTypeIdMismatchError$1({
 							status,
 							typeId
 						});
@@ -1395,4 +1184,4 @@ function init_use_universal_store_manager() {
 	})))();
 }
 //#endregion
-export { useCopyButton as A, iframeResizeDimensionsEqual as C, REVIEW_NAMESPACE as D, REVIEW_EVENTS as E, ToolbarManager as F, init_ToolbarManager as I, TOOLBAR_ID as L, init_routes as M, isReviewCollectionStoryRoute as N, init_events as O, isReviewSummaryPath as P, init_constants as R, hasFixedViewportDimensions as S, parseIframeResizeMessage as T, init_tags as _, UNIVERSAL_STATUS_STORE_OPTIONS as a, init_resolveViewport as b, init_status_store as c, StorybookError as d, init_storybook_error as f, USER_TAG_FILTER as g, BUILT_IN_FILTERS as h, init_universal_store as i, REVIEW_COLLECTION_QUERY_PARAM as j, init_useCopyButton as k, statusValueDescription as l, init_story_index_filters as m, useUniversalStore as n, countStatusesByValue as o, getActiveFilterCount as p, UniversalStore as r, createStatusStore as s, init_use_universal_store_manager as t, statusValueShortName as u, init_useViewport as v, init_iframe_resize as w, IFRAME_RESIZE_REQUEST_CONTEXT as x, useViewport as y };
+export { REVIEW_COLLECTION_QUERY_PARAM as A, REVIEW_EVENTS as C, useSyncExternalStoreWithSelector as D, init_with_selector as E, init_ToolbarManager as F, TOOLBAR_ID as I, init_constants as L, isReviewCollectionStoryRoute as M, isReviewSummaryPath as N, init_useCopyButton as O, ToolbarManager as P, global as R, parseIframeResizeMessage as S, init_events as T, init_tags as _, UNIVERSAL_STATUS_STORE_OPTIONS as a, iframeResizeDimensionsEqual as b, init_status_store as c, StorybookError as d, init_storybook_error as f, USER_TAG_FILTER as g, BUILT_IN_FILTERS as h, init_universal_store as i, init_routes as j, useCopyButton as k, statusValueDescription as l, init_story_index_filters as m, useUniversalStore as n, countStatusesByValue as o, getActiveFilterCount as p, UniversalStore as r, createStatusStore as s, init_use_universal_store_manager as t, statusValueShortName as u, IFRAME_RESIZE_REQUEST_CONTEXT as v, REVIEW_NAMESPACE as w, init_iframe_resize as x, hasFixedViewportDimensions as y, init_global as z };

package/dist/manager/_manager-chunks/{runtime-DGHNKNQl.js → runtime-DzxaTqVN.js}

@@ -1,22 +1,6 @@
-import { n as __esmMin } from "./runtime-EITvVbkG.js";
-import { Co as version, Qa as Children, _o as useLayoutEffect, ao as createElement, bo as useRef, c as init__storybook_global_react_dom, co as init__storybook_global_react, d as jsxs, do as useCallback, eo as Fragment, fo as useContext, go as useImperativeHandle, io as createContext, l as init_jsx_runtime, lo as isValidElement, mo as useEffect, no as _storybook_global_react_exports, o as createPortal, oo as createRef, po as useDebugValue, ro as cloneElement, s as flushSync, so as forwardRef, u as jsx, vo as useMemo, xo as useState } from "./runtime-B-eSQdxk.js";
-import { c as require_with_selector, l as require_shim } from "./runtime-DrjpEyLM.js";
-//#region ../../node_modules/@storybook/global/dist/index.mjs
-var scope;
-function init_dist() {
-	return (init_dist = __esmMin((() => {
-		scope = (() => {
-			let win;
-			if (typeof window !== "undefined") win = window;
-			else if (typeof globalThis !== "undefined") win = globalThis;
-			else if (typeof global !== "undefined") win = global;
-			else if (typeof self !== "undefined") win = self;
-			else win = {};
-			return win;
-		})();
-	})))();
-}
-//#endregion
+import { n as __esmMin } from "./runtime-BdGkqNEt.js";
+import { Cr as useLayoutEffect, Dr as useState, Er as useRef, Or as useSyncExternalStore, Sr as useImperativeHandle, _r as useCallback, br as useEffect, c as createPortal, cr as _storybook_global_react_exports, d as init_jsx_runtime, dr as createElement, f as jsx, fr as createRef, hr as isValidElement, ir as Children, kr as version, l as flushSync, lr as cloneElement, mr as init__storybook_global_react, or as Fragment, p as jsxs, pr as forwardRef, u as init__storybook_global_react_dom, ur as createContext, vr as useContext, wr as useMemo, yr as useDebugValue } from "./runtime-BM30BmeT.js";
+import { D as useSyncExternalStoreWithSelector, E as init_with_selector } from "./runtime-DvrwKw7z.js";
 //#region ../../node_modules/@base-ui/utils/useRefWithInit.mjs
 /**
 * A React.useRef() that is initialized with a function. Note that it accepts an optional
@@ -3068,7 +3052,7 @@ function useStoreR19(store, selector, a1, a2, a3) {
 		a2,
 		a3
 	]);
-	return (0, import_shim$1.useSyncExternalStore)(store.subscribe, getSelection, getSelection);
+	return useSyncExternalStore(store.subscribe, getSelection, getSelection);
 }
 function useStoreFast(store, selector, a1, a2, a3) {
 	const instance = getInstance();
@@ -3101,14 +3085,13 @@ function useStoreFast(store, selector, a1, a2, a3) {
 	return hook.value;
 }
 function useStoreLegacy(store, selector, a1, a2, a3) {
-	return (0, import_with_selector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, (state) => selector(state, a1, a2, a3));
+	return useSyncExternalStoreWithSelector(store.subscribe, store.getSnapshot, store.getSnapshot, (state) => selector(state, a1, a2, a3));
 }
-var import_shim$1, import_with_selector, useStoreImplementation;
+var useStoreImplementation;
 function init_useStore() {
 	return (init_useStore = __esmMin((() => {
 		init__storybook_global_react();
-		import_shim$1 = require_shim();
-		import_with_selector = require_with_selector();
+		init_with_selector();
 		init_reactVersion();
 		init_fastHooks();
 		useStoreImplementation = isReactVersionAtLeast(19) ? useStoreFast : useStoreLegacy;
@@ -3148,7 +3131,7 @@ function init_useStore() {
 							};
 						};
 					}
-					(0, import_shim$1.useSyncExternalStore)(instance.subscribe, instance.getSnapshot, instance.getSnapshot);
+					useSyncExternalStore(instance.subscribe, instance.getSnapshot, instance.getSnapshot);
 				}
 			}
 		});
@@ -3612,13 +3595,11 @@ function usePopupHandleStore(handle) {
 	const getSnapshot = useCallback(() => {
 		return handle === void 0 ? void 0 : handle.store;
 	}, [handle]);
-	return (0, import_shim.useSyncExternalStore)(subscribe, getSnapshot, () => handle?.serverStore);
+	return useSyncExternalStore(subscribe, getSnapshot, () => handle?.serverStore);
 }
-var import_shim;
 function init_usePopupHandleStore() {
 	return (init_usePopupHandleStore = __esmMin((() => {
 		init__storybook_global_react();
-		import_shim = require_shim();
 		init_empty();
 	})))();
 }
@@ -6857,4 +6838,4 @@ function init_objectWithoutPropertiesLoose() {
 	return (init_objectWithoutPropertiesLoose = __esmMin((() => {})))();
 }
 //#endregion
-export { scope as S, TooltipTrigger as _, _inheritsLoose as a, init_TooltipRoot as b, init_assertThisInitialized as c, TooltipPopup as d, init_TooltipPopup as f, init_TooltipPortal as g, TooltipPortal as h, init_wrapNativeSuper as i, _extends as l, init_TooltipPositioner as m, init_objectWithoutPropertiesLoose as n, init_inheritsLoose as o, TooltipPositioner as p, _wrapNativeSuper as r, _assertThisInitialized as s, _objectWithoutPropertiesLoose as t, init_extends as u, init_TooltipTrigger as v, init_dist as x, TooltipRoot as y };
+export { TooltipTrigger as _, _inheritsLoose as a, init_TooltipRoot as b, init_assertThisInitialized as c, TooltipPopup as d, init_TooltipPopup as f, init_TooltipPortal as g, TooltipPortal as h, init_wrapNativeSuper as i, _extends as l, init_TooltipPositioner as m, init_objectWithoutPropertiesLoose as n, init_inheritsLoose as o, TooltipPositioner as p, _wrapNativeSuper as r, _assertThisInitialized as s, _objectWithoutPropertiesLoose as t, init_extends as u, init_TooltipTrigger as v, TooltipRoot as y };