resolve dom on import issue by moving quill components into their own package

examples/data-objects/text-editor/src/app.tsx

@@ -7,13 +7,16 @@ import { AzureClient, type AzureLocalConnectionConfig } from "@fluidframework/az
 import { createDevtoolsLogger, initializeDevtools } from "@fluidframework/devtools/beta";
 import {
 	toPropTreeNode,
-	FormattedMainView,
-	PlainTextMainView,
-	PlainQuillView,
 	UndoRedoStacks,
 	type UndoRedo,
 	// eslint-disable-next-line import-x/no-internal-modules
 } from "@fluidframework/react/internal";
+import {
+	FormattedMainView,
+	PlainTextMainView,
+	PlainQuillView,
+	// eslint-disable-next-line import-x/no-internal-modules
+} from "@fluidframework/react/quill";
 /**
  * InsecureTokenProvider is used here for local development and demo purposes only.
  * Do not use in production - implement proper authentication for production scenarios.

packages/framework/react/package.json

@@ -36,6 +36,10 @@
 				"types": "./lib/index.d.ts",
 				"default": "./lib/index.js"
 			}
+		},
+		"./quill": {
+			"types": "./lib/text/quill.d.ts",
+			"import": "./lib/text/quill.js"
 		}
 	},
 	"main": "lib/index.js",

packages/framework/react/src/index.ts

@@ -46,12 +46,4 @@ export {
 } from "./useTree.js";
 export { objectIdNumber } from "./simpleIdentifier.js";
 
-export {
-	FormattedMainView,
-	PlainTextMainView,
-	PlainQuillView,
-	type FormattedMainViewProps,
-	type PlainMainViewProps,
-	type FormattedEditorHandle,
-} from "./text/index.js";
 export { UndoRedoStacks, type UndoRedo } from "./undoRedo.js";